/* One Metalex role popup — isolated styles only. No global layout or typography overrides. */
.om-role-popup[hidden]{display:none!important}
.om-role-popup{
  position:fixed;
  inset:0;
  z-index:10000;
  display:grid;
  place-items:center;
  padding:20px;
  background:rgba(36,16,20,.12);
  -webkit-backdrop-filter:blur(5px);
  backdrop-filter:blur(5px)
}
.om-role-popup__dialog{
  position:relative;
  width:min(100%,420px);
  margin:0;
  padding:30px 28px 28px;
  background:#f4eadf;
  border:1px solid rgba(110,34,50,.16);
  box-shadow:0 24px 70px rgba(36,16,20,.18);
  text-align:center
}
.om-role-popup__close{
  position:absolute;
  top:10px;
  inset-inline-end:10px;
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  color:#241014;
  font:inherit;
  font-size:24px;
  font-weight:400;
  line-height:1;
  cursor:pointer;
  opacity:.68
}
.om-role-popup__close:hover{opacity:1}
.om-role-popup__title{
  margin:0 34px 20px;
  color:#241014;
  font-family:var(--serif,"Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Times New Roman",serif);
  font-size:clamp(22px,2.4vw,28px);
  font-weight:700;
  line-height:1.2;
  letter-spacing:-.02em
}
.om-role-popup__actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px
}
.om-role-popup__action{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:11px 14px;
  border:1px solid transparent;
  color:#fff;
  font:inherit;
  font-size:14px;
  font-weight:750;
  line-height:1.25;
  text-align:center;
  text-decoration:none;
  transition:transform .16s ease,filter .16s ease
}
.om-role-popup__action:hover{transform:translateY(-1px);filter:brightness(.96)}
.om-role-popup__action--buyer{background:#2B5A9E;border-color:#2B5A9E}
.om-role-popup__action--manufacturer{background:#6E2232;border-color:#6E2232}
.om-role-popup__close:focus-visible,
.om-role-popup__action:focus-visible{
  outline:2px solid #241014;
  outline-offset:3px
}
@media(max-width:620px){
  .om-role-popup{padding:16px}
  .om-role-popup__dialog{width:min(100%,360px);padding:26px 18px 20px}
  .om-role-popup__title{margin:2px 32px 18px;font-size:22px}
  .om-role-popup__actions{grid-template-columns:1fr;gap:9px}
  .om-role-popup__action{min-height:47px;padding:11px 12px;font-size:14px}
  .om-role-popup__close{top:7px;inset-inline-end:7px}
}
@media(max-width:360px){
  .om-role-popup{padding:12px}
  .om-role-popup__dialog{padding:24px 14px 16px}
  .om-role-popup__title{font-size:20px;margin-bottom:16px}
}
@media(prefers-reduced-motion:reduce){
  .om-role-popup__action{transition:none}
}