/* Measured production CTA inheritance: source `.btn` uppercases both hero actions. */
.legacy-certificates-source .gifts-promo__btn { text-transform: uppercase; }

.legacy-public:has(.legacy-certificates-source) .gifts-item__btn {
  box-sizing: border-box;
  max-width: 100%;
}

/* A complete production render loads Code Pro for certificate display/CTA
   and Myriad for the promo and explanatory copy. */
.legacy-public:has(.legacy-certificates-source) .page-top--certificates h1,
.legacy-certificates-source .gifts-promo__title,
.legacy-certificates-source .gifts-promo__btn,
.legacy-public:has(.legacy-certificates-source) .gifts__title,
.legacy-public:has(.legacy-certificates-source) .gifts-item__title,
.legacy-public:has(.legacy-certificates-source) .gifts-item__btn,
.legacy-public:has(.legacy-certificates-source) .legacy-certificates-faq .faq__title { font-family:'Code Pro Black','Arial Black',sans-serif; }
.legacy-certificates-source .gifts-promo__subtitle,
.legacy-certificates-source .gifts-promo__text,
.legacy-public:has(.legacy-certificates-source) .gifts__subtitle,
.legacy-public:has(.legacy-certificates-source) .legacy-certificates-faq .faq__subtitle { font-family:'Myriad Pro',Arial,sans-serif; }
.legacy-public:has(.legacy-certificates-source) .page-top--certificates h1,
.legacy-certificates-source .gifts-promo__title,
.legacy-public:has(.legacy-certificates-source) .gifts__title,
.legacy-public:has(.legacy-certificates-source) .legacy-certificates-faq .faq__title {
  font-weight:400;
}

/* `legacy-shell.css` intentionally gives every h2 a scoped 32px fallback.
   This page's source stylesheet is less specific, so restore its display
   hierarchy after the shared shell has loaded. */
.legacy-certificates-source .gifts-promo__title {
  font-size:36px;
  line-height:1.2;
}
.legacy-public:has(.legacy-certificates-source) .gifts__title,
.legacy-public:has(.legacy-certificates-source) .legacy-certificates-faq .faq__title {
  font-size:36px;
  line-height:1.2;
}

/* The 390px production runtime keeps this second line on the same left edge
   as the wrapped first line.  Its copied source rule says `text-align:right`,
   but the rendered legacy page is the acceptance baseline. */
/* The overlay keeps the page geometry stable when the browser scrollbar is
   removed. The exact compensation is measured immediately before opening. */
body.modal-open { overflow:hidden; padding-right:var(--legacy-modal-scrollbar-compensation,0px); }

/* Keep every certificate CTA in one tactile family, including controls that
   become visible only after opening either request dialog. */
