:root{--header-bar-h: 64px;--header-strip-h: 0px;--header-icon-stroke: 1.25}@media(min-width:1024px){:root{--header-bar-h: 80px;--header-strip-h: 36px}}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;isolation:isolate}body:not(.has-transparent-header){padding-top:calc(var(--header-strip-h) + var(--header-bar-h))}.utility-strip{display:none;height:var(--header-strip-h);background-color:var(--color-fg);color:var(--color-bg)}@media(min-width:1024px){.utility-strip{display:block}}.utility-strip__inner{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;height:var(--header-strip-h);padding:0 var(--gutter-lg);font-family:var(--font-body);font-size:var(--fs-xs);font-weight:500;letter-spacing:.1em;text-transform:uppercase}.utility-strip__zone--left{justify-self:start}.utility-strip__zone--center{justify-self:center}.utility-strip__zone--right{justify-self:end}.site-header__bar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;height:var(--header-bar-h);padding:0 var(--gutter);background-color:var(--color-bg);color:var(--color-fg);border-bottom:1px solid var(--color-border);transition:background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base)}@media(min-width:1024px){.site-header__bar{grid-template-columns:1fr auto 1fr;padding:0 var(--gutter-lg)}}.has-transparent-header .site-header .site-header__bar{background-color:transparent;border-bottom-color:transparent;color:var(--color-bg)}.has-transparent-header .site-header .utility-strip{background-color:transparent;color:var(--color-bg);border-bottom-color:transparent}.has-transparent-header .site-header.site-header--scrolled .site-header__bar{background-color:var(--color-bg);border-bottom-color:var(--color-border);color:var(--color-fg)}.has-transparent-header .site-header.site-header--scrolled .utility-strip{background-color:var(--color-fg);color:var(--color-bg)}.site-header__logo{font-family:var(--font-display);font-weight:400;font-size:var(--fs-base);letter-spacing:var(--ls-wide);text-transform:uppercase;color:inherit;text-decoration:none;white-space:nowrap;justify-self:center;line-height:1}@media(min-width:1024px){.site-header__logo{font-size:var(--fs-lg);justify-self:start}}.site-header__nav{display:none;list-style:none;margin:0;padding:0}@media(min-width:1024px){.site-header__nav{display:flex;gap:var(--space-8);justify-self:center}}.site-header__nav-item{position:relative}.site-header__nav-link{display:inline-flex;align-items:center;gap:var(--space-1);font-family:var(--font-body);font-size:var(--fs-xs);font-weight:300;letter-spacing:var(--ls-wide);text-transform:uppercase;color:inherit;text-decoration:none;background:none;border:0;cursor:pointer;padding:var(--space-3) 0;line-height:1}.site-header__chevron{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--transition-base);flex-shrink:0}.site-header__country-toggle[aria-expanded=true] .site-header__chevron{transform:rotate(180deg)}.site-header__dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%,-4px);min-width:240px;padding:var(--space-3) 0;background-color:var(--color-bg);color:var(--color-fg);border:1px solid var(--color-border);box-shadow:0 12px 32px #1a1a1a0f;list-style:none;margin:0;opacity:0;visibility:hidden;transition:opacity var(--transition-base),transform var(--transition-base),visibility var(--transition-base)}.site-header__nav-item:hover>.site-header__dropdown,.site-header__nav-item:focus-within>.site-header__dropdown{opacity:1;visibility:visible;transform:translate(-50%)}.site-header__dropdown-link{display:block;padding:var(--space-2) var(--space-5);font-family:var(--font-body);font-size:var(--fs-xs);letter-spacing:.05em;text-transform:uppercase;color:var(--color-fg);text-decoration:none;transition:background-color var(--transition-base);white-space:nowrap}.site-header__dropdown-link:hover{background-color:var(--color-surface-raised)}.site-header__dropdown-divider{border:0;border-top:1px solid var(--color-border);margin:var(--space-2) 0}.site-header__utilities{display:flex;align-items:center;gap:var(--space-2);justify-self:end}@media(min-width:1024px){.site-header__utilities{gap:var(--space-4)}}.site-header__utility{display:flex;align-items:center;justify-content:center;background:none;border:0;padding:var(--space-2);color:inherit;cursor:pointer;text-decoration:none;position:relative;line-height:1}.site-header__utility svg{width:22px;height:22px;display:block;stroke:currentColor;fill:none;stroke-width:var(--header-icon-stroke);stroke-linecap:round;stroke-linejoin:round}.site-header__search-btn,.site-header__account{display:none}@media(min-width:1024px){.site-header__search-btn,.site-header__account{display:flex}}.site-header__country{position:relative}.site-header__country-toggle{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--fs-xs);font-weight:300;letter-spacing:var(--ls-wide);text-transform:uppercase;color:inherit;background:none;border:0;cursor:pointer;padding:var(--space-2) var(--space-3);line-height:1}.site-header__country-dropdown{position:absolute;top:100%;right:0;z-index:200;min-width:240px;padding:var(--space-3) 0;background-color:var(--color-bg);color:var(--color-fg);border:1px solid var(--color-border);box-shadow:0 12px 32px #1a1a1a0f;list-style:none;margin:0;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity var(--transition-base),transform var(--transition-base),visibility var(--transition-base)}.site-header__country-dropdown.is-open{opacity:1;visibility:visible;transform:translateY(0)}.site-header__country-row{display:block;padding:var(--space-2) var(--space-5);font-family:var(--font-body);font-size:var(--fs-sm);letter-spacing:.05em;text-transform:uppercase;color:var(--color-fg);text-decoration:none;transition:background-color var(--transition-base)}.site-header__country-row:hover{background-color:var(--color-surface-raised)}.site-header__bag{position:relative}.site-header__bag-count{position:absolute;top:2px;right:0;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background-color:var(--color-fg);color:var(--color-bg);font-family:var(--font-body);font-size:10px;font-weight:500;line-height:16px;text-align:center;letter-spacing:0}.has-transparent-header .site-header .site-header__bag-count{background-color:var(--color-bg);color:var(--color-fg)}.has-transparent-header .site-header.site-header--scrolled .site-header__bag-count{background-color:var(--color-fg);color:var(--color-bg)}.site-header__burger{justify-self:start}@media(min-width:1024px){.site-header__burger{display:none}}.search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;flex-direction:column;background-color:var(--color-bg);padding:var(--space-12) var(--gutter);opacity:0;visibility:hidden;transition:opacity var(--transition-slow),visibility var(--transition-slow)}@media(min-width:1024px){.search-overlay{padding:var(--space-16) var(--gutter-lg)}}.search-overlay.is-open{opacity:1;visibility:visible}.search-overlay__close{position:absolute;top:var(--space-6);right:var(--space-6);background:none;border:0;color:var(--color-fg);cursor:pointer;padding:var(--space-2);line-height:1}.search-overlay__close svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.25;stroke-linecap:round}.search-overlay__inner{width:100%;max-width:1200px;margin:0 auto;margin-top:var(--space-8)}.search-overlay__form{width:100%}.search-overlay__input{width:100%;font-family:var(--font-display);font-weight:400;font-size:var(--fs-2xl);background:transparent;border:0;border-bottom:1px solid var(--color-border);color:var(--color-fg);padding:var(--space-3) 0;outline:none;letter-spacing:var(--ls-tight)}@media(min-width:768px){.search-overlay__input{font-size:var(--fs-3xl)}}.search-overlay__input::placeholder{color:var(--color-text-muted);font-style:italic}.search-overlay__popular{margin-top:var(--space-10)}.search-overlay__popular-label{font-family:var(--font-body);font-size:var(--fs-xs);font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-muted);margin:0 0 var(--space-4) 0}.search-overlay__popular-list{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-6);list-style:none;margin:0;padding:0}.search-overlay__popular-link{font-family:var(--font-body);font-size:var(--fs-sm);letter-spacing:.1em;text-transform:uppercase;color:var(--color-fg);text-decoration:none;transition:opacity var(--transition-base)}.search-overlay__popular-link:hover{opacity:.55}.mobile-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;visibility:hidden;pointer-events:none}.mobile-drawer.is-open{visibility:visible;pointer-events:auto}.mobile-drawer__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0006;opacity:0;transition:opacity var(--transition-slow)}.mobile-drawer.is-open .mobile-drawer__backdrop{opacity:1}.mobile-drawer__panel{position:absolute;top:0;left:0;bottom:0;width:85%;max-width:420px;background-color:var(--color-bg);color:var(--color-fg);transform:translate(-100%);transition:transform var(--transition-slow);display:flex;flex-direction:column;padding:var(--space-6);overflow-y:auto}.mobile-drawer.is-open .mobile-drawer__panel{transform:translate(0)}.mobile-drawer__close{align-self:flex-end;background:none;border:0;color:inherit;cursor:pointer;padding:var(--space-2);line-height:1}.mobile-drawer__close svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.25;stroke-linecap:round}.mobile-drawer__search{margin-top:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:var(--space-3)}.mobile-drawer__search svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:var(--header-icon-stroke);stroke-linecap:round;stroke-linejoin:round;color:var(--color-text-muted);flex-shrink:0}.mobile-drawer__search input{flex:1;background:transparent;border:0;outline:none;font-family:var(--font-body);font-size:var(--fs-base);color:var(--color-fg);padding:var(--space-2) 0}.mobile-drawer__search input::placeholder{color:var(--color-text-muted)}.mobile-drawer__nav{display:flex;flex-direction:column;gap:var(--space-4);list-style:none;margin:var(--space-8) 0 0 0;padding:0}.mobile-drawer__nav-link{font-family:var(--font-display);font-weight:400;font-size:var(--fs-lg);line-height:var(--lh-tight);letter-spacing:.02em;color:var(--color-fg);text-decoration:none}.mobile-drawer__footer{margin-top:auto;padding-top:var(--space-6);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-3);font-family:var(--font-body);font-size:var(--fs-sm);letter-spacing:.1em;text-transform:uppercase}.mobile-drawer__footer a{color:var(--color-fg);text-decoration:none}
/*# sourceMappingURL=/cdn/shop/t/10/assets/header.css.map */