/* Shared scroll-aware header surface for every frontend route. */
.site-liquid-header{--glass-accent-rgb:var(--catalog-accent-rgb,var(--accent-rgb,119,168,255));position:sticky!important;z-index:70!important;top:0!important;isolation:isolate;border:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.site-liquid-header>*{position:relative;z-index:2}
.site-liquid-header::before,.site-liquid-header::after{position:absolute;content:"";pointer-events:none;transition:opacity .38s ease,transform .46s cubic-bezier(.2,.78,.2,1),background .35s ease,border-color .35s ease}
.site-liquid-header::before{z-index:0!important;inset:7px clamp(7px,1.15vw,18px)!important;border:1px solid transparent!important;border-radius:clamp(17px,1.45vw,24px)!important;background:radial-gradient(110% 190% at 12% -80%,rgba(255,255,255,.22),transparent 52%),radial-gradient(90% 170% at 88% 190%,rgba(var(--glass-accent-rgb),.13),transparent 58%),linear-gradient(118deg,rgba(20,39,60,.76),rgba(7,18,30,.68) 48%,rgba(17,34,53,.72))!important;box-shadow:0 20px 55px rgba(0,5,13,.34),inset 0 1px 0 rgba(255,255,255,.18),inset 0 -1px 0 rgba(var(--glass-accent-rgb),.11)!important;opacity:0;transform:translateY(-9px) scale(.985);backdrop-filter:blur(32px) saturate(1.9) contrast(1.06) brightness(1.02);-webkit-backdrop-filter:blur(32px) saturate(1.9) contrast(1.06) brightness(1.02)}
.site-liquid-header::after{z-index:1;right:clamp(25px,5vw,92px);bottom:6px;left:clamp(25px,5vw,92px);height:1px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(var(--glass-accent-rgb),.2) 18%,rgba(var(--glass-accent-rgb),.92) 50%,rgba(var(--glass-accent-rgb),.2) 82%,transparent);box-shadow:0 1px 12px rgba(var(--glass-accent-rgb),.24);opacity:0;transform:scaleX(.55)}
.site-liquid-header.is-scrolled::before{border-color:rgba(255,255,255,.12);opacity:.98;transform:none}
.site-liquid-header.is-scrolled::after{opacity:.9;transform:scaleX(1)}
.site-liquid-header.is-deep::before{border-color:rgba(255,255,255,.15)!important;background:radial-gradient(110% 190% at 12% -80%,rgba(255,255,255,.25),transparent 52%),radial-gradient(90% 170% at 88% 190%,rgba(var(--glass-accent-rgb),.16),transparent 58%),linear-gradient(118deg,rgba(17,35,55,.84),rgba(5,15,26,.79) 48%,rgba(14,30,48,.82))!important;box-shadow:0 22px 62px rgba(0,5,13,.42),inset 0 1px 0 rgba(255,255,255,.21),inset 0 -1px 0 rgba(var(--glass-accent-rgb),.14)!important}
.site-liquid-header.is-scrolled::before,.site-liquid-header.is-deep::before{border-top-color:transparent!important}
.desktop-header.site-liquid-header::before{right:-18px!important;left:-18px!important}
.auth-topbar.site-liquid-header{position:fixed!important}
[data-appearance="light"] .site-liquid-header::before{background:radial-gradient(110% 180% at 10% -70%,rgba(255,255,255,.8),transparent 56%),radial-gradient(90% 170% at 88% 190%,rgba(var(--glass-accent-rgb),.16),transparent 58%),linear-gradient(118deg,rgba(247,251,255,.78),rgba(224,233,243,.7))!important;box-shadow:0 20px 55px rgba(38,58,83,.17),inset 0 1px rgba(255,255,255,.88),inset 0 -1px rgba(45,69,99,.09)!important}
[data-appearance="light"] .site-liquid-header.is-scrolled::before{border-color:rgba(42,65,91,.13)}
[data-appearance="light"] .site-liquid-header.is-scrolled::before,[data-appearance="light"] .site-liquid-header.is-deep::before{border-color:rgba(42,65,91,.13)!important;background:radial-gradient(110% 180% at 10% -70%,rgba(255,255,255,.88),transparent 56%),radial-gradient(90% 170% at 88% 190%,rgba(var(--glass-accent-rgb),.13),transparent 58%),linear-gradient(118deg,rgba(249,252,255,.9),rgba(226,234,243,.86))!important;box-shadow:0 18px 46px rgba(38,58,83,.15),inset 0 1px rgba(255,255,255,.92),inset 0 -1px rgba(45,69,99,.09)!important}
@supports not ((backdrop-filter:blur(2px)) or (-webkit-backdrop-filter:blur(2px))){.site-liquid-header.is-scrolled::before{background:rgba(8,19,32,.96)}[data-appearance="light"] .site-liquid-header.is-scrolled::before{background:rgba(239,245,251,.97)}}
@media(max-width:767px){.site-liquid-header::before{inset:0!important;border-radius:0!important;backdrop-filter:blur(15px) saturate(1.35);-webkit-backdrop-filter:blur(15px) saturate(1.35)}.site-liquid-header.is-scrolled::before{border-width:0 0 1px!important;border-color:rgba(var(--glass-accent-rgb),.12)!important;background:linear-gradient(112deg,rgba(17,31,47,.84),rgba(6,15,25,.88))!important;box-shadow:0 12px 34px rgba(0,5,13,.3),inset 0 -1px rgba(var(--glass-accent-rgb),.08)!important}.site-liquid-header::after{right:18%;bottom:0;left:18%;width:auto;height:1px;transform:none;background:linear-gradient(90deg,transparent,rgba(var(--glass-accent-rgb),.38),rgba(var(--glass-accent-rgb),.96),rgba(var(--glass-accent-rgb),.38),transparent);box-shadow:0 0 11px rgba(var(--glass-accent-rgb),.38)}.site-liquid-header.is-scrolled::after{animation:nit-light-stroke 2.8s ease-in-out infinite;will-change:opacity}}
@media(max-width:767px){[data-appearance="light"] .site-liquid-header.is-scrolled::before,[data-appearance="light"] .site-liquid-header.is-deep::before{border-color:rgba(45,70,99,.13)!important;background:linear-gradient(112deg,rgba(250,253,255,.92),rgba(230,237,246,.94))!important;box-shadow:0 12px 34px rgba(52,72,98,.15),inset 0 -1px rgba(var(--glass-accent-rgb),.1)!important}}
@media(max-width:1180px) and (min-width:768px){.desktop-header.site-liquid-header::before{right:-8px!important;left:-8px!important}}
@media(min-width:1800px){.desktop-header.site-liquid-header{height:96px!important}.desktop-header.site-liquid-header::before{right:calc(14px - clamp(44px,4vw,86px))!important;left:calc(14px - clamp(44px,4vw,86px))!important}}
@media(min-width:2500px){.site-liquid-header::before{inset:10px 24px!important;border-radius:31px!important;backdrop-filter:blur(40px) saturate(2);-webkit-backdrop-filter:blur(40px) saturate(2)}}
@media(prefers-reduced-motion:reduce){.site-liquid-header,.site-liquid-header::before,.site-liquid-header::after{animation:none!important;transition:none!important}}
@media(forced-colors:active){.site-liquid-header.is-scrolled::before{border:1px solid CanvasText;background:Canvas;backdrop-filter:none;-webkit-backdrop-filter:none}.site-liquid-header::after{display:none}}
