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

/* 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); }

/* 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}
}
