/* Only the initial readiness hand-off; scroll/menu motion keeps its own owner. */
html.qp-header-pending #site-header {
  /* Also clear the pending opacity in retained, immutable older CSS bundles. */
  opacity: 1 !important;
  pointer-events: none;
}

/* Keep the backdrop's ancestors painted at their normal opacity while their
   geometry is measured. Hide each real surface, including the mobile rail. */
html.qp-header-pending #site-header > .header-inner > * {
  opacity: 0 !important;
}

html.qp-header-pending #site-header,
html.qp-header-pending #site-header * {
  pointer-events: none !important;
  transition: none !important;
  animation: none !important;
}

/* Never fade a backdrop's ancestor: that creates a temporary backdrop root. */
body.qp-page #site-header[data-ui-ready] {
  animation: none;
}

@keyframes qp-header-surface-arrive {
  from { opacity: 0; }
  to { opacity: 1; }
}

@media (prefers-reduced-motion: no-preference) {
  body.qp-page #site-header[data-ui-ready] > .header-inner > :is(.site-header-glass, .site-header-outline, .logo, .site-header-top, .main-nav, .header-actions, .site-nav-rail-actions) {
    animation: qp-header-surface-arrive 240ms linear;
  }
}
/* Section boundaries belong to one continuous product scene. Keep card,
   table-row, field and media-frame borders inside those sections. */
body.qp-page #content article[data-product] section:not(section section) {
  /* Some retained event blocks use two ID selectors; keep their spacing. */
  border-block-color: transparent !important;
  box-shadow: none;
}
body.qp-page #content article[data-product] section:not(section section)::after {
  content: none;
}

/* The same accepted desktop tint keeps navigation readable over light scenes. */
@media (min-width: 941px) and (forced-colors: none) {
  body.qp-page #site-header .site-header-glass {
    background-color: rgba(20, 25, 35, .68);
  }
}
@media (min-width: 941px) and (prefers-contrast: more),
       (min-width: 941px) and (prefers-reduced-transparency: reduce) {
  body.qp-page #site-header .site-header-glass {
    background: #11151b;
  }
}

/* Both markets use the same light/dark quote surfaces and readable ink. */
body.qp-page #dzq-modal :is(.lead-form-gate, .form-privacy-note, .dzq-consent, .dzq-consent > label, .qp-form-preview-note) {
  color: inherit;
}
body.qp-page #dzq-modal .dz-consent-copy a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: .16em;
}
body.qp-page #dzq-modal .dz-consent-copy a:hover {
  text-decoration-thickness: 2px;
}
body.qp-page #dzq-modal .dz-consent-copy a:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}