/* Site-owned navigation contract. Product pages must not override this component. */
#site-header .site-nav-footer { display: contents; }
#site-header :is(.site-header-glass,.site-header-outline) { display: none; }
.site-nav-dialog:not([open]) { display: none; }
.site-nav-dialog {
  color: #f4f6fa;
  color-scheme: dark;
  width: min(560px, calc(100% - 32px));
  max-height: calc(100dvh - 32px);
  box-sizing: border-box;
  padding: 24px;
  margin: auto;
  border: 1px solid rgba(226,233,245,.3);
  border-radius: 24px;
  background: rgba(24,29,39,.78) var(--qp-soft-grain);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  overflow: auto;
  overscroll-behavior: contain;
}
.site-nav-dialog::backdrop { background: rgba(5,8,14,.5); backdrop-filter: blur(8px); }
.site-nav-close {
  position: absolute; z-index: 2; right: 4px; top: 8px; width: 44px; height: 44px;
  display: grid; place-items: center; border-radius: 0; font-size: 24px;
  color: inherit; background: transparent; border: 0; cursor: pointer;
}
body.qp-mobile-nav-open { overflow: hidden; }
.site-nav-dialog :is(a,button):focus-visible { outline: 3px solid #e4ecff; outline-offset: 3px; }
@media (max-width: 940px) {
  body.qp-page #site-header,
  body.qp-page #site-header.scrolled,
  body.qp-page #site-header .header-inner {
    background: transparent !important; border: 0; box-shadow: none;
    backdrop-filter: none; -webkit-backdrop-filter: none;
  }
  body.qp-page #site-header::before, body.qp-page #site-header::after { content: none !important; }
  body.qp-page #site-header .header-inner { box-sizing: border-box; padding-inline: 8px !important; }
  body.qp-page #site-header .logo span:not(.mk) { display: none; }
  body.qp-page #site-header :is(.acct-btn,.nav-toggle) {
    width: 44px !important; height: 44px !important; min-width: 44px;
    padding: 0 !important; display: inline-grid; place-items: center;
    border-radius: 50%; color: #f4f6fa; background: rgba(24,29,39,.72) !important;
    border: 1px solid rgba(226,233,245,.35); box-shadow: none;
    backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
  }
  body.qp-page #site-header :is(.dzq-open,.qp-header-product-request) { font-size: 0 !important; gap: 0; }
  body.qp-page #site-header :is(.dzq-open,.qp-header-product-request)::before {
    content: '' !important; position: absolute !important; inset: auto !important; top: 50% !important; left: 50% !important; width: 22px; height: 22px;
    background: currentColor !important; opacity: 1 !important; transform: translate(-50%, -50%) !important; animation: none !important;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3h2l2.5 12h11L21 7H6M8 19h.01M18 19h.01'/%3E%3Ccircle cx='8' cy='19' r='1'/%3E%3Ccircle cx='18' cy='19' r='1'/%3E%3C/svg%3E") center / contain no-repeat;
  }
  body.qp-page #site-header :is(.dzq-open,.qp-header-product-request)::after { content: none !important; }
}
/* Dialog content is shared by the mobile sheet and the opt-in edge rail. */
  body.qp-page .site-nav-dialog .main-nav {
    position: static; display: flex; flex-direction: column; align-items: stretch;
    width: auto; max-height: none; padding: 0; gap: 8px; border: 0;
    /* The dialog owns scrolling; do not clip link bubbles at the nav edge. */
    overflow: visible;
    background: transparent; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none;
  }
  .site-nav-dialog .qp-nav-products { display: block; }
  .site-nav-dialog .qp-nav-products > summary { display: none; }
  body.qp-page .site-nav-dialog .qp-nav-products-menu {
    position: static; display: grid; grid-template-columns: 1fr 1fr; gap: 20px;
    width: auto; padding: 0; max-height: none; border: 0; border-radius: 0;
    background: transparent; box-shadow: none; opacity: 1; visibility: visible; transform: none;
  }
  .site-nav-dialog .qp-nav-products-group:first-child { grid-column: 1; grid-row: 1; }
  .site-nav-dialog .qp-nav-products-group { padding: 0; }
  .site-nav-dialog .qp-nav-products-group h2 { margin: 0 0 8px; font-size: 12px; color: #bbc4d4; }
  body.qp-page .site-nav-dialog .main-nav a {
    display: flex; align-items: center; flex-wrap: wrap; min-height: 44px;
    padding: 6px 0; border: 0; color: #f4f6fa; font-size: 16px; line-height: 1.3; text-decoration: none;
  }
  body.qp-page .site-nav-dialog .main-nav .site-nav-desktop-link { display: none; }
  .site-nav-dialog .qp-nav-products-menu small { width: 100%; color: #bbc4d4; font-size: 12px; }
  .site-nav-dialog .site-nav-footer { display: flex; justify-content: space-between; gap: 8px; border-top: 1px solid #444d5c; padding-top: 12px; margin-top: 12px; }
  .site-nav-dialog .main-nav-extra:not(:has(a, button)) { display: none; }
  body[data-market="global"].qp-mobile-nav-open .qp-nav-backdrop { visibility: hidden; pointer-events: none; }
@media (prefers-contrast: more) { .site-nav-dialog { background: #181d27; } }
@media (forced-colors: active) {
  .site-nav-dialog { background: Canvas; color: CanvasText; }
  .site-nav-dialog a { color: LinkText !important; }
}
@media (max-width: 940px) {
  .site-nav-dialog .qp-nav-products-group { min-width: 0; border: 0; }
  body.qp-page .site-nav-dialog .main-nav a { white-space: normal; overflow-wrap: anywhere; }
  .site-nav-dialog .main-nav-extra { border: 0; padding: 0; margin: 0; }
}
.site-nav-dialog :is(a,button), #site-header :is(a,button) { touch-action: manipulation; }
.site-nav-dialog a:active { opacity: .7; }
@media (hover: hover) {
  body.qp-page .site-nav-dialog .main-nav a:hover { text-decoration: none !important; background-color: rgba(255,255,255,.10); }
  .site-nav-close:hover { color: #b9c8ed; }
}

@media (max-width: 940px) {
  body.qp-page #site-header :is(.dzq-open,.qp-header-product-request) { position: relative; }
  body.qp-page #site-header .logo {
    width: 44px; height: 44px; display: grid; place-items: center; border-radius: 50%;
    background: rgba(24,29,39,.72); border: 1px solid rgba(226,233,245,.35);
    backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
  }
  body.qp-page #site-header .logo .mk { background: transparent; color: #f4f6fa; width: auto; height: auto; font-size: 22px; }
  .site-nav-dialog .qp-nav-products-group:last-child h2 { padding-right: 32px; }
}

@media (hover: hover) {
  body.qp-page .site-nav-dialog .main-nav a:hover,
  body.qp-page .site-nav-dialog .main-nav a:hover small { color: #fff; }
}
body.qp-page .site-nav-dialog .main-nav a:focus-visible { color: #fff; }
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .site-nav-dialog { background: #181d27; }
  @media (max-width: 940px) { body.qp-page #site-header :is(.logo,.acct-btn,.nav-toggle) { background: #181d27 !important; } }
}
@media (max-width: 768px) {
  .site-nav-dialog { backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
  body.qp-page #site-header :is(.logo,.acct-btn,.nav-toggle) { backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
}
@media (max-width: 940px) and (prefers-reduced-transparency: reduce) {
  .site-nav-dialog:not([data-navigation-layout="rail"]), body.qp-page #site-header:not([data-navigation-layout="rail"]) :is(.logo,.acct-btn,.nav-toggle) { background: #181d27 !important; backdrop-filter: none; -webkit-backdrop-filter: none; }
}
/* Catalogue taxonomy is shared between desktop and the mobile popup. */
@media (min-width: 941px) {
  body.qp-page[data-market="global"] .qp-nav-enhanced .qp-nav-products-menu { grid-template-columns: minmax(280px,1fr) minmax(220px,1fr); gap: 24px 64px; }
  .qp-nav-products-group:first-child { grid-column: 1; grid-row: 1; }
  .qp-nav-products-group:nth-child(2) { grid-column: 1; grid-row: 2; }
  .qp-nav-products-group:last-child { grid-column: 2; grid-row: 1 / span 2; }
  #site-header .site-nav-social { display: none; }
}
@media (max-width: 940px) {
  body.qp-page .site-nav-dialog .site-nav-footer { align-items: center; }
  body.qp-page .site-nav-dialog .site-nav-contact { padding: 0 18px; border: 1px solid rgba(226,233,245,.3); border-radius: 24px; background: rgba(255,255,255,.07); }
  .site-nav-social { display: flex; gap: 8px; }
  body.qp-page .site-nav-dialog .site-nav-social a { width: 44px; height: 44px; padding: 0; justify-content: center; font-size: 22px; }
}
@media (max-width: 940px) {
  body.qp-page .site-nav-dialog .main-nav .site-nav-contact { width: auto; flex: 0 0 auto; padding: 0 16px; justify-content: center; border: 1px solid rgba(226,233,245,.3); }
  .site-nav-social a svg { flex-shrink: 0; }
}
@media (max-width: 360px) {
  .site-nav-dialog { padding-inline: 16px; }
  body.qp-page .site-nav-dialog .site-nav-footer { gap: 4px; }
  body.qp-page .site-nav-dialog .main-nav .site-nav-contact { padding-inline: 6px; }
}

@media (max-width: 940px) {
  .site-nav-dialog { padding-bottom: 12px; }
  .site-nav-dialog .qp-nav-products-group:nth-child(2) { grid-column: 1; grid-row: 2; }
  .site-nav-dialog .qp-nav-products-group:last-child { grid-column: 2; grid-row: 1 / span 2; }
  body.qp-page .site-nav-dialog .site-nav-social a {
    border: 1px solid rgba(226,233,245,.3); border-radius: 50%;
    background: rgba(255,255,255,.07) var(--qp-soft-grain);
    backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
    box-sizing: border-box;
  }
}

/* Popup links use a quiet surface highlight, never the site link underline. */
body.qp-page .site-nav-dialog .main-nav a {
  text-decoration: none !important;
}
body.qp-page .site-nav-dialog .main-nav a::after { content: none; }
body.qp-page .site-nav-dialog .qp-nav-products-menu a {
  border-radius: 12px;
  padding-inline: 8px;
  margin-inline: -8px;
  box-sizing: border-box;
}
body.qp-page .site-nav-dialog .main-nav .site-nav-contact {
  height: 44px;
  box-sizing: border-box;
  border: 1px solid rgba(226,233,245,.3);
  border-radius: 999px;
  box-shadow: none;
  background-clip: padding-box;
}

/* Mobile controls retreat towards their respective screen edges. */
@media (max-width: 940px) {
  body.qp-page #site-header .logo { border-radius: 12px; }
  body.qp-page #site-header .header-actions :is(.dzq-open,.qp-header-product-request) {
    background: linear-gradient(110deg, #3359d7, #7041c9) !important;
    border-color: rgba(255,255,255,.32);
  }
  body.qp-page #site-header.has-scroll-behavior,
  body.qp-page #site-header.has-scroll-behavior.is-scroll-hidden {
    transform: none; opacity: 1; visibility: visible; transition: none;
  }
  body.qp-page #site-header.has-scroll-behavior :is(.logo,.header-actions) {
    transition: transform 360ms cubic-bezier(.22,1,.36,1), opacity 240ms ease;
  }
  body.qp-page #site-header.is-scroll-hidden .logo { transform: translateX(calc(-100% - 40px)); opacity: 0; }
  body.qp-page #site-header.is-scroll-hidden .header-actions { transform: translateX(calc(100% + 40px)); opacity: 0; }
}
@media (max-width: 940px) and (prefers-reduced-motion: reduce) {
  body.qp-page #site-header.has-scroll-behavior :is(.logo,.header-actions) { transition: none; }
}

@property --site-header-left-end { syntax: "<length>"; inherits: true; initial-value: 144px; }
@property --site-header-right-start { syntax: "<length>"; inherits: true; initial-value: 800px; }

/* One desktop frame: only its glass surfaces morph; content is never clipped. */
@media (min-width: 941px) {
  body.qp-page #site-header {
    --site-header-height: 52px;
    --site-header-edge: 12px;
    --site-header-motion: 900ms cubic-bezier(.77,0,.175,1);
    --site-header-logo-width: 144px;
    --site-order-collapse-shift: 76px;
    --site-header-left-end: calc(var(--site-header-join, 245px) + 26px);
    --site-header-right-start: calc(var(--site-header-join, 245px) - 26px);
    transition: --site-header-left-end var(--site-header-motion), --site-header-right-start var(--site-header-motion);
    background: transparent !important; border: 0; box-shadow: none;
    backdrop-filter: none; -webkit-backdrop-filter: none;
    pointer-events: none;
  }
  body.qp-page #site-header::before, body.qp-page #site-header::after { content: none !important; }
  body.qp-page #site-header .header-inner {
    position: relative; isolation: isolate;
    display: flex; align-items: center; justify-content: space-between; gap: 16px;
    width: calc(var(--qp-header-inline-size, 100vw) - 2 * var(--site-header-edge)) !important;
    height: var(--site-header-height); padding: 0; margin: var(--site-header-edge) auto 0 !important;
    border: 0; border-radius: 26px; background: transparent !important;
    box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none;
    animation: none; transform: none; overflow: visible;
  }
  body.qp-page:has(.qp-read-page--mixup-seo) #site-header .header-inner {
    margin-left: var(--site-header-edge) !important;
  }
  /* A single masked surface joins the two rounded ends without a seam. */
  body.qp-page #site-header .site-header-glass {
    display: block; position: absolute; inset: 0; z-index: -1; pointer-events: none;
    background: rgba(20,25,35,.50) var(--qp-soft-grain);
    backdrop-filter: blur(24px) saturate(125%); -webkit-backdrop-filter: blur(24px) saturate(125%);
    -webkit-mask-image: radial-gradient(circle, #000 25.5px, transparent 26px), linear-gradient(#000,#000), radial-gradient(circle, #000 25.5px, transparent 26px), radial-gradient(circle, #000 25.5px, transparent 26px), linear-gradient(#000,#000), radial-gradient(circle, #000 25.5px, transparent 26px);
    -webkit-mask-size: 52px 52px, calc(var(--site-header-left-end) - 52px) 52px, 52px 52px, 52px 52px, calc(var(--site-header-frame-width, 982px) - var(--site-header-right-start) - 52px) 52px, 52px 52px;
    -webkit-mask-position: 0 0, 26px 0, calc(var(--site-header-left-end) - 52px) 0, var(--site-header-right-start) 0, calc(var(--site-header-right-start) + 26px) 0, 100% 0;
    -webkit-mask-repeat: no-repeat;
    mask-image: radial-gradient(circle, #000 25.5px, transparent 26px), linear-gradient(#000,#000), radial-gradient(circle, #000 25.5px, transparent 26px), radial-gradient(circle, #000 25.5px, transparent 26px), linear-gradient(#000,#000), radial-gradient(circle, #000 25.5px, transparent 26px);
    mask-size: 52px 52px, calc(var(--site-header-left-end) - 52px) 52px, 52px 52px, 52px 52px, calc(var(--site-header-frame-width, 982px) - var(--site-header-right-start) - 52px) 52px, 52px 52px;
    mask-position: 0 0, 26px 0, calc(var(--site-header-left-end) - 52px) 0, var(--site-header-right-start) 0, calc(var(--site-header-right-start) + 26px) 0, 100% 0;
    mask-repeat: no-repeat;
  }
  body.qp-page #site-header .site-header-outline { display: block; position: absolute; inset: 0; z-index: -1; pointer-events: none; }
  /* Hide departing outlines immediately; draw the destination only after the 900ms glass morph. */
  body.qp-page #site-header .site-header-outline-full,
  body.qp-page #site-header .site-header-outline::before,
  body.qp-page #site-header .site-header-outline::after {
    position: absolute; top: 0; bottom: 0; box-sizing: border-box;
    border: 1px solid rgba(226,233,245,.3); border-radius: 26px;
  }
  body.qp-page #site-header .site-header-outline-full { inset-inline: 0; opacity: 1; transition: opacity 160ms ease 900ms; }
  body.qp-page #site-header .site-header-outline::before,
  body.qp-page #site-header .site-header-outline::after { content: ''; opacity: 0; transition: none; }
  body.qp-page #site-header .site-header-outline::before { left: 0; width: var(--site-header-left-end); }
  body.qp-page #site-header .site-header-outline::after { left: var(--site-header-right-start); right: 0; }
  body.qp-page #site-header .logo {
    position: relative; isolation: isolate; display: inline-flex; align-items: center;
    flex: 0 0 auto; width: auto; height: var(--site-header-height); min-height: 44px;
    padding: 0 14px 0 10px; gap: 9px; border: 0; border-radius: 26px;
    color: #f4f6fa; background: transparent; pointer-events: auto;
    backdrop-filter: none; -webkit-backdrop-filter: none;
  }
  body.qp-page #site-header .logo span:not(.mk) { display: inline; opacity: 1; filter: none; }
  body.qp-page #site-header .logo .mk {
    display: grid; place-items: center; flex: 0 0 32px; width: 32px; height: 32px;
    font-size: 20px; border-radius: 10px; color: #14171d; background: #edf1f7; transform: none;
  }
  body.qp-page #site-header .main-nav {
    display: flex; gap: clamp(14px, 2vw, 24px); opacity: 1; visibility: visible;
    pointer-events: auto; transform: none; filter: none; transform-origin: right center;
    transition: opacity 550ms ease 350ms, transform var(--site-header-motion), visibility 0s;
  }
  body.qp-page #site-header .header-actions {
    position: relative; isolation: isolate; display: flex; align-items: center; flex: 0 0 auto;
    height: var(--site-header-height); padding: 4px; gap: 4px; margin: 0;
    box-sizing: border-box; border: 0; border-radius: 26px; background: transparent;
  }
  body.qp-page #site-header .header-actions :is(.nav-toggle,.acct-btn) {
    position: relative; display: inline-flex; align-items: center; justify-content: center;
    height: 44px !important; min-height: 44px; border: 0 !important; border-radius: 22px;
    color: #f4f6fa !important; background: transparent !important; box-shadow: none !important;
    backdrop-filter: none; -webkit-backdrop-filter: none; animation: none !important;
    pointer-events: auto; text-decoration: none;
  }
  body.qp-page #site-header .nav-toggle {
    order: -1; flex: 0 0 44px; width: 44px; padding: 0; font-size: 22px;
    opacity: 0; visibility: hidden; pointer-events: none;
    transition: transform var(--site-header-motion), opacity var(--site-header-motion), visibility 0s 900ms;
  }
  body.qp-page #site-header .header-actions :is(.dzq-open,.qp-header-product-request) {
    flex: 0 0 auto; width: auto; min-width: 44px; padding: 0 44px 0 12px !important;
    font-size: 14px !important; gap: 0; overflow: visible; transform: none !important;
    clip-path: inset(0 round 22px); transition: clip-path var(--site-header-motion);
  }
  body.qp-page #site-header.is-desktop-hover .nav-toggle { transform: translateX(var(--site-order-collapse-shift)); visibility: visible; pointer-events: auto; z-index: 2; }
  body.qp-page #site-header .header-request-label {
    display: inline-block; white-space: nowrap; opacity: 1; transform: none;
    transition: opacity var(--site-header-motion), transform var(--site-header-motion);
  }
  body.qp-page #site-header .header-actions :is(.dzq-open,.qp-header-product-request)::before { content: none !important; }
  body.qp-page #site-header .header-actions :is(.dzq-open,.qp-header-product-request)::after {
    content: '' !important; position: absolute !important; inset: auto 11px auto auto !important;
    display: block; width: 22px; height: 22px; opacity: 1 !important; transform: none !important;
    background: currentColor !important;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3h2l2.5 12h11L21 7H6M8 19h.01M18 19h.01'/%3E%3Ccircle cx='8' cy='19' r='1'/%3E%3Ccircle cx='18' cy='19' r='1'/%3E%3C/svg%3E") center / contain no-repeat;
  }
  body.qp-page #site-header.is-desktop-compact:not(.is-desktop-menu) {
    --site-header-left-end: var(--site-header-logo-width);
    --site-header-right-start: calc(var(--site-header-frame-width, 982px) - 100px);
  }
  body.qp-page #site-header.is-desktop-compact:not(.is-desktop-menu) .site-header-outline-full { opacity: 0; transition: none; }
  body.qp-page #site-header.is-desktop-compact:not(.is-desktop-menu) .site-header-outline::before,
  body.qp-page #site-header.is-desktop-compact:not(.is-desktop-menu) .site-header-outline::after { opacity: 1; transition: opacity 160ms ease 900ms; }
  body.qp-page #site-header.is-desktop-compact:not(.is-desktop-menu) .main-nav {
    opacity: 0; visibility: hidden; pointer-events: none; transform: translateX(var(--site-nav-collapse-shift, 200px)) scale(.5);
    transition: opacity 550ms ease, transform var(--site-header-motion), visibility 0s 550ms;
  }
  body.qp-page #site-header.is-desktop-compact:not(.is-desktop-menu) .nav-toggle { transform: translateX(var(--site-order-collapse-shift)); opacity: 1; visibility: visible; pointer-events: auto; transition-delay: 0s; }
  body.qp-page #site-header.is-desktop-compact:not(.is-desktop-menu) .header-actions :is(.dzq-open,.qp-header-product-request) { clip-path: inset(0 0 0 calc(100% - 44px) round 22px); }
  body.qp-page #site-header.is-desktop-compact:not(.is-desktop-menu) .header-request-label { opacity: 0; transform: translateX(8px); }
}
@media (min-width: 941px) and (hover: hover) and (pointer: fine) {
  body.qp-page #site-header .header-actions :is(.nav-toggle,.acct-btn):hover { color: #fff !important; background: transparent !important; }
}
@media (min-width: 941px) {
  body.qp-page[data-market="global"] #site-header .qp-nav-enhanced .qp-nav-products-menu {
    top: calc(100% + 8px); left: 34px; width: calc(100% - 68px);
    max-height: calc(100dvh - 100px); box-sizing: border-box; overflow-y: auto;
    padding: 32px clamp(24px, 4vw, 56px) 36px;
    border: 1px solid rgba(226,233,245,.3); border-radius: 24px;
    color: #f4f6fa; background: rgba(20,25,35,.50) var(--qp-soft-grain);
    -webkit-backdrop-filter: blur(24px) saturate(125%); backdrop-filter: blur(24px) saturate(125%);
    box-shadow: 0 16px 40px rgba(0,0,0,.22); clip-path: inset(0 0 100% round 24px);
  }
  body.qp-page[data-market="global"] #site-header .qp-nav-enhanced.is-expanded .qp-nav-products-menu { clip-path: inset(0 round 24px); }
  body.qp-page[data-market="global"] #site-header .qp-nav-products-menu a { color: #e2e7ef; }
  body.qp-page[data-market="global"] #site-header .qp-nav-products-menu a:is(:hover,:focus-visible) { color: #fff; }
  body.qp-page[data-market="global"] #site-header .qp-nav-products-group h2 { color: #bfc8d6; }
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  @media (min-width: 941px) {
    body.qp-page[data-market="global"] #site-header .qp-nav-enhanced .qp-nav-products-menu { background: #181d27; }
  }
}
@media (min-width: 941px) and (prefers-reduced-motion: reduce) {
  body.qp-page #site-header,
  body.qp-page #site-header :is(.site-header-outline-full,.main-nav,.nav-toggle,.header-request-label,.acct-btn),
  body.qp-page #site-header .site-header-outline::before,
  body.qp-page #site-header .site-header-outline::after { transition: none !important; }
}
@media (min-width: 941px) and (prefers-contrast: more) {
  body.qp-page #site-header .header-inner::after,
  body.qp-page #site-header .site-header-glass,
  body.qp-page #site-header :is(.header-inner,.logo,.header-actions)::before { background: #11151b; }
}
@media (min-width: 941px) and (forced-colors: active) {
  body.qp-page #site-header .header-inner::after,
  body.qp-page #site-header .site-header-glass,
  body.qp-page #site-header :is(.header-inner,.logo,.header-actions)::before { background: Canvas; border-color: CanvasText; }
  body.qp-page[data-market="global"] #site-header .qp-nav-enhanced .qp-nav-products-menu { background: Canvas; color: CanvasText; border-color: CanvasText; }
}
/* The same neutral request control on mobile; keep its accessible name. */
@media (max-width: 940px) {
  body.qp-page #site-header .header-actions :is(.dzq-open,.qp-header-product-request) { background: rgba(24,29,39,.72) !important; }
  body.qp-page #site-header .header-request-label { display: none; }
}

