/* Patch W1B.2 — restore the floating frosted-glass header.
   The page canvas stays pure #FFFFFF. Header material uses only transparent
   white, neutral borders and neutral black shadows — no off-white tint. */

.site-header {
  overflow: visible;
  isolation: isolate;
  border: 1px solid rgba(255, 255, 255, .86) !important;
  background: rgba(255, 255, 255, .68) !important;
  background-image: none !important;
  box-shadow:
    0 14px 42px rgba(0, 0, 0, .10),
    0 2px 8px rgba(0, 0, 0, .035),
    inset 0 1px 0 rgba(255, 255, 255, .92) !important;
  -webkit-backdrop-filter: blur(24px) saturate(138%) !important;
  backdrop-filter: blur(24px) saturate(138%) !important;
}

.site-header::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  display: block !important;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, .44) 0%,
    rgba(255, 255, 255, .10) 100%
  );
}

.site-header__primary {
  position: relative;
  z-index: 1;
}

.site-header .global-nav-menu,
.site-header .account-utility-menu {
  z-index: 3;
}

.site-header .utility-link:hover,
.site-header .utility-link:focus-visible,
.site-header .utility-link.is-active,
.site-header .account-utility-control.is-open > .utility-link,
.site-header .account-utility-control.is-active > .utility-link {
  background: rgba(255, 255, 255, .58) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .90),
    0 6px 18px rgba(0, 0, 0, .065) !important;
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .site-header {
    background: rgba(255, 255, 255, .94) !important;
  }
}

@media (max-width: 760px) {
  .site-header {
    background: rgba(255, 255, 255, .76) !important;
    -webkit-backdrop-filter: blur(20px) saturate(132%) !important;
    backdrop-filter: blur(20px) saturate(132%) !important;
  }
}