.site-header{position:sticky;top:0;z-index:40;background:var(--paper);border-bottom:1px solid var(--line)}.site-header__bar{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;min-height:var(--header-h);padding-block:10px;gap:var(--space-5)}.site-header__burger{display:none;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:0;color:var(--ink);cursor:pointer}.site-header__burger svg{width:22px;height:22px}.site-header__logo{display:flex;align-items:center;height:100%}.site-header__logo-img{width:var(--logo-w, 140px);height:auto;display:block}.site-header__nav-list{display:flex;align-items:center;gap:var(--space-6)}.site-header__nav-item>a,.site-header__dropdown>summary{font:600 .875rem/1 var(--font-body);letter-spacing:.01em;text-decoration:none;color:var(--ink);cursor:pointer;list-style:none;display:flex;align-items:center;gap:.3rem;padding-block:.5rem}.site-header__nav-item>a{border-bottom:1px solid transparent}.site-header__nav-item>a:hover{border-color:var(--ink)}.site-header__dropdown>summary::-webkit-details-marker{display:none}.site-header__dropdown>summary svg{width:12px;height:12px;transition:transform .15s ease}.site-header__dropdown[open]>summary svg{transform:rotate(180deg)}.site-header__dropdown{position:relative}.site-header__dropdown-panel{position:absolute;top:calc(100% + 10px);left:-1rem;background:var(--paper-raised);border:1px solid var(--line);min-width:200px;padding:var(--space-3) 0;box-shadow:0 12px 24px #0e0f1114}.site-header__dropdown-panel a{display:block;padding:.55rem 1.25rem;font:var(--text-body-sm);text-decoration:none;color:var(--ink)}.site-header__dropdown-panel a:hover{background:var(--paper)}.site-header__utility{display:flex;align-items:center;gap:var(--space-2);justify-self:end}.site-header__icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:0;color:var(--ink);text-decoration:none;cursor:pointer}.site-header__icon-btn svg{width:21px;height:21px}.site-header__cart-count{position:absolute;top:4px;right:3px;min-width:16px;height:16px;padding:0 3px;border-radius:999px;background:var(--red);color:var(--paper);font:600 .625rem/16px var(--font-mono);text-align:center}.site-header__search{border-top:1px solid var(--line);background:var(--paper-raised)}.site-header__search-form{display:flex;align-items:center;gap:var(--space-3);padding-block:var(--space-4)}.site-header__search-form svg{width:20px;height:20px;flex-shrink:0;color:var(--text-muted)}.site-header__search-input{flex:1;border:0;background:none;font:var(--text-body);color:var(--ink)}.site-header__search-input:focus{outline:none}.site-header__search-input::placeholder{color:var(--text-muted)}.mobile-menu{position:fixed;top:0;right:18%;bottom:0;left:0;z-index:60;background:var(--paper);display:flex;flex-direction:column;transform:translate(-100%);transition:transform .28s ease}.mobile-menu.is-open{transform:translate(0)}.mobile-menu__scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;background:#0e0f1166;opacity:0;pointer-events:none;transition:opacity .28s ease}.mobile-menu__scrim.is-open{opacity:1;pointer-events:auto}.mobile-menu__head{display:flex;align-items:center;justify-content:space-between;height:var(--header-h);border-bottom:1px solid var(--line);flex-shrink:0}.mobile-menu__nav{flex:1;overflow-y:auto;padding-block:var(--space-4)}.mobile-menu__nav a,.mobile-menu__nav summary{display:flex;align-items:center;justify-content:space-between;padding:.9rem 0;font:600 1.0625rem/1.2 var(--font-body);text-decoration:none;color:var(--ink);border-bottom:1px solid var(--line);cursor:pointer;list-style:none}.mobile-menu__nav summary::-webkit-details-marker{display:none}.mobile-menu__nav summary svg{width:14px;height:14px}.mobile-menu__sub{padding-left:var(--space-4)}.mobile-menu__sub a{border-bottom:1px solid var(--line);font-weight:400;font-size:.9375rem}.mobile-menu__foot{padding-block:var(--space-5);flex-shrink:0}@media(max-width:989px){.site-header__nav{display:none}.site-header__burger{display:inline-flex}.site-header__bar{grid-template-columns:auto 1fr auto}}@media(max-width:480px){.mobile-menu{top:0;right:12%;bottom:0;left:0}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/component-header.css.map */