:root{--sh-primary:#081326;--sh-yellow:#FFB400;--sh-yellow-hover:#E8A400;--sh-text:#1d1d1d;--sh-border:#e7e7e7;--sh-radius:12px}.sh-header{width:100%;background:#fff;position:relative;z-index:50;box-shadow:0 2px 8px #0000000a}.page-width{max-width:1400px;margin:auto;padding:0 24px}.sh-topbar{height:40px;background:var(--sh-primary);display:flex;align-items:center}.sh-topbar-content{height:40px;overflow:hidden;position:relative}.sh-info{display:flex;align-items:center}.sh-separator{width:1px;height:15px;background:#ffffff59}.sh-main-header{height:88px;display:flex;align-items:center;justify-content:space-between;gap:40px}.sh-left{display:flex;align-items:center;gap:22px}.sh-menu-button{width:44px;height:44px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:26px;transition:.25s}.sh-menu-button:hover{background:#f5f5f5;border-radius:8px}.sh-logo{display:flex;align-items:center;text-decoration:none}.sh-logo img{height:56px;display:block}.sh-search{flex:1}.sh-search form{display:flex;width:100%}.sh-search input{width:100%;height:50px;border:1px solid var(--sh-border);border-right:none;padding:0 18px;font-size:15px;outline:none;border-radius:12px 0 0 12px}.sh-search input:focus{border-color:#c7c7c7}.sh-search button{width:60px;border:none;background:var(--sh-yellow);cursor:pointer;border-radius:0 12px 12px 0;transition:.25s}.sh-search button:hover{background:var(--sh-yellow-hover)}.sh-right{display:flex;align-items:center;gap:12px}.sh-account,.sh-cart{display:flex;align-items:center;gap:6px;text-decoration:none;color:var(--sh-text);position:relative;font-size:14px;font-weight:600}.cart-count{position:absolute;right:-10px;top:-6px;background:var(--sh-yellow);width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}@media screen and (max-width:768px){.sh-topbar{height:32px}.sh-topbar-content{justify-content:space-around;gap:8px;padding:0 10px;overflow-x:auto;white-space:nowrap}.sh-info{font-size:11px}.sh-separator{display:none}.sh-main-header{display:grid;grid-template-columns:40px 1fr auto;grid-template-areas:"menu logo icons" "search search search";align-items:center;row-gap:14px;padding:15px 0;height:auto}.sh-left{grid-area:menu;gap:0}.sh-logo{grid-area:logo;justify-self:center}.sh-logo img{height:42px}.sh-right{grid-area:icons;justify-self:end;gap:15px}.sh-search{grid-area:search;width:100%;padding-top:5px}.sh-search input{height:46px;font-size:14px}.sh-search button{height:46px}}.sh-nav{height:50px;background:#fff;border-top:1px solid #ececec;border-bottom:1px solid #ececec;display:flex;align-items:center}.sh-nav-list{display:flex;align-items:center;gap:30px;list-style:none;margin:0;padding:0}.sh-nav-list a{text-decoration:none;color:#222;font-size:14px;font-weight:600}.sh-nav-list a:hover{color:#ffb400}.sh-drawer{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999}.sh-drawer.active{pointer-events:auto}.sh-drawer-overlay{position:absolute;width:100%;height:100%;background:#00000073;opacity:0;transition:.3s}.sh-drawer.active .sh-drawer-overlay{opacity:1}.sh-drawer-panel{position:absolute;top:0;left:-320px;width:300px;height:100%;background:#fff;padding:25px;transition:.35s;overflow:auto}.sh-drawer.active .sh-drawer-panel{left:0}.sh-close{border:none;background:none;font-size:28px;cursor:pointer;float:right}.sh-drawer h3{margin-top:15px;margin-bottom:25px}.sh-drawer ul{list-style:none;padding:0;margin:0}.sh-drawer li{margin-bottom:18px}.sh-drawer a{text-decoration:none;color:#222;font-weight:600}@media(min-width:769px){.sh-drawer{display:block}}@media(max-width:768px){.sh-nav,.sh-account span{display:none}.sh-right{gap:8px}.sh-logo img{height:36px}}.sh-marquee{width:100%;overflow:hidden;white-space:nowrap}.sh-marquee-track{display:flex;align-items:center;width:max-content;animation:shTicker 45s linear infinite}.sh-marquee-group{display:flex;align-items:center;gap:70px;padding-right:70px}.sh-marquee-group span{display:flex;align-items:center;color:#fff;font-size:13px;font-weight:500}@keyframes shTicker{0%{transform:translate(0)}to{transform:translate(-33.333%)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/sh-header.css.map */