:root{--header-height:80px}
html{scroll-padding-top:calc(var(--header-height) + 24px)}
.skip{z-index:50}
.header{position:sticky;top:0;z-index:30;height:var(--header-height);background:var(--paper);border-bottom:1px solid var(--line);gap:24px}
.header .menu-toggle{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-height:44px;padding:8px 0 8px 14px;border:0;background:none;font-size:12px}
.header .menu-toggle span{display:inline-block;font-size:23px;line-height:1;transition:transform 200ms ease}
.header .menu-toggle[aria-expanded=true] span{transform:rotate(45deg)}
.header nav{display:none;position:absolute;top:calc(100% + 1px);right:5.3%;left:auto;width:260px;max-width:calc(100vw - 32px);padding:12px 24px;margin:0;flex-direction:column;gap:0;align-items:stretch;background:var(--paper);border:1px solid var(--line);box-shadow:0 12px 28px #22251e12}
.header nav.open{display:flex}
.header nav a{display:block;padding:14px 0;font-size:13px;border-bottom:1px solid var(--line)}
.header nav a:last-child{border-bottom:0}
.header nav a::after{bottom:8px;right:auto;width:24px}
.product-gallery #product-view-note{margin:0;padding:18px 16px;font-size:9px;line-height:1.6}
@media(max-width:680px){
 :root{--header-height:70px}
 .header{padding:0 6%;gap:16px}
 .header nav{right:6%;width:calc(100% - 12%);max-width:none}
 .header .menu-toggle{font-size:11px;gap:10px}
 .product-gallery #product-view-note{padding:15px 16px}
}
@media(prefers-reduced-motion:reduce){.header .menu-toggle span{transition:none}}