.os-header{position:fixed;top:0;left:0;width:100%;height:var(--os-header-h);z-index:var(--os-z-header);display:flex;align-items:center;justify-content:space-between;padding:0 var(--os-sp-4);-webkit-user-select:none;user-select:none;font-family:var(--os-font-sans);font-size:13px;background:linear-gradient(180deg,#fffffff7,#e8e8edf5);border-bottom:1px solid rgba(0,0,0,.18);box-shadow:0 .5px #ffffff80 inset,0 1px 3px #0000000f}.os-header__left{display:flex;align-items:center;gap:var(--os-sp-4)}.os-header__brand{display:flex;align-items:center;gap:6px;text-decoration:none;color:var(--os-black);font-weight:700}.os-header__brand-icon{display:flex;align-items:center;flex-shrink:0}.os-header__brand-icon svg{width:16px;height:auto;fill:currentColor}.os-header__brand-text{font-size:13px;font-weight:700;letter-spacing:-.01em}.os-header__nav{display:flex;gap:2px;font-size:13px}.os-header__nav a{padding:2px 10px;text-decoration:none;color:var(--os-black);border-radius:4px;transition:background .15s,color .15s;line-height:1.6}.os-header__nav a:hover{background:var(--os-accent);color:var(--os-white)}.os-header__nav a.is-current{font-weight:600}.os-header__right{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--os-black)}.os-header__cart-btn{background:none;border:none;padding:2px 10px;font-family:var(--os-font-sans);font-size:13px;font-weight:500;cursor:pointer;border-radius:4px;transition:background .15s,color .15s;color:var(--os-black)}.os-header__cart-btn:hover{background:var(--os-accent);color:var(--os-white)}.os-header__status-icons{display:flex;align-items:center;gap:7px;opacity:.7}.os-header__wifi{width:14px;height:auto}.os-header__wifi-wrap{position:relative;display:flex;align-items:center}.os-header__wifi-btn{background:none;border:none;padding:2px;cursor:pointer;display:flex;align-items:center;border-radius:3px;transition:background .15s;color:inherit}.os-header__wifi-btn:hover,.os-header__wifi-btn.is-open{background:#0000001a}.os-header__wifi-wrap .os-wifi-panel{right:0;left:auto!important;width:200px;min-width:0}.os-wifi__header{padding:6px 10px 4px;font-family:var(--os-font-sans);font-size:12px;font-weight:700;color:var(--os-black)}.os-wifi__connected{display:flex;align-items:center;gap:6px;padding:4px 10px;font-family:var(--os-font-mono);font-size:11px;overflow:hidden}.os-wifi__check{font-size:11px;font-weight:700}.os-wifi__label{padding:4px 10px 2px;font-family:var(--os-font-mono);font-size:9px;font-weight:700;color:var(--os-gray);letter-spacing:.04em;text-transform:uppercase}.os-wifi__item{display:flex;align-items:center;justify-content:space-between;padding:3px 10px 3px 26px;font-family:var(--os-font-mono);font-size:11px;cursor:default;overflow:hidden}.os-wifi__item:hover{background:var(--os-accent);color:var(--os-white)}.os-wifi__ssid{flex:1;overflow:hidden;text-overflow:ellipsis}.os-wifi__signal{flex-shrink:0;margin-left:12px;opacity:.5}.os-wifi__signal--full{opacity:1}.os-header__battery-wrap{position:relative;display:flex;align-items:center}.os-header__battery{width:18px;height:auto;cursor:default}#os-battery-fill{transition:width 1s linear,fill .4s ease}.os-header__battery.is-warn #os-battery-fill{fill:#e67e22}.os-header__battery.is-low #os-battery-fill{fill:#d32f2f}.os-header__battery.is-low{animation:battery-pulse 2s ease-in-out infinite}.os-header__battery.is-critical #os-battery-fill{fill:#b71c1c}.os-header__battery.is-critical{animation:battery-blink .8s step-end infinite}.os-header__battery.is-charging #os-battery-fill{fill:#43a047}.os-header__battery.is-charging{animation:battery-charge-pop .4s ease-out}@keyframes battery-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes battery-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes battery-charge-pop{0%{transform:scale(1)}40%{transform:scale(1.3)}to{transform:scale(1)}}.os-battery-warn{position:absolute;top:calc(100% + 6px);right:-4px;background:var(--os-white);border:1px solid var(--os-black);box-shadow:2px 3px #0000001f;padding:4px 8px;font-family:var(--os-font-mono);font-size:9px;white-space:nowrap;opacity:0;transform:translateY(-4px);transition:opacity .3s,transform .3s;pointer-events:none;z-index:101}.os-battery-warn:before{content:"";position:absolute;bottom:100%;right:8px;border:4px solid transparent;border-bottom-color:var(--os-black)}.os-battery-warn.is-visible{opacity:1;transform:translateY(0)}#os-clock{font-variant-numeric:tabular-nums;font-weight:500;opacity:.8}.os-header__divider{width:1px;height:14px;background:#00000026}.os-header__shop{position:relative}.os-header__shop-toggle{background:none;border:none;padding:2px 10px;font-family:var(--os-font-sans);font-size:13px;font-weight:500;cursor:pointer;border-radius:4px;transition:background .15s,color .15s;color:var(--os-black);line-height:1.6}.os-header__shop-toggle:hover,.os-header__shop-toggle.is-open{background:var(--os-accent);color:var(--os-white)}.os-header__shop .os-header__dropdown{max-height:70vh;overflow-y:auto}.os-header__shop .os-header__dropdown-item{text-decoration:none}.os-header__info{position:relative}.os-header__info-toggle{background:none;border:none;padding:2px 10px;font-family:var(--os-font-sans);font-size:13px;font-weight:500;cursor:pointer;border-radius:4px;transition:background .15s,color .15s;color:var(--os-black);line-height:1.6}.os-header__info-toggle:hover,.os-header__info-toggle.is-open{background:var(--os-accent);color:var(--os-white)}.os-header__dropdown{display:none;position:absolute;top:calc(100% + 4px);left:0;min-width:200px;background:var(--os-white);border:1px solid var(--os-black);box-shadow:2px 3px #0000001f;z-index:100;padding:3px 0}.os-header__dropdown.is-visible{display:block}.os-header__dropdown-item{display:block;width:100%;background:none;border:none;padding:4px 16px;font-family:var(--os-font-mono);font-size:11px;text-align:left;cursor:pointer;color:var(--os-black);white-space:nowrap;letter-spacing:.02em}.os-header__dropdown-item:hover{background:var(--os-accent);color:var(--os-white)}.os-header__dropdown-sep{height:1px;background:var(--os-platinum);margin:3px 8px}a.os-header__dropdown-item{display:block;text-decoration:none;color:var(--os-black)}a.os-header__dropdown-item:hover{background:var(--os-accent);color:var(--os-white)}@media(max-width:640px){.os-header__brand-text{display:none}.os-header__nav a:not(.os-header__dropdown-item){display:none}.os-header__nav{gap:1px}.os-header__shop-toggle,.os-header__info-toggle{padding:2px 6px;font-size:12px}}@media(min-width:768px){.os-header{padding:0 var(--os-sp-6)}.os-header__left{gap:var(--os-sp-6)}}@media(prefers-reduced-motion:reduce){.os-header__battery.is-low,.os-header__battery.is-critical,.os-header__battery.is-charging{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/section-os-header.css.map */