/* Shared shell for every page. One nav and one set of controls move
   into the native dialog so the chevron and quote action remain usable there. */
body.qp-page #site-header[data-navigation-layout="rail"].is-rail-ready {
  --site-rail-left: max(12px, env(safe-area-inset-left, 0px));
  --site-rail-right: max(12px, env(safe-area-inset-right, 0px));
  --site-rail-top: calc(12px + env(safe-area-inset-top, 0px));
  padding: 0; background: transparent !important; border: 0; box-shadow: none;
  view-transition-name: none;
  backdrop-filter: none; -webkit-backdrop-filter: none; pointer-events: none;
}
body.qp-page #site-header[data-navigation-layout="rail"].is-rail-ready .header-inner {
  position: relative;
  display: flex; align-items: flex-start; justify-content: space-between;
  width: auto !important; max-width: none; height: 52px; min-height: 0;
  margin: var(--site-rail-top) var(--site-rail-right) 0 var(--site-rail-left) !important;
  padding: 0 !important; background: transparent !important; border: 0; box-shadow: none;
  /* A named wrapper becomes a backdrop root and prevents its children from
     blurring the page. Keep the transition anchor on the glass itself. */
  view-transition-name: none;
}
body.qp-page #site-header[data-navigation-layout="rail"].is-rail-ready :is(.site-header-glass,.site-header-outline) { display: none; }
body.qp-page #site-header[data-navigation-layout="rail"].is-rail-ready .logo {
  display: grid; place-items: center; width: 52px; height: 52px; padding: 0; gap: 0;
  box-sizing: border-box; border: 1px solid rgba(226,233,245,.3); border-radius: 26px;
  background: rgba(20,25,35,.50) var(--qp-soft-grain);
  pointer-events: auto;
  backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px);
}
body.qp-page #site-header[data-navigation-layout="rail"].is-rail-ready .logo span:not(.mk) { display: none !important; }
body.qp-page #site-header[data-navigation-layout="rail"].is-rail-ready .logo .mk {
  display: grid; width: 32px; height: 32px; place-items: center;
  background: #edf1f7; color: #14171d; border-radius: 10px; font-size: 20px;
}
body.qp-page :is(#site-header,.site-nav-dialog) .site-nav-rail-actions {
  position: fixed; top: calc(12px + env(safe-area-inset-top, 0px));
  right: max(12px, env(safe-area-inset-right, 0px));
  display: flex; flex-direction: column; align-items: center; gap: 0;
  width: 52px; height: auto; padding: 4px; margin: 0; box-sizing: border-box;
  border: 1px solid rgba(226,233,245,.3); border-radius: 26px;
  color: #f4f6fa; background: rgba(20,25,35,.50) var(--qp-soft-grain);
  backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); pointer-events: auto;
}
body.qp-page :is(#site-header,.site-nav-dialog) .site-nav-rail-actions :is(.nav-toggle,.acct-btn,.acct-link) {
  position: relative; display: grid; place-items: center; flex: 0 0 44px;
  width: 44px !important; min-width: 44px; height: 44px !important; min-height: 44px;
  padding: 0 !important; border: 0 !important; border-radius: 22px;
  background: transparent !important; color: #f4f6fa !important;
  box-shadow: none !important; backdrop-filter: none; -webkit-backdrop-filter: none;
  opacity: 1; visibility: visible; transform: none; clip-path: none;
  pointer-events: auto; cursor: pointer; animation: none !important;
}
body.qp-page :is(#site-header,.site-nav-dialog) .site-nav-rail-actions .nav-toggle { order: -1; font-size: 22px; transition: none; }
.site-nav-rail-actions .nav-toggle i {
  display: block; width: 9px; height: 9px;
  border-left: 1.7px solid currentColor; border-bottom: 1.7px solid currentColor;
  transform: rotate(45deg); transition: transform 240ms cubic-bezier(.23,1,.32,1);
}
.site-nav-rail-actions .nav-toggle[aria-expanded="true"] i { transform: rotate(225deg); }
body.qp-page :is(#site-header,.site-nav-dialog) .site-nav-rail-actions .header-request-label { display: none; }
body.qp-page :is(#site-header,.site-nav-dialog) .site-nav-rail-actions .site-header-action::before { content: none !important; }
body.qp-page :is(#site-header,.site-nav-dialog) .site-nav-rail-actions .site-header-action::after {
  content: '' !important; position: absolute !important; inset: 11px !important;
  display: block; width: 22px; height: 22px; opacity: 1 !important; transform: none !important;
  background: currentColor !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3h2l2.5 12h11L21 7H6M8 19h.01M18 19h.01'/%3E%3Ccircle cx='8' cy='19' r='1'/%3E%3Ccircle cx='18' cy='19' r='1'/%3E%3C/svg%3E") center / contain no-repeat;
}
.site-nav-dialog[data-navigation-layout="rail"] {
  position: fixed; inset: calc(12px + env(safe-area-inset-top, 0px)) max(12px, env(safe-area-inset-right, 0px)) auto auto;
  width: min(640px, calc(100% - max(12px, env(safe-area-inset-left, 0px)) - max(12px, env(safe-area-inset-right, 0px))));
  max-width: none; max-height: none; padding: 0; margin: 0;
  border: 0; border-radius: 0; background: transparent; overflow: visible;
  backdrop-filter: none; -webkit-backdrop-filter: none;
}
.site-nav-dialog[data-navigation-layout="rail"] > .site-nav-close { display: none; }
.site-nav-dialog[data-navigation-layout="rail"]::backdrop { opacity: 1; transition: opacity 240ms cubic-bezier(.23,1,.32,1); }
.site-nav-dialog[data-navigation-layout="rail"].is-rail-closing::backdrop { opacity: 0; }
@starting-style { .site-nav-dialog[data-navigation-layout="rail"][open]::backdrop { opacity: 0; } }
body.qp-page .site-nav-dialog[data-navigation-layout="rail"] .main-nav {
  box-sizing: border-box; width: calc(100% - 64px); min-width: 0;
  margin: 0 64px 0 0; padding: 24px; transform: none; filter: none;
  max-height: calc(100dvh - 24px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));
  border: 1px solid rgba(226,233,245,.3); border-radius: 26px; overflow-y: auto;
  background: rgba(20,25,35,.50) var(--qp-soft-grain);
  backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px);
  transform-origin: right top;
}
body.qp-page .site-nav-dialog[data-navigation-layout="rail"] .qp-nav-enhanced .qp-nav-products-menu {
  width: auto; grid-template-columns: minmax(0,1fr); gap: 0;
  padding: 0; background: transparent; box-shadow: none; clip-path: none;
  opacity: 1; visibility: visible; transform: none; transition: none;
}
body.qp-page .site-nav-dialog[data-navigation-layout="rail"] .qp-nav-enhanced .qp-nav-products-group { opacity: 1; transform: none; transition: none; }
body.qp-page .site-nav-dialog[data-navigation-layout="rail"] .qp-nav-products-group h2 { color: #bbc4d4; }
body.qp-page .site-nav-dialog[data-navigation-layout="rail"] .qp-nav-products-menu a:not(.qp-nav-products-title) {
  color: #f4f6fa; font-size: 14px; line-height: 20px; font-weight: 500;
  min-height: 44px; box-sizing: border-box; margin: 0; padding: 12px 10px;
}
.site-nav-dialog[data-navigation-layout="rail"] .qp-nav-products-menu a:focus-visible { outline-offset: -3px; }
.site-nav-dialog[data-navigation-layout="rail"] .site-nav-social { display: flex; gap: 8px; }
body.qp-page .site-nav-dialog[data-navigation-layout="rail"] .site-nav-social a { width: 44px; height: 44px; justify-content: center; }
.site-nav-dialog[data-navigation-layout="rail"] .site-nav-footer { align-items: center; }
body.qp-page .site-nav-dialog[data-navigation-layout="rail"] .main-nav .site-nav-contact { width: auto; padding: 0 12px; }
body.qp-page .site-nav-dialog[data-navigation-layout="rail"] .main-nav a { white-space: normal; overflow-wrap: anywhere; }
.site-nav-dialog[data-navigation-layout="rail"] .qp-nav-products-group {
  position: relative; min-width: 0; border: 0; padding: 0;
  grid-column: 1; grid-row: auto;
}
.site-nav-dialog[data-navigation-layout="rail"] .qp-nav-products-group h2 { display: none; }
.site-nav-dialog[data-navigation-layout="rail"] .qp-nav-products-group:last-child { padding-top: 22px; }
.site-nav-dialog[data-navigation-layout="rail"] .qp-nav-products-group:last-child::before {
  content: ''; position: absolute; top: 10px; left: 0; right: 0;
  border-top: 1px solid rgba(226,233,245,.22);
}
@media (max-width: 540px) {
  body.qp-page .site-nav-dialog[data-navigation-layout="rail"] .main-nav { padding: 20px; }
  body.qp-page .site-nav-dialog[data-navigation-layout="rail"] .qp-nav-enhanced .qp-nav-products-menu { grid-template-columns: 1fr; gap: 0; }
  .site-nav-dialog[data-navigation-layout="rail"] .qp-nav-products-group { grid-column: 1; grid-row: auto; }
  .site-nav-dialog[data-navigation-layout="rail"] .site-nav-footer { flex-wrap: nowrap; }
}

/* Only the catalogue scrolls; the contact row stays in the glass panel. */
body.qp-page .site-nav-dialog[data-navigation-layout="rail"] .main-nav:has(.site-nav-footer) { overflow: hidden; }
body.qp-page .site-nav-dialog[data-navigation-layout="rail"] .qp-nav-products {
  flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain;
  scrollbar-width: none; padding: 0 0 16px; scroll-padding-block: 16px;
  -webkit-mask-image: linear-gradient(#000 calc(100% - 16px), transparent);
  mask-image: linear-gradient(#000 calc(100% - 16px), transparent);
}
.site-nav-dialog[data-navigation-layout="rail"] .qp-nav-products::-webkit-scrollbar { display: none; }
body.qp-page .site-nav-dialog[data-navigation-layout="rail"] .site-nav-footer {
  flex: 0 0 auto; flex-wrap: nowrap; gap: 8px; margin-top: 0; padding-top: 12px;
  border-top-color: rgba(226,233,245,.22);
}
body.qp-page .site-nav-dialog[data-navigation-layout="rail"] .site-nav-social { flex: 0 0 auto; gap: 6px; }
body.qp-page .site-nav-dialog[data-navigation-layout="rail"] .site-nav-social a { flex: 0 0 44px; }
@media (max-width: 600px) {
  body.qp-page .site-nav-dialog[data-navigation-layout="rail"] .main-nav .site-nav-contact {
    padding-inline: 12px; font-size: 14px; white-space: nowrap;
  }
}
@media (max-width: 360px) {
  body.qp-page .site-nav-dialog[data-navigation-layout="rail"] .main-nav { padding-inline: 6px; }
  body.qp-page .site-nav-dialog[data-navigation-layout="rail"] .main-nav .site-nav-contact { padding-inline: 8px; }
  body.qp-page .site-nav-dialog[data-navigation-layout="rail"] :is(.site-nav-footer,.site-nav-social) { gap: 4px; }
}
@media (forced-colors: active) {
  body.qp-page .site-nav-dialog[data-navigation-layout="rail"] .qp-nav-products { mask-image: none; -webkit-mask-image: none; scrollbar-width: auto; }
  .site-nav-dialog[data-navigation-layout="rail"] .qp-nav-products::-webkit-scrollbar { display: block; }
}
@media (max-width: 768px) {
  body.qp-page #site-header[data-navigation-layout="rail"].is-rail-ready .logo,
  body.qp-page :is(#site-header,.site-nav-dialog) .site-nav-rail-actions,
  body.qp-page .site-nav-dialog[data-navigation-layout="rail"] .main-nav { backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
}
@media (hover: hover) and (pointer: fine) {
  body.qp-page :is(#site-header,.site-nav-dialog) .site-nav-rail-actions :is(button,a):hover { background: rgba(255,255,255,.1) !important; }
}
body.qp-page :is(#site-header,.site-nav-dialog) .site-nav-rail-actions :is(button,a):active { background: rgba(255,255,255,.16) !important; }
.site-nav-rail-actions :is(button,a):focus-visible { outline: 3px solid #e4ecff; outline-offset: -3px; }
@media (prefers-reduced-motion: reduce) {
  .site-nav-rail-actions .nav-toggle i,
  .site-nav-dialog[data-navigation-layout="rail"]::backdrop { transition: none; }
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  body.qp-page #site-header[data-navigation-layout="rail"].is-rail-ready .logo,
  body.qp-page :is(#site-header,.site-nav-dialog) .site-nav-rail-actions,
  body.qp-page .site-nav-dialog[data-navigation-layout="rail"] .main-nav { background: #181d27; }
}
@media (prefers-contrast: more) {
  body.qp-page #site-header[data-navigation-layout="rail"].is-rail-ready .logo,
  body.qp-page :is(#site-header,.site-nav-dialog) .site-nav-rail-actions,
  body.qp-page .site-nav-dialog[data-navigation-layout="rail"] .main-nav { background: #181d27; }
}
@media (forced-colors: active) {
  body.qp-page #site-header[data-navigation-layout="rail"].is-rail-ready .logo,
  body.qp-page :is(#site-header,.site-nav-dialog) .site-nav-rail-actions,
  body.qp-page .site-nav-dialog[data-navigation-layout="rail"] .main-nav { background: Canvas; color: CanvasText; border-color: CanvasText; }
  body.qp-page :is(#site-header,.site-nav-dialog) .site-nav-rail-actions :is(button,a) { color: ButtonText !important; }
}

/* The shared header uses a single masked glass surface. Its right end
   extends downward instead of dissolving into a separate vertical capsule. */
@property --site-header-rail-drop { syntax: "<length>"; inherits: true; initial-value: 0px; }
@media (min-width: 941px) {
  body.qp-page #site-header[data-navigation-layout="rail"].is-rail-ready {
    --site-header-rail-drop: 0px;
    transition: --site-header-left-end var(--site-header-motion), --site-header-right-start var(--site-header-motion), --site-header-rail-drop var(--site-header-motion);
  }
  body.qp-page #site-header[data-navigation-layout="rail"].is-rail-ready .header-inner {
    display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center;
    /* Reserve one capsule and one top-sized clearance on each side. */
    --site-header-content-width: calc(min(var(--qp-header-inline-size, 100vw), var(--qp-max, 1472px)) - 2 * var(--qp-gutter, 56px));
    --site-header-layout-width: min(calc(var(--qp-header-inline-size, 100vw) - var(--site-rail-left) - var(--site-rail-right)), calc(var(--site-header-content-width) + 2 * var(--site-header-height) + 2 * var(--site-rail-top)));
    width: var(--site-header-layout-width) !important;
    /* The Safari shell can be a 1px anchor, so center against the viewport. */
    margin: var(--site-rail-top) 0 0 calc((var(--qp-header-inline-size, 100vw) - var(--site-header-layout-width)) / 2) !important;
  }
  body.qp-page #site-header[data-navigation-layout="rail"].is-rail-ready .main-nav {
    /* Keep the catalogue's containing block on the full header, as on staging. */
    grid-column: 2; grid-row: 1; position: static; translate: none; margin: 0;
  }
  /* Keep content geometry stable while only the glass and clipping morph. */
  body.qp-page #site-header[data-navigation-layout="rail"].is-rail-ready .logo {
    grid-column: 1; grid-row: 1; justify-self: start;
    display: inline-flex; width: auto; padding: 0 14px 0 10px; gap: 9px;
    border: 0; background: transparent; backdrop-filter: none; -webkit-backdrop-filter: none;
    clip-path: inset(0 round 26px); transition: clip-path var(--site-header-motion);
  }
  body.qp-page #site-header[data-navigation-layout="rail"].is-rail-ready .logo span:not(.mk) {
    display: inline !important; opacity: 1; visibility: visible;
    transition: opacity 160ms ease 740ms, visibility 0s;
  }
  body.qp-page #site-header[data-navigation-layout="rail"].is-rail-ready .site-nav-rail-actions {
    position: absolute; top: 0; right: 0;
    width: max-content; height: 96px; padding: 4px; border: 0;
    background: transparent; backdrop-filter: none; -webkit-backdrop-filter: none;
    pointer-events: none;
  }
  body.qp-page #site-header[data-navigation-layout="rail"].is-rail-ready .nav-toggle {
    position: absolute; right: 4px; top: 4px; transform: none;
    opacity: 0; visibility: hidden; pointer-events: none;
    transition: opacity var(--site-header-motion), visibility 0s 900ms;
  }
  body.qp-page #site-header[data-navigation-layout="rail"].is-desktop-hover .nav-toggle {
    /* Keep the original hit target alive while the glass joins underneath it. */
    visibility: visible; pointer-events: auto;
  }
  body.qp-page #site-header[data-navigation-layout="rail"].is-rail-ready .site-header-action {
    flex: 0 0 auto; width: auto !important; padding: 0 44px 0 12px !important;
    transform: translateY(0) !important; clip-path: inset(0 round 22px);
    transition: transform var(--site-header-motion), clip-path var(--site-header-motion) !important;
  }
  body.qp-page #site-header[data-navigation-layout="rail"].is-rail-ready .site-header-action::after { inset: 11px 11px auto auto !important; }
  body.qp-page #site-header[data-navigation-layout="rail"] .header-request-label {
    display: inline; opacity: 1; visibility: visible; transform: none;
    transition: opacity 160ms ease 900ms, visibility 0s 900ms;
  }
  body.qp-page #site-header[data-navigation-layout="rail"].is-rail-ready .site-header-glass {
    display: block; height: 96px; opacity: 1; view-transition-name: site-header;
    /* The last two layers extend the existing right cap. All layers belong
       to one mask, so their overlap cannot darken the translucent material. */
    --site-rail-mask: radial-gradient(circle, #000 25.5px, transparent 26px), linear-gradient(#000,#000), radial-gradient(circle, #000 25.5px, transparent 26px), radial-gradient(circle, #000 25.5px, transparent 26px), linear-gradient(#000,#000), radial-gradient(circle, #000 25.5px, transparent 26px), linear-gradient(#000,#000), radial-gradient(circle, #000 25.5px, transparent 26px);
    --site-rail-mask-size: 52px 52px, calc(var(--site-header-left-end) - 52px) 52px, 52px 52px, 52px 52px, calc(var(--site-header-frame-width) - var(--site-header-right-start) - 52px) 52px, 52px 52px, 52px var(--site-header-rail-drop), 52px 52px;
    --site-rail-mask-position: 0 0, 26px 0, calc(var(--site-header-left-end) - 52px) 0, var(--site-header-right-start) 0, calc(var(--site-header-right-start) + 26px) 0, 100% 0, 100% 26px, 100% var(--site-header-rail-drop);
    -webkit-mask-image: var(--site-rail-mask); mask-image: var(--site-rail-mask);
    -webkit-mask-size: var(--site-rail-mask-size); mask-size: var(--site-rail-mask-size);
    -webkit-mask-position: var(--site-rail-mask-position); mask-position: var(--site-rail-mask-position);
  }
  body.qp-page #site-header[data-navigation-layout="rail"].is-rail-ready .site-header-outline { display: block; }
  body.qp-page #site-header[data-navigation-layout="rail"].is-rail-ready .site-header-outline::after {
    left: auto; right: 0; width: 52px; bottom: auto; height: calc(52px + var(--site-header-rail-drop));
  }
  body.qp-page #site-header[data-navigation-layout="rail"].is-desktop-compact:not(.is-desktop-menu) {
    --site-header-left-end: 52px;
    --site-header-right-start: calc(var(--site-header-frame-width) - 52px);
    --site-header-rail-drop: 44px;
  }
  body.qp-page #site-header[data-navigation-layout="rail"].is-desktop-compact:not(.is-desktop-menu) .logo { clip-path: inset(0 calc(100% - 52px) 0 0 round 26px); }
  body.qp-page #site-header[data-navigation-layout="rail"].is-desktop-compact:not(.is-desktop-menu) .logo span:not(.mk),
  body.qp-page #site-header[data-navigation-layout="rail"].is-desktop-compact:not(.is-desktop-menu) .header-request-label {
    opacity: 0; visibility: hidden; transform: none;
    transition: opacity 160ms ease, visibility 0s 160ms;
  }
  body.qp-page #site-header[data-navigation-layout="rail"].is-desktop-compact:not(.is-desktop-menu) .nav-toggle {
    transform: none; opacity: 1; visibility: visible; pointer-events: auto; transition-delay: 0s;
  }
  body.qp-page #site-header[data-navigation-layout="rail"].is-desktop-compact:not(.is-desktop-menu) .site-header-action {
    transform: translateY(44px) !important; clip-path: inset(0 0 0 calc(100% - 44px) round 22px);
  }
}
@media (min-width: 941px) and (prefers-reduced-motion: reduce) {
  body.qp-page #site-header[data-navigation-layout="rail"].is-rail-ready,
  body.qp-page #site-header[data-navigation-layout="rail"] :is(.logo,.logo span:not(.mk),.nav-toggle,.site-header-action,.header-request-label) { transition: none !important; }
}

