.site-header{isolation:isolate}
.site-header .nav-row{gap:clamp(14px,1.55vw,26px);min-width:0}
.site-header .brand{position:relative;z-index:1}
.site-header .brand img{width:clamp(155px,12vw,190px);height:auto;max-height:68px}
.site-header .nav-row nav{min-width:0;justify-content:center;align-items:center;gap:clamp(20px,1.8vw,30px);font-size:14.5px;white-space:nowrap}
.site-header .nav-row nav>a{position:relative;padding:10px 0;transition:color .2s ease}
.site-header .nav-row nav>a:not(.nav-shop-mobile):after{content:'';position:absolute;left:0;right:100%;bottom:6px;height:1px;background:var(--cyan);transition:right .2s ease}
.site-header .nav-row nav>a:hover:after,.site-header .nav-row nav>a:focus-visible:after{right:0}
.site-header .shop-link{flex:none;width:36px;height:36px;border:1px solid transparent;border-radius:50%;transition:color .2s,border-color .2s,background .2s}
.site-header .shop-link:hover{color:var(--cyan);border-color:#24546a;background:#092131}
.neo-account{position:relative;flex:none;font-size:12px}
.neo-account summary{display:flex;align-items:center;gap:9px;cursor:pointer;border:1px solid #24546a;border-radius:22px;padding:6px 12px;list-style:none;background:#071824;min-height:40px;transition:border-color .2s,background .2s}
.neo-account summary:hover{border-color:#46b9db;background:#092535}
.neo-account summary::-webkit-details-marker{display:none}
.neo-account summary:focus-visible{outline:2px solid #00c8ff;outline-offset:4px}
.neo-account-label{display:flex;flex-direction:column;line-height:1.3;min-width:0}
.neo-account-label>span{display:block;max-width:115px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.neo-account-label small{font-size:9px;color:#9acbbd}
.neo-status-dot{width:7px;height:7px;flex:none;border-radius:50%;background:#61e6ad;box-shadow:0 0 9px #61e6ad77}
.neo-account-menu{position:absolute;right:0;top:calc(100% + 9px);min-width:190px;border:1px solid #24546a;border-radius:11px;padding:7px;background:#07121f;box-shadow:0 16px 40px #0009;z-index:80}
.neo-account-menu a{display:block;padding:10px 12px;border-radius:5px}
.neo-account-menu a:hover{background:#123044;color:#66dcff}
.neo-sign-in{flex:none;min-height:40px;padding:8px 19px;font-weight:600}
.nav-backdrop,.nav-close,.nav-shop-mobile{display:none}
@media(min-width:1700px){.site-header .nav-row{height:100px}.site-header .nav-row nav{font-size:16px;gap:32px}}
@media(max-width:1300px) and (min-width:1181px){.site-header .nav-row{gap:14px}.site-header .brand img{width:155px}.site-header .nav-row nav{gap:18px;font-size:14px}.neo-account-label>span{max-width:85px}.neo-sign-in{padding-inline:15px}}
@media(max-width:1180px){
 .site-header{backdrop-filter:none}
 .site-header .nav-row{height:72px;gap:12px}
 .site-header .brand img{width:145px}
 .menu-toggle{display:flex;align-items:center;justify-content:center;gap:10px;order:4;flex:none;min-height:42px;margin-left:0;padding:8px 13px;border:1px solid #24546a;border-radius:22px;color:#effaff;background:#0a1d29;cursor:pointer;font-size:12px;font-weight:600;letter-spacing:.02em}
 .menu-toggle:hover,.menu-toggle[aria-expanded=true]{border-color:#48c8eb;background:#113149}
 .menu-toggle-icon{display:flex;flex-direction:column;justify-content:center;gap:4px;width:17px;height:17px}
 .menu-toggle-icon i{display:block;width:17px;height:1.5px;border-radius:2px;background:currentColor;transition:transform .2s,opacity .2s}
 .menu-toggle[aria-expanded=true] .menu-toggle-icon i:first-child{transform:translateY(5.5px) rotate(45deg)}
 .menu-toggle[aria-expanded=true] .menu-toggle-icon i:nth-child(2){opacity:0}
 .menu-toggle[aria-expanded=true] .menu-toggle-icon i:last-child{transform:translateY(-5.5px) rotate(-45deg)}
 .site-header .shop-link{order:2;margin-left:auto}
 .site-header .neo-account,.site-header .neo-sign-in{order:3}
 .site-header .nav-row nav{position:fixed;top:0;right:0;bottom:0;z-index:60;width:min(380px,90vw);height:100dvh;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;overflow-y:auto;overscroll-behavior:contain;padding:82px 28px max(26px,env(safe-area-inset-bottom));background:linear-gradient(155deg,#0c2332,#040b12 55%);border-left:1px solid #24546a;box-shadow:-20px 0 60px #000b;font-size:16px;white-space:normal;transform:translateX(105%);visibility:hidden;transition:transform .27s ease,visibility .27s}
 .site-header .nav-row nav.open{transform:translateX(0);visibility:visible}
 .site-header .nav-row nav>a{display:block;padding:14px 8px;border-bottom:1px solid #183443}
 .site-header .nav-row nav>a:not(.nav-shop-mobile):after{display:none}
 .site-header .nav-row nav>a:hover,.site-header .nav-row nav>a:focus-visible{color:#75dcf8;background:#0c2a3a}
 .nav-close{display:grid;place-items:center;position:absolute;top:21px;right:27px;width:40px;height:40px;border:1px solid #24546a;border-radius:50%;background:#0e2634;color:#effaff;font-size:26px;line-height:1;cursor:pointer}
 .nav-close:hover{border-color:#48c8eb;color:#48c8eb}
 .site-header .nav-row nav .nav-shop-mobile{display:flex;align-items:center;gap:10px;margin-top:18px;color:#57d4f5;border:1px solid #22536a;border-radius:8px;padding:13px 15px}
 .nav-backdrop{display:block;position:fixed;inset:0;z-index:55;background:#01050bc4;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .27s ease,visibility .27s}
 .nav-backdrop.open{opacity:1;visibility:visible;pointer-events:auto}
 body.nav-open{overflow:hidden}
}
@media(max-width:600px){.site-header .nav-row{height:66px;gap:8px}.site-header .brand img{width:120px}.site-header .shop-link{display:none}.site-header .neo-account,.site-header .neo-sign-in{margin-left:auto}.site-header .neo-account summary{padding:6px 9px;gap:6px}.neo-account-label>span{max-width:78px;font-size:11px}.neo-sign-in{min-height:36px;padding:7px 13px;font-size:11px}.menu-toggle{min-height:36px;padding:7px 10px}.site-header .nav-row nav{width:min(360px,92vw)}}
@media(max-width:380px){.site-header .brand img{width:98px}.site-header .nav-row{gap:6px}.menu-toggle-label{display:none}.menu-toggle{width:38px;padding:7px}.neo-account-label>span{max-width:61px}.neo-account summary{min-height:36px}}
@media(prefers-reduced-motion:reduce){.site-header .nav-row nav,.nav-backdrop,.menu-toggle-icon i{transition:none}}
