/* Compact mobile header and full-height category navigation. */
.mobile-search-toggle,.cart-icon{display:none}
.mobile-menu .mobile-menu-top img{display:block!important;width:70px!important;max-width:70px!important;height:40px!important;object-fit:contain!important}
.mobile-menu .mobile-menu-top>a:not(.mobile-cart){position:absolute;left:50%;transform:translateX(-50%);width:70px;height:40px;display:flex;align-items:center}
.mobile-menu{background:#181818!important;color:#e5e3dd;inset:0;width:100%;height:100dvh;max-height:100dvh;overflow-x:hidden;overscroll-behavior:contain;padding-bottom:env(safe-area-inset-bottom)}
.mobile-menu .mobile-menu-top{height:84px;padding-top:env(safe-area-inset-top);box-sizing:content-box;position:sticky;top:0;background:#181818;z-index:5;flex-shrink:0}
.mobile-menu .close-menu{left:14px;top:auto;width:44px;height:44px;display:grid;place-items:center}
.mobile-menu .mobile-search-toggle,.mobile-menu .mobile-cart{position:absolute;right:60px;display:grid;place-items:center;width:44px;height:44px}
.mobile-menu .mobile-cart{right:12px}.mobile-cart .cart-icon{display:block}.mobile-cart .cart-label{display:none}
.mobile-menu .mobile-menu-links{padding:40px 24px 48px;gap:0;align-items:stretch;font-size:22px}
.mobile-menu .mobile-menu-links>button:not(.mobile-menu-back),.mobile-menu .mobile-menu-links>a{position:relative;text-align:center;width:100%;padding:18px 36px;font-size:22px;line-height:1.4;font-weight:400}
.mobile-menu [data-mobile-menu]::after{content:none;display:none}
.mobile-menu .mobile-menu-links[data-level]>a,.mobile-menu .mobile-menu-links[data-level]>[data-mobile-menu]{display:none}
.mobile-menu .mobile-menu-links[data-level]{padding:0 0 40px}
.mobile-menu .mobile-menu-back{background:#222;text-align:left;width:100%;padding:18px 24px;font-size:15px;line-height:1.5}
.mobile-menu .mobile-submenu{padding:18px 24px;gap:0;align-items:stretch}
.mobile-menu .mobile-submenu a{text-align:center;font-size:20px;line-height:1.5;padding:16px 8px;overflow-wrap:anywhere}
.mobile-search-panel{padding:24px}.mobile-menu .mobile-search-panel .search{display:block;position:relative;inset:auto;max-width:none;width:100%;margin:0}
.mobile-menu .mobile-search-panel input{font-size:16px;height:48px}.mobile-menu .mobile-search-panel .search-results{position:relative;top:auto;margin-top:16px;max-height:calc(100dvh - 210px);background:#222;border:0;box-shadow:none}
@media(max-width:64rem){
body .site-header{height:76px}body .site-header .navigation{height:76px;min-height:76px;display:flex;gap:0;padding:0 12px;border:0;background:rgba(20,20,20,.94)}
body .navigation .desktop-links,body .navigation>.search{display:none}
body .navigation .mobile-toggle{display:grid;place-items:center;position:static;width:44px;height:44px;min-width:44px;padding:0;margin:0}
body .navigation .brand{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;width:70px;height:40px}
body .navigation .brand img{width:70px!important;max-width:70px!important;height:40px!important;object-fit:contain}
body .navigation>.mobile-search-toggle{position:absolute;right:60px;top:16px;width:44px;height:44px;display:grid;place-items:center}
body .navigation>.cart{position:absolute;right:12px;top:16px;width:44px;height:44px;display:grid;place-items:center;margin:0}
body .navigation .cart-label{display:none}body .navigation .cart-icon{display:block}
}
@media(max-width:360px){.mobile-menu .mobile-menu-links>button:not(.mobile-menu-back),.mobile-menu .mobile-menu-links>a{font-size:19px}.mobile-menu .mobile-submenu a{font-size:18px}}

/* Consistent dark glass across desktop, phone and homepage navigation. */
:root{--roji-nav-glass:linear-gradient(135deg,rgba(255,255,255,.065),rgba(255,255,255,.01) 48%,rgba(255,255,255,.035)),rgba(12,14,15,.64)}
:root body .site-header .navigation,:root body .navigation .dropdown,:root body .navigation .search-results,:root body .mobile-menu .search-results{background:var(--roji-nav-glass);border:1px solid rgba(0,0,0,.65);-webkit-backdrop-filter:blur(28px) saturate(150%);backdrop-filter:blur(28px) saturate(150%);box-shadow:inset 0 1px 0 #ffffff0c,0 10px 32px #0002}
:root body .mobile-menu{background:linear-gradient(140deg,#ffffff09,#ffffff00 55%),rgba(12,14,15,.68)!important;-webkit-backdrop-filter:blur(28px) saturate(150%);backdrop-filter:blur(28px) saturate(150%);border:1px solid #0009;box-shadow:inset 0 1px 0 #ffffff0c}
.mobile-menu::backdrop{background:rgba(0,0,0,.18)}
:root body .mobile-menu .mobile-menu-top,:root body .mobile-menu .mobile-menu-back{background:linear-gradient(135deg,#ffffff08,#ffffff02),rgba(12,14,15,.35);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);border-bottom:1px solid #0005}
:root body .mobile-menu [data-mobile-menu]::after{content:none;display:none}
:root body .search{border:0;outline:0;background:transparent;box-shadow:none}
:root body .search input,:root body .mobile-menu .mobile-search-panel input{border-radius:999px!important;border:1px solid #000a;background:var(--roji-nav-glass);color:#fff;padding:0 20px;-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);box-shadow:inset 0 1px 0 #ffffff15,0 5px 20px #0002;-webkit-appearance:none;appearance:none}
:root body .search input::placeholder{color:#c1c3c5}
:root body .search input:focus-visible{outline:none;border-color:#ffffff60;box-shadow:0 0 0 3px #ffffff25,inset 0 1px 0 #ffffff20}
:root body .mobile-menu .search-results{border-radius:20px;padding:12px}
:root body .mobile-menu .search-results a{border-radius:10px;padding:12px}
:root body .mobile-menu .search-results a:hover{background:#ffffff10}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){:root body .mobile-menu,:root body .site-header .navigation,:root body .navigation .dropdown,:root body .search-results{background:#191b1df5!important}}
@media(prefers-reduced-transparency:reduce){:root body .mobile-menu,:root body .mobile-menu .mobile-menu-top,:root body .mobile-menu .mobile-menu-back,:root body .site-header .navigation,:root body .navigation .dropdown,:root body .search-results,:root body .search input{background:#191b1d!important;-webkit-backdrop-filter:none;backdrop-filter:none}}

/* Homepage navigation overlaps the bottom of the opening film. */
:root body.home-page main>.site-header{position:relative;top:auto;left:auto;right:auto;width:100%;z-index:60;background:transparent;margin-top:calc(-1 * (clamp(3.75rem,4.7vw,5rem) + 1.3rem))}
@media(max-width:64rem){:root body.home-page main>.site-header{margin-top:-76px}}

/* Square navigation; Courier throughout, including form controls. */
:root{--font:"Courier New",Courier,"Courier Prime",monospace}
html body,html body *{font-family:"Courier New",Courier,"Courier Prime",monospace!important}
:root body .site-header .navigation,:root body .navigation .dropdown,:root body .mobile-menu,:root body .mobile-menu .mobile-menu-top{border-radius:0!important}

/* Match the optical center and control boxes of the search and bag icons. */
:root body .mobile-search-toggle svg,:root body .cart-icon svg{display:block;width:24px;height:24px;flex-shrink:0}
:root body .cart-icon{line-height:0}
@media(max-width:64rem){
:root body .navigation>.mobile-search-toggle,:root body .navigation>.cart{top:50%;transform:translateY(-50%);width:44px;height:44px;padding:0;display:grid;place-items:center;line-height:1}
}
:root body .mobile-menu .mobile-menu-top>.mobile-search-toggle,:root body .mobile-menu .mobile-menu-top>.mobile-cart{top:calc(env(safe-area-inset-top,0px) + 42px);transform:translateY(-50%);width:44px;height:44px;padding:0;display:grid;place-items:center;line-height:1}

/* Unlinked items remain labels until local pages exist. */
a[aria-disabled="true"]{cursor:default;pointer-events:none}

/* Desktop navbar: shared centerline and predictable spacing. */
@media(min-width:64.001rem){
:root body .site-header .navigation{display:grid;grid-template-columns:auto minmax(160px,28rem) minmax(0,1fr) auto auto;column-gap:clamp(16px,2vw,40px);align-items:center}
:root body .navigation>.brand{grid-column:1;grid-row:1;align-self:center;display:flex;align-items:center;min-height:44px;margin:0}
:root body .navigation>.brand img{display:block;object-fit:contain}
:root body .navigation>.search{grid-column:2;grid-row:1;position:relative;inset:auto;align-self:center;width:100%;min-width:0;max-width:none;margin:0}
:root body .navigation>.search input{display:block;height:40px;line-height:normal;margin:0;box-sizing:border-box}
:root body .navigation>.desktop-links{grid-column:4;grid-row:1;display:flex;align-items:center;align-self:center;height:44px;margin:0;gap:clamp(16px,2vw,40px)}
:root body .navigation .desktop-links>a,:root body .navigation .nav-item,:root body .navigation .nav-item>button{display:flex;align-items:center;justify-content:center;height:44px;margin:0;padding-block:0;line-height:1.2}
:root body .navigation>.cart{grid-column:5;grid-row:1;position:static;transform:none;display:flex;align-items:center;justify-content:center;height:44px;margin:0;padding:0;line-height:1.2}
}

/* Place the homepage navbar bottom precisely on the film boundary. */
@media(min-width:64.001rem){
:root body.home-page main>.site-header{--home-nav-height:clamp(3.75rem,4.7vw,5rem);height:var(--home-nav-height);margin-top:calc(-1 * var(--home-nav-height))}
:root body.home-page main>.site-header .navigation{box-sizing:border-box;height:var(--home-nav-height);min-height:var(--home-nav-height)}
}

/* The glass header is visible immediately and follows page scrolling. */
:root body .site-header,:root body.home-page main>.site-header{position:sticky;top:0;z-index:100;flex-shrink:0;animation:none;filter:none;opacity:1}
:root body .site-header .navigation{animation:none;opacity:1;transition:none}
html{scroll-padding-top:96px}

.cart-count{font-size:11px;white-space:nowrap}.add-button{width:100%;cursor:pointer}