/* A disabled market action must not leave an empty lower half-capsule. */
body.qp-page :is(#site-header,.site-nav-dialog) .site-nav-rail-actions:not(:has(.site-header-action,.acct-link)) { height: 52px; }
@media (min-width: 941px) {
  body.qp-page #site-header[data-navigation-layout="rail"]:not(:has(.site-header-action)).is-desktop-compact { --site-header-rail-drop: 0px; }
}
/* Booking retains its own meaning when the market offers a demo instead of a quote. */
body.qp-page :is(#site-header,.site-nav-dialog) .site-nav-rail-actions .qp-demo-open::after {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M16 3v4M8 3v4M3 11h18m-13 5 2 2 5-4'/%3E%3C/svg%3E");
}

/* Opaque foreground stays independent of the glass background alpha. */
@media (forced-colors: none) {
  body.qp-page #site-header[data-navigation-layout="rail"].is-rail-ready .header-actions .site-header-action,
  body.qp-page #site-header[data-navigation-layout="rail"] :is(.logo,.main-nav > a,.site-nav-footer a,.qp-nav-products > summary,.acct-link),
  body.qp-page :is(#site-header,.site-nav-dialog) .site-nav-rail-actions :is(button,a) {
    color: #fff !important;
  }
}

/* The catalogue scrim covers the page through the header's transparent gaps. */
body.qp-page[data-market="global"] .qp-nav-backdrop { inset: 0; }
.site-header-top { display: none; }
body.qp-page #site-header[data-navigation-layout="rail"].is-rail-ready .site-header-top {
  display: grid; place-items: center; position: absolute; left: 4px; top: 48px;
  width: 44px; height: 44px; padding: 0; border: 0; border-radius: 22px;
  background: transparent; color: #fff; cursor: pointer; pointer-events: auto;
}
.site-header-top i {
  display: block; width: 8px; height: 8px; border-top: 2px solid currentColor;
  border-left: 2px solid currentColor; transform: translateY(2px) rotate(45deg);
}
.site-header-top:focus-visible { outline: 3px solid #e4ecff; outline-offset: -3px; }
@media (hover: hover) and (pointer: fine) {
  body.qp-page #site-header .site-header-top:hover { background: rgba(255,255,255,.1); }
}
body.qp-page #site-header .site-header-top:active { background: rgba(255,255,255,.16); }
@media (max-width: 940px) {
  body.qp-page #site-header[data-navigation-layout="rail"].is-rail-ready .logo {
    height: 96px; align-items: start; padding-top: 9px;
  }
  body.qp-page #site-header.is-scroll-hidden .site-header-top { visibility: hidden; }
}
@property --site-header-left-drop { syntax: "<length>"; inherits: true; initial-value: 0px; }
@media (min-width: 941px) {
  body.qp-page #site-header[data-navigation-layout="rail"].is-rail-ready {
    --site-header-left-drop: 0px;
    transition: --site-header-left-end var(--site-header-motion), --site-header-right-start var(--site-header-motion), --site-header-rail-drop var(--site-header-motion), --site-header-left-drop var(--site-header-motion);
  }
  body.qp-page #site-header[data-navigation-layout="rail"].is-desktop-compact:not(.is-desktop-menu) { --site-header-left-drop: 44px; }
  body.qp-page #site-header[data-navigation-layout="rail"].is-rail-ready .site-header-glass {
    -webkit-mask-image: var(--site-rail-mask), linear-gradient(#000,#000), radial-gradient(circle, #000 25.5px, transparent 26px);
    mask-image: var(--site-rail-mask), linear-gradient(#000,#000), radial-gradient(circle, #000 25.5px, transparent 26px);
    -webkit-mask-size: var(--site-rail-mask-size), 52px var(--site-header-left-drop), 52px 52px;
    mask-size: var(--site-rail-mask-size), 52px var(--site-header-left-drop), 52px 52px;
    -webkit-mask-position: var(--site-rail-mask-position), 0 26px, 0 var(--site-header-left-drop);
    mask-position: var(--site-rail-mask-position), 0 26px, 0 var(--site-header-left-drop);
  }
  body.qp-page #site-header[data-navigation-layout="rail"].is-rail-ready .site-header-outline::before {
    bottom: auto; height: calc(52px + var(--site-header-left-drop));
  }
  body.qp-page #site-header[data-navigation-layout="rail"].is-rail-ready .site-header-top {
    opacity: 0; visibility: hidden; pointer-events: none;
    transition: opacity 160ms ease, visibility 0s 160ms;
  }
  body.qp-page #site-header[data-navigation-layout="rail"].is-desktop-compact:not(.is-desktop-menu) .site-header-top {
    opacity: 1; visibility: visible; pointer-events: auto;
    transition: opacity 160ms ease 740ms, visibility 0s 740ms;
  }
}
@media (prefers-reduced-motion: reduce) {
  body.qp-page #site-header[data-navigation-layout="rail"].is-rail-ready,
  body.qp-page #site-header .site-header-top { transition: none !important; }
}
@media (forced-colors: active) {
  body.qp-page #site-header .site-header-top { color: ButtonText; }
}

