/* Shared mobile navigation. Loaded last so all storefront headers agree. */
@property --ks-menu-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
.ks-menu-toggle{display:none;color:#fff;background:transparent;border:0;padding:10px;width:44px;height:44px;flex:0 0 44px;align-items:center;justify-content:center;border-radius:8px}
.ks-menu-toggle svg{width:25px;height:25px;max-width:none}
.ks-menu-dialog:not([open]){display:none}
.ks-menu-dialog{box-sizing:border-box;inset:0;width:100%;max-width:none;height:100%;height:100dvh;max-height:none;margin:0;padding:0;color:#f5f5f7;border:2px solid transparent;background:linear-gradient(#080a0d,#080a0d) padding-box,conic-gradient(from var(--ks-menu-angle),#20d8ff,#446dff,#b753ff,#ff3b85,#ffd452,#43f2b7,#20d8ff) border-box;animation:ks-menu-rgb 8s linear infinite;overscroll-behavior:contain;overflow:auto;color-scheme:dark}
.ks-menu-dialog::backdrop{background:#000c}
.ks-menu-content{min-height:100%;padding:calc(14px + env(safe-area-inset-top,0px)) max(22px,env(safe-area-inset-right,0px)) calc(26px + env(safe-area-inset-bottom,0px)) max(22px,env(safe-area-inset-left,0px));display:flex;flex-direction:column;max-width:800px;margin:auto}
.ks-menu-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid #ffffff20}
.ks-menu-wordmark{font:600 18px/1.3 Arial,sans-serif;letter-spacing:.13em}
.ks-menu-close{display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;color:#fff;border:1px solid #ffffff33;background:#ffffff06;border-radius:50%;padding:10px}
.ks-menu-close svg{width:22px;height:22px}
.ks-menu-label{margin:27px 0 8px;color:#8c939e;font:500 10px/1.5 Arial,sans-serif;letter-spacing:.22em}
.ks-menu-primary{display:flex;flex-direction:column}
.ks-menu-primary a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:61px;padding:14px 0;border-bottom:1px solid #ffffff17;color:#f5f5f7;font:500 clamp(18px,4.6vw,25px)/1.4 Arial,sans-serif;letter-spacing:-.025em;overflow-wrap:anywhere}
.ks-menu-primary a::after{content:'↗';font-size:20px;color:#636b77;flex:none}
.ks-menu-primary a[aria-current=page]{color:#70e6ff}
.ks-menu-primary a[aria-current=page]::after{color:#70e6ff}
.ks-menu-secondary{display:flex;flex-wrap:wrap;gap:4px 24px;padding:15px 0 22px}
.ks-menu-secondary a{display:flex;align-items:center;min-height:44px;font-size:13px;color:#abb3bf}
.ks-menu-account{margin-top:auto;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:20px}
.ks-menu-account a{display:flex;align-items:center;justify-content:center;min-height:48px;border:1px solid #ffffff42;border-radius:8px;font:500 12px/1.4 Arial,sans-serif;letter-spacing:.06em;color:#f3f5f7}
.ks-menu-account a:last-child{background:#f3f5f7;color:#080a0d}
.ks-menu-dialog a:focus-visible,.ks-menu-dialog button:focus-visible,.ks-menu-toggle:focus-visible{outline:2px solid #70e6ff;outline-offset:3px}
html.ks-menu-is-open{overflow:hidden!important}
html.ks-menu-is-open body{position:fixed!important;top:var(--ks-menu-scroll-top);width:100%;overflow:hidden!important}
@keyframes ks-menu-rgb{to{--ks-menu-angle:360deg}}
@media(max-width:1050px){
 .ks-menu-toggle{display:inline-flex}
 .ks-main-menu,.header .navlinks,.mf-header .mf-nav,.mobile-links,.mf-mobile-nav{display:none!important}
 .ks-main-header,.header,.mf-header{width:100%;max-width:100%;position:sticky;top:0;z-index:50}
 .ks-main-bar,.header .shell.nav,.mf-header-inner{width:100%;height:68px;min-height:68px;padding:8px 16px;gap:12px;overflow:visible;justify-content:space-between}
 .ks-main-tools,.header .navtools,.mf-tools{margin-left:auto;gap:4px;padding:0;flex:0 0 auto;display:flex;align-items:center}
 .ks-main-tools>a:not(.ks-tool),.header .navtools>.authlink,.header .navtools>.ks-shop-pill,.mf-tools>.mf-shop{display:none!important}
 .ks-main-tools>.ks-tool,.header .navtools>.iconbtn,.mf-tools>.mf-icon{display:inline-flex!important;position:relative;flex:0 0 44px;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;padding:10px;border:0;box-shadow:none;background:none;border-radius:8px;color:#fff}
 .ks-main-tools>.ks-tool svg,.header .navtools>.iconbtn svg,.mf-tools>.mf-icon svg{width:24px;height:24px;max-width:none}
 .ks-main-bar>.ks-original-brand{width:54px;height:44px;flex:0 0 54px;margin:0}
 .header .atlas-logo,.mf-header .atlas-logo{width:160px;height:34px;flex:0 1 160px;min-width:0}
 .header .atlas-logo-art,.mf-header .atlas-logo-art{background-size:846px 476px;background-position:-48px -11px}
 .ks-main-tools .count,.header .navtools .count{right:2px;top:2px}
}
@media(max-width:360px){
 .ks-main-bar,.header .shell.nav,.mf-header-inner{padding-inline:10px;gap:4px}
 .header .atlas-logo,.mf-header .atlas-logo{width:135px;height:29px;flex-basis:135px}
 .header .atlas-logo-art,.mf-header .atlas-logo-art{background-size:714px 402px;background-position:-40px -9px}
 .ks-main-tools,.header .navtools,.mf-tools{gap:0}
}
@media(prefers-reduced-motion:reduce){.ks-menu-dialog{animation:none}}