.header{--header-layer-bar: 2;--header-layer-panel: 1;position:relative;z-index:var(--z-header);background-color:var(--color-surface);border-block-end:1px solid var(--color-line)}.header-section:has([data-sticky=true]){position:sticky;inset-block-start:calc(var(--header-brand-height) * -1);z-index:var(--z-header)}html.is-panel-open .header-section{position:fixed;inset-block-start:0;inset-inline:0;z-index:var(--z-header)}.header__brand{position:relative;z-index:var(--header-layer-bar);background-color:var(--color-surface);border-block-end:1px solid var(--color-line)}.header__brand-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-sm);min-block-size:var(--header-brand-height)}.header__logo{grid-column:2;display:flex;flex-direction:column;align-items:center;gap:.375rem;min-inline-size:0}.header__logo-link{position:relative;display:block;text-decoration:none}.header__logo-link:before{content:"";position:absolute;inset-block:50%;inset-inline:0;block-size:2.75rem;transform:translateY(-50%)}.header__logo-text{display:block;font-family:var(--font-display-family);font-size:clamp(1.5rem,6vw,2.25rem);font-weight:var(--weight-regular);line-height:1;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;margin-inline-end:-.18em}.header__logo-image{inline-size:var(--logo-width);max-inline-size:100%;block-size:auto}.header__tagline{font-size:var(--text-2xs);letter-spacing:.26em;margin-inline-end:-.26em;text-align:center}.header__microline{font-size:var(--text-2xs);line-height:1.5;display:none}.header__microline--end{justify-self:end;text-align:end}@media(min-width:990px){.header__logo-text{font-size:2.875rem}.header__microline{display:block}}.header__bar{position:relative;z-index:var(--header-layer-bar);background-color:var(--color-surface)}.header__bar-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);min-block-size:var(--header-bar-height)}.header__start,.header__end{display:flex;align-items:center;min-inline-size:0}.header__start{margin-inline-start:-.625rem}.header__end{gap:var(--space-3xs);margin-inline-end:-.625rem}@media(min-width:990px){.header__end{gap:var(--space-2xs)}}.header__action{position:relative;display:inline-flex;align-items:center;justify-content:center;inline-size:2.75rem;block-size:2.75rem;color:var(--color-text);text-decoration:none;transition:color var(--duration-base) var(--ease-out)}@media(hover:hover){.header__action:hover{color:var(--color-clay)}}.header__action--wide{display:none}@media(min-width:990px){.header__action--wide{display:inline-flex}}.header__cart-count[data-empty=true]{display:none}.header__cart-count{position:absolute;inset-block-start:.375rem;inset-inline-end:.25rem;display:grid;place-items:center;min-inline-size:1.125rem;block-size:1.125rem;padding-inline:.25rem;border-radius:var(--radius-pill);background-color:var(--color-clay);color:var(--color-surface);font-size:var(--text-2xs);font-weight:var(--weight-semibold);line-height:1;font-variant-numeric:tabular-nums}.header__icon--close,.header__menu-toggle[aria-expanded=true] .header__icon--menu{display:none}.header__menu-toggle[aria-expanded=true] .header__icon--close{display:block}@media(min-width:990px){.header__menu-toggle{display:none}}@media(max-width:989px){.header__nav{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--header-layer-panel);background-color:var(--color-surface);padding-block:calc(var(--header-brand-height) + var(--header-bar-height) + var(--space-xl)) var(--space-2xl);padding-inline:var(--page-gutter);overflow-y:auto;overscroll-behavior:contain;opacity:0;visibility:hidden;transform:translateY(-.5rem);transition:opacity var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out),visibility 0s linear var(--duration-base)}.header__nav[data-panel-open=true]{opacity:1;visibility:visible;transform:none;transition-delay:0s}.header__nav-list{display:flex;flex-direction:column;gap:var(--space-md);max-inline-size:28rem}.header__nav-link{position:relative;display:inline-block;font-family:var(--font-heading-family);font-size:var(--text-2xl);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight);text-decoration:none}.header__nav-link:before{content:"";position:absolute;inset-block:50%;inset-inline:-.5rem;block-size:2.75rem;transform:translateY(-50%)}.header__nav-link[data-highlight=true]{color:var(--color-clay)}}@media(min-width:990px){.header__nav-list{display:flex;align-items:center;gap:clamp(1.25rem,2.4vw,2.5rem)}.header__nav-link{position:relative;display:inline-block;padding-block:var(--space-2xs);font-size:var(--text-sm);font-weight:var(--weight-medium);letter-spacing:var(--tracking-ui);text-decoration:none;white-space:nowrap}.header__nav-link[data-highlight=true]{color:var(--color-clay)}.header__nav-link:after{content:"";position:absolute;inset-inline:0;inset-block-end:0;block-size:1px;background-color:currentColor;transform:scaleX(0);transition:transform var(--duration-base) var(--ease-out)}.header__nav-link[data-active=true]:after,.header__nav-link:hover:after,.header__nav-link:focus-visible:after{transform:scaleX(1)}}@media(max-width:989px){.header__search{position:absolute;inset-inline:0;inset-block-start:100%;z-index:var(--header-layer-panel);background-color:var(--color-surface);border-block-end:1px solid var(--color-line);opacity:0;visibility:hidden;transform:translateY(-.5rem);transition:opacity var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out),visibility 0s linear var(--duration-base)}.header__search[data-panel-open=true]{opacity:1;visibility:visible;transform:none;transition-delay:0s}.header__search-inner{display:flex;align-items:center;gap:var(--space-sm);padding-block:var(--space-md)}.header__search-form{flex:1 1 auto;min-inline-size:0}.header__search-close{flex:0 0 auto;margin-inline-end:-.625rem}}.header__search-form{position:relative}.header__predictive{position:absolute;inset-inline:0;inset-block-start:calc(100% + var(--space-2xs));z-index:var(--header-layer-panel);max-block-size:min(60vh,26rem);overflow-y:auto;overscroll-behavior:contain;background-color:var(--color-surface);border:1px solid var(--color-line);opacity:0;visibility:hidden;transition:opacity var(--duration-fast) var(--ease-out),visibility 0s linear var(--duration-fast)}[data-predictive-open=true] .header__predictive:not(:empty){opacity:1;visibility:visible;transition-delay:0s}.header__predictive-busy{position:absolute;inset-inline-start:var(--space-sm);inset-block-start:calc(100% + var(--space-sm));z-index:var(--header-layer-panel);font-size:var(--text-xs);color:var(--color-text-subtle);opacity:0;pointer-events:none}[data-predictive-busy=true] .header__predictive-busy{opacity:1}.predictive__list{padding-block:var(--space-2xs)}.predictive__group{padding:var(--space-2xs) var(--space-sm) var(--space-3xs)}.predictive__group-title{color:var(--color-text-subtle)}.predictive__item{cursor:pointer}.predictive__item.is-active,.predictive__item:hover{background-color:var(--color-background);box-shadow:inset calc(2px * var(--flip)) 0 0 0 var(--color-text)}.predictive__link{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-2xs) var(--space-sm);min-block-size:3.5rem;text-decoration:none;color:inherit}.predictive__item--plain .predictive__link{min-block-size:2.75rem}.predictive__media{flex:0 0 auto;inline-size:3.5rem}.predictive__text{display:flex;flex-direction:column;gap:.125rem;min-inline-size:0}.predictive__title{font-size:var(--text-sm);font-weight:var(--weight-medium);letter-spacing:var(--tracking-ui);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.predictive__price{font-size:var(--text-xs);color:var(--color-text-subtle);font-variant-numeric:tabular-nums}.predictive__empty{padding:var(--space-md) var(--space-sm);font-size:var(--text-sm);color:var(--color-text-subtle)}.predictive__all{display:block;padding:var(--space-xs) var(--space-sm) var(--space-sm);font-size:var(--text-sm)}@media(min-width:990px){.header__search-toggle,.header__search-close{display:none}.header__search{flex:0 1 auto;min-inline-size:0;margin-inline-end:var(--space-2xs)}.header__search-inner{padding:0;max-inline-size:none}.header__search-form{inline-size:clamp(12rem,22vw,20rem)}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-header.css.map */