.header{position:relative;left:0;right:0;width:100%;transition:background-color .2s ease,border-color .2s ease,color .2s ease}@media(prefers-reduced-motion:reduce){.header{transition:none}}.header--transparent{background-color:transparent;border-bottom:1px solid transparent;color:var(--header-transparent-color)}.header--solid{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);color:var(--color-text-primary)}.header-inner{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:32px;max-width:none;margin:0 auto;padding:0 var(--side, clamp(16px, 4.83vw, 32px));height:64px}.header-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;display:inline-flex;align-items:center;flex-shrink:0;max-width:50%;text-decoration:none;color:inherit}.header-logo-text{font-family:var(--font-body);font-size:22px;font-weight:600;color:inherit;letter-spacing:.14em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-logo-img{height:44px;max-height:44px;width:auto;max-width:240px;object-fit:contain}@media(max-width:1023px){.header-logo-img{height:32px;max-height:32px;max-width:160px}.header-logo-text{font-size:17px}}.header.header--transparent .logo-img--dark-invert{filter:brightness(0) invert(1)}.header.header--transparent .logo-img--light-darken{filter:none}.header-logo-img--transparent,.header.header--transparent .header-logo--has-transparent .header-logo-img--default{display:none}.header.header--transparent .header-logo--has-transparent .header-logo-img--transparent{display:block;filter:none}.header.header--logo-h-m .header-logo-img{height:var(--logo-h-m)!important;max-height:none!important;max-width:none!important}@media(min-width:1024px){.header.header--logo-h-d .header-logo-img{height:var(--logo-h-d)!important;max-height:none!important;max-width:none!important}}.header-menu-btn{display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 6px;margin-right:14px;border:0;background:transparent;color:inherit;cursor:pointer;font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;flex-shrink:0}.header-menu-btn:focus-visible{outline:2px solid currentColor;outline-offset:2px;border-radius:2px}.header-icons{display:flex;align-items:center;gap:20px;margin-left:auto;flex-shrink:0}.header-icon-btn{position:relative;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:none;border:none;cursor:pointer;color:inherit;text-decoration:none;transition:opacity .2s ease}.header-icon-btn svg{width:18px;height:18px}.header-icon-btn:hover{opacity:.6}.header-icon-btn:focus-visible{outline:2px solid currentColor;outline-offset:2px;border-radius:2px}@media(prefers-reduced-motion:reduce){.header-icon-btn{transition:none}}.header-fav-btn{display:inline-flex;align-items:center;justify-content:center;color:inherit;text-decoration:none}.header-cart-btn{overflow:visible}.header-cart-badge{position:absolute;top:1px;right:1px;min-width:0;width:6px;height:6px;padding:0;border-radius:9999px;background:currentColor;color:transparent;font-size:0;line-height:0;pointer-events:none}.header-cart-badge[hidden]{display:none}.header-search-inline{display:none;align-items:center;gap:8px;padding:0 0 6px;margin:0;border-bottom:1px solid var(--color-line)}.header-search-inline:focus-within{border-bottom-color:currentColor}.header-search-inline-submit{display:flex;align-items:center;justify-content:center;border:0;background:transparent;padding:0;cursor:pointer;color:inherit;flex-shrink:0}.header-search-inline-input{min-width:110px;width:150px;border:0;outline:0;background:transparent;font-family:var(--font-body);font-size:13px;color:inherit}.header-search-inline-input::placeholder{color:var(--color-text-muted)}.header--transparent .header-search-inline-input::placeholder{color:inherit;opacity:.75}.header-search-inline-input::-webkit-search-decoration,.header-search-inline-input::-webkit-search-cancel-button{-webkit-appearance:none}.header-icon-btn--search{display:flex}@media(min-width:1024px){.header-search-inline{display:flex}.header-icon-btn--search{display:none}}@media(max-width:1023px){.header-inner{gap:10px}.header-menu-btn{order:0;margin-right:2px;padding:0 4px;height:36px}.header-menu-btn-label{display:none}.header-logo{order:1}.header-icons{order:2;margin-left:auto;gap:4px}.header-search-inline{display:none!important}.header-icons .header-icon-btn{width:36px;height:36px}.header-icons .header-icon-btn svg{width:20px;height:20px}}@media(max-width:767px){.header-icons .header-icon-btn:not(.header-icon-btn--search):not(.header-cart-btn){display:none}}.mobile-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:var(--z-overlay, 1000);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.mobile-drawer-overlay--open{opacity:1;visibility:visible}.mobile-drawer{position:fixed;top:0;left:0;bottom:0;width:min(320px,85vw);max-width:100%;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;background:var(--color-surface);color:var(--color-text-primary);font-family:var(--font-body);transform:translate(-100%);transition:transform .35s cubic-bezier(.16,1,.3,1)}.mobile-drawer:focus{outline:none}@media(min-width:1024px){.mobile-drawer{width:clamp(420px,49vw,760px)}}.mobile-drawer--open{transform:translate(0)}@media(prefers-reduced-motion:reduce){.mobile-drawer-overlay,.mobile-drawer,.mobile-drawer-chevron{transition:none}}.mobile-drawer-header{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:0 var(--side, 20px);border-bottom:1px solid var(--color-border);flex-shrink:0}.mobile-drawer-logo{display:inline-flex;align-items:center;color:var(--color-text-primary);text-decoration:none}.mobile-drawer-logo .header-logo-text{font-size:16px;font-weight:700;letter-spacing:.1em}.mobile-drawer-logo .header-logo-img{height:32px;max-height:32px;width:auto;max-width:160px}.mobile-drawer-close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-left:auto;background:none;border:none;cursor:pointer;color:var(--color-text-primary);border-radius:2px}.mobile-drawer-close:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.mobile-drawer-color-mode{padding:12px var(--side, 20px) 8px}.mobile-drawer-color-mode .color-mode-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px}.mobile-drawer-color-mode .color-mode-toggle__btn{height:32px;padding:0 14px}.mobile-drawer-search{display:flex;align-items:center;gap:12px;margin:0 var(--side, 20px) 10px;padding:10px 0;border-bottom:1px solid var(--color-text-primary);flex-shrink:0}.mobile-drawer-search svg{flex-shrink:0}.mobile-drawer-search-input{flex:1;min-width:0;border:0;outline:none;background:transparent;font-family:var(--font-body);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-primary)}.mobile-drawer-search-input::placeholder{color:var(--color-text-muted)}.mobile-drawer-search-input::-webkit-search-decoration,.mobile-drawer-search-input::-webkit-search-cancel-button{-webkit-appearance:none}.mobile-drawer-list{list-style:none;margin:0;padding:12px var(--side, 20px) 18px}.mobile-drawer-item{margin:0}.mobile-drawer-link,.mobile-drawer-accordion{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:0;padding:7px 0;border:0;background:none;cursor:pointer;text-align:left;font-family:var(--font-body);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-primary);text-decoration:none;transition:color .15s ease}.mobile-drawer-link:hover,.mobile-drawer-accordion:hover{color:var(--color-text-muted)}.mobile-drawer-link[aria-current=page]{text-decoration:underline;text-underline-offset:4px}.mobile-drawer-link:focus-visible,.mobile-drawer-accordion:focus-visible,.mobile-drawer-sub-link:focus-visible,.mobile-drawer-deep-link:focus-visible,.mobile-drawer-section-link:focus-visible,.mobile-drawer-pill:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.mobile-drawer-chevron{flex-shrink:0;transition:transform .2s ease}.mobile-drawer-accordion--open .mobile-drawer-chevron{transform:rotate(180deg)}.mobile-drawer-sub-list{list-style:none;margin:0;padding:4px 0 10px 14px}.mobile-drawer-sub-list[hidden],.mobile-drawer-deep-list[hidden]{display:none}.mobile-drawer-sub-item{margin:0}.mobile-drawer-sub-link,.mobile-drawer-accordion--sub{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:5px 0;border:0;background:none;cursor:pointer;text-align:left;font-family:var(--font-body);font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-primary);text-decoration:none;transition:color .15s ease}.mobile-drawer-sub-link:hover,.mobile-drawer-accordion--sub:hover{color:var(--color-text-muted)}.mobile-drawer-deep-list{list-style:none;margin:0;padding:0 0 var(--space-xs) 14px}.mobile-drawer-deep-item{margin:0}.mobile-drawer-deep-link{display:block;padding:4px 0;font-family:var(--font-body);font-size:12px;letter-spacing:.04em;text-transform:none;color:var(--color-text-muted);text-decoration:none;transition:color .15s ease}.mobile-drawer-deep-link:hover{color:var(--color-text-secondary)}.mobile-drawer-section{padding:18px var(--side, 20px);border-top:1px solid var(--color-border)}.mobile-drawer-section-title{margin:0 0 12px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted)}.mobile-drawer-section-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.mobile-drawer-section-link{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-primary);text-decoration:none}.mobile-drawer-section-link:hover{color:var(--color-text-muted)}.mobile-drawer-pills{display:flex;flex-wrap:wrap;gap:10px;padding:22px var(--side, 20px) calc(28px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--color-border);margin-top:auto}.mobile-drawer-pill{display:inline-flex;align-items:center;padding:7px 12px;border:1px solid var(--color-text-primary);background:transparent;color:var(--color-text-primary);font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background .15s ease,color .15s ease}.mobile-drawer-pill:hover{background:var(--color-text-primary);color:var(--color-surface)}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-header.css.map */