.legacy-certificates-source .gifts-promo__btn,
.legacy-certificates-source .gifts-item__btn,
.legacy-registration.register-modal_certificate .register-modal__button,
.legacy-registration.register-modal_corporate .register-modal__button,
.legacy-registration.register-modal_certificate .register-modal__close,
.legacy-registration.register-modal_corporate .register-modal__close { transition:transform .18s ease,box-shadow .18s ease,filter .18s ease; }
.legacy-certificates-source .gifts-promo__btn:hover,
.legacy-certificates-source .gifts-promo__btn:focus-visible,
.legacy-certificates-source .gifts-item__btn:hover,
.legacy-certificates-source .gifts-item__btn:focus-visible,
.legacy-registration.register-modal_certificate .register-modal__button:hover,
.legacy-registration.register-modal_certificate .register-modal__button:focus-visible,
.legacy-registration.register-modal_corporate .register-modal__button:hover,
.legacy-registration.register-modal_corporate .register-modal__button:focus-visible,
.legacy-registration.register-modal_certificate .register-modal__close:hover,
.legacy-registration.register-modal_certificate .register-modal__close:focus-visible,
.legacy-registration.register-modal_corporate .register-modal__close:hover,
.legacy-registration.register-modal_corporate .register-modal__close:focus-visible { transform:translateY(-2px); box-shadow:0 7px 16px rgba(9,8,24,.23); }
.legacy-certificates-source .gifts-promo__btn:focus-visible,
.legacy-certificates-source .gifts-item__btn:focus-visible,
.legacy-registration.register-modal_certificate .register-modal__button:focus-visible,
.legacy-registration.register-modal_corporate .register-modal__button:focus-visible { outline:3px solid #fff; outline-offset:3px; }
.legacy-certificates-source .gifts-promo__btn:active,
.legacy-certificates-source .gifts-item__btn:active,
.legacy-registration.register-modal_certificate .register-modal__button:active,
.legacy-registration.register-modal_corporate .register-modal__button:active,
.legacy-registration.register-modal_certificate .register-modal__close:active,
.legacy-registration.register-modal_corporate .register-modal__close:active { transform:translateY(0) scale(.97); filter:brightness(.93); }

/* WebKit can retain the opener's hover beneath an inert dialog until the
   first pointer move. Keep those background CTAs still while it is open. */
.legacy-public.modal-open .gifts-promo[inert] .gifts-promo__btn,
.legacy-public.modal-open .gifts[inert] .gifts-item__btn {
  transform:none;
  box-shadow:none;
  filter:none;
  transition:none;
}

/* Nonstandard team sizes have no composition-specific legacy cover. Give
   those choices a neutral card that names the selected count. */
.legacy-public:has(.legacy-certificates-source) .gifts-item__image-fallback {
  display:flex;
  min-height:228px;
  max-width:226px;
  margin:0 auto;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:6px;
  color:#fff;
  background:linear-gradient(145deg,#242337,#3f3d58);
  font:700 14px/1.2 'Myriad Pro',Arial,sans-serif;
  text-transform:uppercase;
}
.legacy-public:has(.legacy-certificates-source) .gifts-item__image-fallback strong {
  color:#f9b115;
  font:700 64px/1 'Code Pro Black','Arial Black',sans-serif;
}
.legacy-certificates-source .gifts-item__price-note {
  margin:-8px 0 15px;
  color:#c7c7de;
  font:16px/1.3 'Myriad Pro',Arial,sans-serif;
}
.legacy-registration.register-modal_certificate .register-modal__players-price {
  margin-top:12px;
  color:#f9b115;
  font:700 17px/1.35 'Myriad Pro',Arial,sans-serif;
  text-align:center;
}

/* The home FAQ uses semantic details/summary disclosures. Certificates keep
   the same keyboard-native behaviour while retaining their own CP rows. */
.legacy-certificates-faq .faq-accordeon-item__q { transition:color .32s ease,background-color .32s ease; }
.legacy-certificates-faq .faq-accordeon-item__q:focus-visible { outline:2px solid var(--legacy-yellow); outline-offset:2px; }
.legacy-certificates-faq .faq-accordeon-item[open] .faq-accordeon-item__a { display:block; }
@media (prefers-reduced-motion: reduce) {
  .legacy-certificates-source .gifts-promo__btn,
  .legacy-certificates-source .gifts-item__btn,
  .legacy-registration.register-modal_certificate .register-modal__button,
  .legacy-registration.register-modal_corporate .register-modal__button,
  .legacy-registration.register-modal_certificate .register-modal__close,
  .legacy-registration.register-modal_corporate .register-modal__close,
  .legacy-certificates-faq .faq-accordeon-item__q { transition:none; }
  .legacy-certificates-source .gifts-promo__btn:hover,
  .legacy-certificates-source .gifts-promo__btn:focus-visible,
  .legacy-certificates-source .gifts-item__btn:hover,
  .legacy-certificates-source .gifts-item__btn:focus-visible,
  .legacy-registration.register-modal_certificate .register-modal__button:hover,
  .legacy-registration.register-modal_certificate .register-modal__button:focus-visible,
  .legacy-registration.register-modal_corporate .register-modal__button:hover,
  .legacy-registration.register-modal_corporate .register-modal__button:focus-visible { transform:none; filter:brightness(1.08); }
  .legacy-certificates-source .gifts-promo__btn:active,
  .legacy-certificates-source .gifts-item__btn:active,
  .legacy-registration.register-modal_certificate .register-modal__button:active,
  .legacy-registration.register-modal_corporate .register-modal__button:active { transform:none; filter:brightness(.9); }
}

@media (max-width: 767px) {
  .legacy-public:has(.legacy-certificates-source) .page-certificates__title span {
    text-align:left;
  }
  .legacy-certificates-source .gifts-promo__title {
    font-size:24px;
  }
  .legacy-certificates-source .gifts-promo__title{font-family:'Code-Pro-Black-LC',sans-serif;font-size:24px;line-height:36px;margin-bottom:30px}
}

@media (max-width: 374px) {
  .legacy-public:has(.legacy-certificates-source) .gifts__title {
    font-size: 32px;
  }
}