.header-section{position:relative;z-index:var(--z-header)}.header-section:has(>.site-header[data-sticky=always]),.header-section:has(>.site-header[data-sticky=scroll-up]){position:sticky;inset-block-start:0}.header-section:has(>.site-header--transparent){block-size:0}.site-header{display:block;position:relative}.site-header__bar{position:relative;border-block-end:var(--border-width) solid transparent;transition:background-color var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out),visibility 0s linear 0s}.site-header--border .site-header__bar,.site-header.is-scrolled:not([data-sticky=none]) .site-header__bar{border-block-end-color:var(--color-border)}.site-header.is-hidden .site-header__bar{visibility:hidden;transform:translateY(calc(-100% - var(--border-width)));transition:background-color var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-in-out),visibility 0s linear var(--duration-base)}.site-header__inner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"menu logo utilities";align-items:center;column-gap:var(--space-2);min-block-size:4rem;padding-block:var(--space-2)}.site-header--logo-center .site-header__inner{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.site-header__menu-toggle{grid-area:menu;justify-self:start;margin-inline-start:calc(var(--space-3) * -1)}.site-header__logo{grid-area:logo;justify-self:start}.site-header--logo-center .site-header__logo{justify-self:center}.site-header__nav,.site-header__hint{grid-area:nav;display:none}.site-header__utilities{grid-area:utilities;display:flex;align-items:center;justify-content:flex-end;justify-self:end;margin-inline-end:calc(var(--space-3) * -1)}@media screen and (min-width:990px){.site-header__inner{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"logo nav utilities";column-gap:var(--space-6);min-block-size:4.75rem}.site-header--logo-center .site-header__inner{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"nav logo utilities"}.site-header__menu-toggle{display:none}.site-header__nav,.site-header__hint{display:block;justify-self:center}.site-header--logo-center .site-header__nav,.site-header--logo-center .site-header__hint{justify-self:start}.site-header--logo-center .site-header__nav{margin-inline-start:calc(var(--space-3) * -1)}.site-header__utilities{margin-inline-end:0}}.site-header__hint{margin:0;max-inline-size:22rem;font-size:var(--font-size-caption);color:var(--color-text-muted)}.site-header__logo{display:inline-flex;align-items:center;min-block-size:44px;max-inline-size:100%;color:inherit;text-decoration:none}.site-header__logo-img{inline-size:var(--logo-width-mobile);max-inline-size:100%;block-size:auto}.site-header__logo-img--inverse{display:none}.site-header__wordmark{display:block;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:var(--font-size-h4);line-height:1.1;letter-spacing:var(--letter-spacing-heading);overflow-wrap:anywhere;text-wrap:balance}@media screen and (min-width:990px){.site-header__logo-img{inline-size:var(--logo-width)}}.site-header__icon{position:relative;color:inherit;text-decoration:none}.site-header__cart-count{position:absolute;inset-block-start:.375rem;inset-inline-end:.125rem;display:inline-grid;place-items:center;min-inline-size:1.125rem;block-size:1.125rem;padding-inline:.25rem;font-family:var(--font-body-family);font-weight:var(--font-body-weight-bold);font-size:calc(var(--font-size-caption) * .82);font-variant-numeric:tabular-nums;line-height:1;color:var(--color-on-primary);background-color:var(--color-primary);border-radius:1rem;pointer-events:none}.site-header__cta{display:none}@media screen and (min-width:990px){.site-header__cta{display:inline-flex;margin-inline-start:var(--space-3);white-space:nowrap}}.header-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;column-gap:var(--space-1)}.site-header--logo-center .header-nav{justify-content:flex-start}.header-nav__item{position:relative}.header-nav__item--mega{position:static}.header-nav__link{position:relative;display:inline-flex;align-items:center;gap:var(--space-1);min-block-size:44px;padding-inline:var(--space-3);font-size:var(--font-size-small);line-height:1.2;letter-spacing:.005em;color:inherit;text-decoration:none;white-space:nowrap;border-radius:var(--radius-small);cursor:pointer;list-style:none}.header-nav__summary::-webkit-details-marker{display:none}.header-nav__summary::marker{content:""}.header-nav__link:after{content:"";position:absolute;inset-inline:var(--space-3);inset-block-end:.5rem;block-size:var(--border-width);background-color:currentColor;transform:scaleX(0);transition:transform var(--duration-base) var(--ease-out)}.header-nav__summary:after{inset-inline-end:calc(var(--space-3) + 1em + var(--space-1))}.header-nav__link[aria-current=page]:after,.header-nav__summary.is-active:after{transform:scaleX(1)}@media(hover:hover){.header-nav__link:hover:after{transform:scaleX(1)}}.header-nav__chevron{color:var(--color-text-muted);transition:transform var(--duration-base) var(--ease-out)}.header-dropdown[open]>.header-nav__summary .header-nav__chevron{transform:rotate(180deg)}.header-dropdown[open]>.header-nav__summary:after{transform:scaleX(1)}.header-dropdown__panel{position:absolute;inset-block-start:calc(100% + var(--space-2));inset-inline-start:0;z-index:2;min-inline-size:15rem;max-inline-size:min(22rem,calc(100vw - 2 * var(--gutter)));padding:var(--space-3);color:var(--color-text);background-color:var(--color-background);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-medium);box-shadow:var(--shadow-soft)}.header-nav__item:nth-last-child(-n+2):not(:first-child,.header-nav__item--mega) .header-dropdown__panel{inset-inline-start:auto;inset-inline-end:0}.header-dropdown__list{display:grid;gap:0}.header-dropdown__link{display:flex;align-items:center;min-block-size:44px;padding-inline:var(--space-3);font-size:var(--font-size-small);line-height:1.35;color:inherit;text-decoration:none;border-radius:var(--radius-small);transition:background-color var(--duration-fast) var(--ease-out)}.header-dropdown__link[aria-current=page]{text-decoration:underline;text-decoration-thickness:var(--border-width);text-underline-offset:.3em}@media(hover:hover){.header-dropdown__link:hover{background-color:rgb(var(--color-text-rgb) / .05)}}.header-dropdown__all{margin-block-start:var(--space-2);padding-inline:var(--space-3);font-size:var(--font-size-small)}.header-dropdown__panel:not(.header-dropdown__panel--mega) .header-dropdown__all{display:flex;margin-block-start:var(--space-2);padding-block-start:var(--space-2);border-block-start:var(--border-width) solid var(--color-border)}.header-dropdown__panel--mega{inset-block-start:100%;inset-inline:0;min-inline-size:0;max-inline-size:none;padding:0;padding-block:var(--space-6) var(--space-7);border-inline:0;border-block-end:var(--border-width) solid var(--color-border);border-radius:0}.header-dropdown__panel--mega .header-dropdown__list{grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:var(--space-6)}.header-dropdown__panel--mega .header-dropdown__link{margin-inline:calc(var(--space-3) * -1)}.header-dropdown__link--heading{font-weight:var(--font-body-weight-bold)}.header-dropdown__sublist{display:grid}.header-dropdown__link--sub{color:var(--color-text-muted)}@media(hover:hover){.header-dropdown__link--sub:hover{color:var(--color-text)}}.header-dropdown__panel--mega .header-dropdown__all{margin-block-start:var(--space-5);padding-inline:0}.site-header--transparent:not(.is-scrolled:not([data-sticky=none]),:hover,:has(:focus-visible),:has(.site-header__nav details[open])) .site-header__bar{--color-text: var(--header-transparent-text);--color-text-rgb: var(--header-transparent-text-rgb);--color-text-muted: var(--header-transparent-text-muted);--color-primary: var(--header-transparent-primary);--color-primary-rgb: var(--header-transparent-primary-rgb);--color-on-primary: var(--header-transparent-on-primary);color:var(--color-text);background-color:transparent;border-block-end-color:transparent}.site-header--transparent:not(.is-scrolled:not([data-sticky=none]),:hover,:has(:focus-visible),:has(.site-header__nav details[open])) .site-header__logo--has-inverse .site-header__logo-img--default{display:none}.site-header--transparent:not(.is-scrolled:not([data-sticky=none]),:hover,:has(:focus-visible),:has(.site-header__nav details[open])) .site-header__logo--has-inverse .site-header__logo-img--inverse{display:block}.header-drawer__body{display:flex;flex-direction:column;gap:var(--space-6);padding-block-start:var(--space-2)}.header-drawer__item{border-block-end:var(--border-width) solid var(--color-border)}.header-drawer__link{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-block-size:3.5rem;padding-block:var(--space-2);font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:var(--font-size-h4);line-height:1.2;letter-spacing:calc(var(--letter-spacing-heading) * .5);color:inherit;text-decoration:none;cursor:pointer;list-style:none}.header-drawer__summary::-webkit-details-marker{display:none}.header-drawer__summary::marker{content:""}.header-drawer__link[aria-current=page]{text-decoration:underline;text-decoration-thickness:var(--border-width);text-underline-offset:.25em}.header-drawer__chevron{flex:none;color:var(--color-text-muted);transition:transform var(--duration-base) var(--ease-out)}.header-drawer__details[open]>.header-drawer__summary>.header-drawer__chevron{transform:rotate(180deg)}.header-drawer__sublist{display:grid;padding-block-end:var(--space-4)}.header-drawer__sublist--nested{margin-inline-start:var(--space-1);padding-block-end:var(--space-2);padding-inline-start:var(--space-4);border-inline-start:var(--border-width) solid var(--color-border)}.header-drawer__sublink{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-block-size:44px;font-size:var(--font-size-body);line-height:1.35;color:var(--color-text-muted);text-decoration:none;cursor:pointer;list-style:none}.header-drawer__sublink[aria-current=page],.header-drawer__details--nested[open]>.header-drawer__summary{color:var(--color-text)}.header-drawer__sublink[aria-current=page]{text-decoration:underline;text-decoration-thickness:var(--border-width);text-underline-offset:.25em}.header-drawer__sublink--all{justify-content:flex-start;color:var(--color-text);text-decoration:underline;text-decoration-thickness:var(--border-width);text-decoration-color:rgb(var(--color-text-rgb) / .4);text-underline-offset:.25em}@media(hover:hover){.header-drawer__sublink:hover{color:var(--color-text)}}.header-drawer__utilities{display:grid}.header-drawer__utility{display:flex;align-items:center;gap:var(--space-3);min-block-size:44px;font-size:var(--font-size-small);color:inherit;text-decoration:none}.header-drawer__utility .icon{color:var(--color-text-muted)}@media(hover:hover){.header-drawer__utility:hover span{text-decoration:underline;text-decoration-thickness:var(--border-width);text-underline-offset:.25em}}.header-drawer__footer{display:grid;gap:var(--space-4)}.header-drawer__social{margin-inline-start:calc(var(--space-3) * -1)}@media screen and (max-width:989px){html.no-js .site-header__menu-toggle{display:none}html.no-js .site-header__inner{grid-template-areas:"menu logo utilities" "nav nav nav"}html.no-js .site-header__nav{display:block;overflow-x:auto;margin-inline:calc(var(--space-3) * -1)}html.no-js .header-nav{flex-wrap:nowrap;justify-content:flex-start}}@media(prefers-reduced-motion:no-preference){.header-dropdown[open]>.header-dropdown__panel{animation:header-dropdown-in var(--duration-base) var(--ease-out)}}@media(prefers-reduced-motion:reduce){.site-header__bar,.site-header.is-hidden .site-header__bar{transition-duration:0s}}@keyframes header-dropdown-in{0%{opacity:0;transform:translateY(-.25rem)}}@media(forced-colors:active){.site-header__bar{border-block-end-color:CanvasText}.site-header__cart-count{border:1px solid CanvasText}.header-nav__link:after{background-color:CanvasText}}@media print{.header-section{position:static;block-size:auto}.site-header__menu-toggle,.site-header__nav,.site-header__utilities{display:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-header.css.map */