/* Stable layout; only the header surface and its visual position animate. */
:root{--header-occupied-height:136px;--header-motion-time:500ms;--header-motion-ease:cubic-bezier(.4,0,.2,1)}
html{scroll-padding-top:calc(var(--header-occupied-height) + 24px)}
.header[data-motion-ready]{background:transparent;isolation:isolate;transition:translate var(--header-motion-time) var(--header-motion-ease),visibility 0s}
.header[data-motion-ready]::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--bg);border:1px solid transparent;transition:inset var(--header-motion-time) var(--header-motion-ease),border-radius var(--header-motion-time) var(--header-motion-ease),box-shadow var(--header-motion-time) var(--header-motion-ease),background-color var(--header-motion-time) var(--header-motion-ease)}
.header[data-header-motion=compact]:not([data-header-engaged])::before{inset:6px 12px 0;border-radius:24px;border-color:var(--line);background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(18px);box-shadow:0 10px 30px #0000000c}
.header[data-motion-ready] .nav-row{background:transparent;box-shadow:none}
.header[data-header-motion=expanded] .nav-row,.header[data-header-engaged] .nav-row{box-shadow:0 1px 0 var(--line)}
.header[data-header-motion=hidden]{translate:0 calc(-100% - 20px - env(safe-area-inset-top,0px));visibility:hidden;pointer-events:none;transition:translate var(--header-motion-time) var(--header-motion-ease),visibility 0s var(--header-motion-time)}
.product-anchor-nav{top:calc(var(--header-occupied-height) + 12px);transition:top var(--header-motion-time) var(--header-motion-ease)}
@media(min-width:1024px){.product-page-top>.gallery{top:calc(var(--header-occupied-height) + 24px)}}
@media(max-width:767px){.header[data-header-motion=compact]:not([data-header-engaged])::before{inset:4px 8px 0;border-radius:22px}}
@media(prefers-reduced-motion:reduce){:root{--header-motion-time:0ms}.header[data-motion-ready],.header[data-motion-ready]::before,.product-anchor-nav{transition:none}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.header[data-header-motion=compact]:not([data-header-engaged])::before{background:var(--bg);backdrop-filter:none}}