.header-shell{position:sticky;top:0;z-index:80;padding:calc(.5rem + env(safe-area-inset-top,0px)) .5rem 0}.header{position:relative;border:1px solid var(--line);border-radius:var(--radius-lg);background-color:var(--panel-bg);background-color:color-mix(in srgb,color-mix(in srgb,#fff var(--header-lift, 0%),var(--panel-bg)) var(--header-opacity, 100%),transparent);color:var(--color-text);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.header.is-scrolled{border-color:var(--line-strong);box-shadow:var(--shadow-sm)}.header__bar{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem;max-width:calc(var(--page-width) + var(--gutter) * 2);min-height:3rem;margin-inline:auto;padding-inline:calc(var(--gutter) - .75rem)}.header__side{display:flex;align-items:center;min-width:0}.header__side--end{justify-content:flex-end}.header__control{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.625rem;flex:none;min-width:2.75rem;height:2.75rem;border-radius:var(--radius);color:inherit;text-decoration:none;transition:background-color var(--dur-fast) var(--ease),opacity var(--dur-fast) var(--ease)}.header__control .icon{transition:transform var(--dur) var(--ease)}.header__menu-label{display:none;opacity:.75;transition:opacity var(--dur-fast) var(--ease)}@media(hover:hover){.header__control:hover{background-color:var(--hover-bg)}.header__menu:hover .icon{transform:translate(2px)}.header__menu:hover .header__menu-label{opacity:1}.header__search:hover .icon{transform:rotate(-8deg) scale(1.04)}.header__cart:hover .icon{transform:translateY(-1px)}.header__cart:hover .header__cart-count{transform:scale(1.1)}}.header__brand{display:flex;justify-content:center}.header__brand .wordmark{display:inline-flex;align-items:center;min-height:2.75rem;font-size:1.25rem;transition:opacity var(--dur) var(--ease),letter-spacing var(--dur) var(--ease),margin-right var(--dur) var(--ease)}@media(hover:hover){.header__brand .wordmark:hover{opacity:.8;letter-spacing:.1em;margin-right:-.1em}}.header__cart-count{position:absolute;top:.3rem;right:.2rem;min-width:1rem;height:1rem;padding-inline:.25rem;border-radius:var(--radius);background:var(--color-accent);color:var(--color-on-accent);font-size:.625rem;font-weight:var(--font-medium-weight);line-height:1rem;text-align:center;transition:transform var(--dur-fast) var(--ease)}.header__theme{display:none;margin-right:.5rem}@media(min-width:750px){.header-shell{padding:.75rem 1rem 0}.header__bar{min-height:4rem}.header__brand .wordmark{font-size:1.75rem}.header__menu{padding-inline:.875rem 1rem}.header__menu-label{display:inline}}@media(min-width:990px){.header__theme{display:flex}.header__bar{max-width:none;padding-inline:clamp(1rem,2.5vw,2.5rem)}}.menu-drawer__nav{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:1rem 1.5rem 2rem}.menu-drawer__list{margin:0}.menu-drawer__item{border-bottom:1px solid var(--line)}.menu-drawer__link{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:3.5rem;padding-block:.75rem;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:1.375rem;letter-spacing:-.02em;line-height:1.15;text-decoration:none;list-style:none;cursor:pointer}.menu-drawer__link::-webkit-details-marker{display:none}.menu-drawer__link[aria-current=page],.menu-drawer__sublink[aria-current=page]{color:var(--color-muted)}.menu-drawer__link .icon--chevron{color:var(--color-muted);transition:transform var(--dur) var(--ease)}.menu-drawer__details[open]>.menu-drawer__link .icon--chevron{transform:rotate(180deg)}.menu-drawer__sublist{margin:0;padding-bottom:.75rem}.menu-drawer__sublist--nested{padding:0 0 .25rem 1rem}.menu-drawer__sublink{display:flex;align-items:center;min-height:2.75rem;color:var(--color-text);text-decoration:none}.menu-drawer__footer{display:grid;gap:.25rem;padding:1.25rem 1.5rem calc(1rem + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line)}.menu-drawer__theme{display:grid;gap:.75rem}.no-js .menu-drawer__theme{display:none}.menu-drawer__account{display:inline-flex;align-items:center;justify-self:start;min-height:2.75rem;text-decoration:none}@media(prefers-reduced-motion:no-preference){.menu-drawer .menu-drawer__item{opacity:0;transform:translate(-.5rem);transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease)}.menu-drawer.is-open .menu-drawer__item{opacity:1;transform:none;transition-delay:calc(50ms + var(--i, 0) * 24ms)}}.menu-drawer:target .menu-drawer__item{opacity:1;transform:none}.header__brand,.header__theme,.header__search{transition:opacity var(--dur-fast) var(--ease),transform var(--dur) var(--ease),visibility 0s linear var(--dur-fast)}.header__search-form{position:absolute;top:50%;right:var(--search-right, 3.5rem);left:var(--search-left, 4rem);display:flex;align-items:center;gap:.5rem;height:2.75rem;margin-top:-1.375rem;padding-inline:.75rem 0;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--hover-bg);opacity:0;visibility:hidden;clip-path:inset(0 0 0 100%);transform:translate(2rem);transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease),clip-path var(--dur) var(--ease),visibility 0s linear var(--dur)}.header__search-form>.icon{flex:none;color:var(--color-muted)}.header__search-input{flex:1;min-width:0;height:100%;padding:0;border:0;border-radius:0;background:transparent;color:var(--color-text);font-size:1rem;outline:none;appearance:none;-webkit-appearance:none}.header__search-input::placeholder{color:var(--color-muted);opacity:1}.header__search-input::-webkit-search-cancel-button{display:none}.header__search-form:focus-within{border-color:var(--color-text)}.header.is-search-open .header__search-form{opacity:1;visibility:visible;clip-path:inset(0);transform:none;transition-delay:60ms,60ms,0s,0s}.header.is-search-open .header__brand{opacity:0;visibility:hidden;transform:translate(-1.5rem)}.header.is-search-open .header__theme,.header.is-search-open .header__search{opacity:0;visibility:hidden}.header__search-results{position:absolute;top:calc(100% + .5rem);right:var(--search-right, 3.5rem);left:var(--search-left, 4rem);max-height:min(60vh,28rem);overflow-y:auto;overscroll-behavior:contain;padding:.25rem 1rem .5rem;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel-bg);box-shadow:var(--shadow-lg)}.header__search-results:empty,.header:not(.is-search-open) .header__search-results{display:none}.predictive{margin:0;padding-top:.5rem}.predictive__item{display:grid;grid-template-columns:3.5rem minmax(0,1fr) auto;align-items:center;gap:1rem;padding-block:.625rem;text-decoration:none;transition:opacity var(--dur-fast) var(--ease)}@media(hover:hover){.predictive__item:hover{opacity:.7}}.predictive__media{overflow:hidden;aspect-ratio:1 / 1;border-radius:var(--radius);background:var(--color-surface)}.predictive__image{width:100%;height:100%;object-fit:cover}.predictive__title{overflow:hidden;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);text-overflow:ellipsis;white-space:nowrap}.predictive__price{color:var(--color-muted);font-size:.9375rem}.predictive__all,.predictive__empty{display:inline-flex;align-items:center;gap:.5rem;min-height:2.75rem;margin-top:.5rem}.predictive__all{text-decoration:none}.predictive__empty{color:var(--color-muted)}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-header.css.map */