@media (prefers-reduced-motion: reduce) {
  body.qp-page #site-header[data-navigation-layout="rail"].is-rail-ready .site-header-outline::before,
  body.qp-page #site-header[data-navigation-layout="rail"].is-rail-ready .site-header-outline::after,
  body.qp-page #site-header[data-navigation-layout="rail"].is-rail-ready .site-header-outline-full { transition: none !important; }
}

/* Product feature cards use this wider content measure from 1600px onward. */
@media (min-width: 1600px) {
  body.qp-page:has(.qp-read-page--mixup-seo) #site-header[data-navigation-layout="rail"].is-rail-ready .header-inner {
    --site-header-content-width: min(87.5vw, 1680px);
  }
}

/* Narrow phones keep only the menu/cart capsule; tablets retain both rails. */
@media (max-width: 600px) {
  body.qp-page #site-header[data-navigation-layout="rail"].is-rail-ready :is(.logo,.site-header-top) { display: none; }
  body.qp-page :is(#site-header,.site-nav-dialog) .site-nav-rail-actions {
    top: calc(6px + env(safe-area-inset-top, 0px));
    right: max(6px, env(safe-area-inset-right, 0px));
    width: 46px; padding: 0; border-radius: 23px;
  }
  body.qp-page :is(#site-header,.site-nav-dialog) .site-nav-rail-actions :is(.nav-toggle,.acct-btn,.acct-link) {
    flex-basis: 44px; width: 44px !important; min-width: 44px;
    height: 44px !important; min-height: 44px;
  }
  body.qp-page :is(#site-header,.site-nav-dialog) .site-nav-rail-actions .site-header-action::after {
    inset: 12px !important; width: 20px; height: 20px;
  }
  body.qp-page :is(#site-header,.site-nav-dialog) .site-nav-rail-actions:not(:has(.site-header-action,.acct-link)) { height: 46px; }
  .site-nav-dialog[data-navigation-layout="rail"] {
    inset: calc(6px + env(safe-area-inset-top, 0px)) max(6px, env(safe-area-inset-right, 0px)) auto auto;
    width: calc(100% - max(6px, env(safe-area-inset-left, 0px)) - max(6px, env(safe-area-inset-right, 0px)));
  }
  body.qp-page .site-nav-dialog[data-navigation-layout="rail"] .main-nav {
    width: calc(100% - 58px); margin-right: 58px;
  }
  .site-nav-rail-actions .nav-toggle i {
    position: relative; width: 18px; height: 2px; border: 0;
    background: currentColor; border-radius: 1px; transform: none;
  }
  .site-nav-rail-actions .nav-toggle i::before,
  .site-nav-rail-actions .nav-toggle i::after {
    content: ''; position: absolute; inset: 0; border-radius: inherit;
    background: currentColor; transform: translateY(-6px);
  }
  .site-nav-rail-actions .nav-toggle i::after { transform: translateY(6px); }
  .site-nav-rail-actions .nav-toggle[aria-expanded="true"] i { background: transparent; transform: none; }
  .site-nav-rail-actions .nav-toggle[aria-expanded="true"] i::before { transform: rotate(45deg); }
  .site-nav-rail-actions .nav-toggle[aria-expanded="true"] i::after { transform: rotate(-45deg); }
}
@media (max-width: 360px) {
  body.qp-page .site-nav-dialog[data-navigation-layout="rail"] .main-nav { width: calc(100% - 52px); margin-right: 52px; }
}