.section-header{position:relative;z-index:var(--z-header)}.js .section-header{top:0;transition:top var(--duration-base) var(--ease-out)}.js .section-header.is-hidden{top:calc(var(--header-height) * -1 - 4px)}site-header,header-nav,header-drawer,predictive-search{display:block}.header{position:relative;border-bottom:1px solid rgba(var(--color-text),.08)}.site-header{--header-side: max(calc(var(--touch-target) * var(--header-slots, 2)), var(--header-side-fit, 0px));--header-bleed: 10px}@media(min-width:750px){.site-header{--header-side: max(calc(var(--touch-target) * var(--header-slots-wide, 3)), var(--header-side-fit, 0px))}}.header__main{position:relative;padding-block:6px 0}.header__top{display:grid;grid-template-columns:minmax(0,var(--header-side)) minmax(0,1fr) minmax(0,var(--header-side));grid-template-areas:"menu logo actions";align-items:center;column-gap:var(--space-2);margin-inline:calc(var(--header-bleed) * -1)}.site-header.is-header-uneven .header__top{grid-template-columns:auto minmax(0,1fr) auto}.site-header.is-header-stacked .header__top{grid-template-columns:var(--touch-target) minmax(0,1fr) var(--touch-target);grid-template-areas:"menu logo ." "actions actions actions"}.site-header.is-header-stacked .header__actions{flex-wrap:wrap;justify-content:flex-end;max-width:100%}.header__apps,.header__core{display:contents}.site-header.is-header-stacked .header__apps,.site-header.is-header-stacked .header__core{display:flex;align-items:center}.site-header.is-header-stacked .header__apps{flex-wrap:wrap;justify-content:flex-end;max-width:100%}.header__menu{grid-area:menu;justify-self:start}.header__logo{grid-area:logo;display:flex;justify-content:center;min-width:0}.header__search{display:none;grid-area:search;min-width:0}.header__search-row{min-width:0;padding-block:4px 12px}.header__actions{grid-area:actions;justify-self:end;display:flex;align-items:center}@media(min-width:990px){.site-header:not(.is-nav-collapsed) .header__main{padding-block:14px}.site-header:not(.is-nav-collapsed) .header__top{grid-template-columns:minmax(max-content,1fr) minmax(280px,520px) minmax(max-content,1fr);grid-template-areas:"logo search actions";column-gap:var(--space-5);margin-inline:0}.site-header:not(.is-nav-collapsed) .header__menu,.site-header:not(.is-nav-collapsed) .header__search-row{display:none}.site-header:not(.is-nav-collapsed) .header__search{display:block}.site-header:not(.is-nav-collapsed) .header__logo{justify-content:flex-start}.site-header:not(.is-nav-collapsed) .header__actions{gap:var(--space-2)}}.header__logo-link{display:inline-flex;align-items:center;min-height:var(--touch-target)}.header__logo-link--image{min-width:0;max-width:100%}.header__logo-image{display:block;width:var(--logo-width-mobile, 110px);max-width:100%;height:auto}.header__logo-text{display:block;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:calc(var(--logo-width-mobile, 110px) * .15 * var(--logo-fit, 1));line-height:1;letter-spacing:.14em;margin-inline-end:-.14em;text-transform:uppercase;white-space:nowrap}@media(min-width:990px){.header__logo-image{width:var(--logo-width, 150px)}.header__logo-text{font-size:calc(var(--logo-width, 150px) * .15 * var(--logo-fit, 1))}}.search{position:relative;width:100%}.search__form{position:relative;margin:0}.search__input{display:block;width:100%;height:44px;margin:0;padding:0;padding-inline:48px 20px;border:1px solid transparent;border-radius:999px;background:rgb(var(--color-surface));color:rgb(var(--color-text));font-size:max(1rem,16px);line-height:1.25;text-overflow:ellipsis;-webkit-appearance:none;appearance:none;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.search__input::placeholder{color:rgb(var(--color-text-muted));opacity:1}@media(hover:hover){.search__input:hover{border-color:rgba(var(--color-text),.18)}}.search__input:focus{outline:none;background:rgb(var(--color-background));border-color:rgb(var(--color-accent));box-shadow:0 0 0 3px rgba(var(--color-accent),.2)}.search__submit{position:absolute;top:0;bottom:0;inset-inline-start:0;display:inline-flex;align-items:center;justify-content:center;width:48px;border-radius:999px;color:rgb(var(--color-text-muted))}@media(hover:hover){.search__submit:hover{color:rgb(var(--color-text))}}.search--mobile .search__input{height:48px}.header__action{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:var(--touch-target);min-height:var(--touch-target);border-radius:999px;color:inherit}.header__cart-block{display:inline-flex;align-items:center;gap:10px}.header__icon{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;width:var(--touch-target);height:var(--touch-target);border-radius:50%;transition:background-color var(--duration-fast) var(--ease-out)}@media(hover:hover){.header__action:hover .header__icon{background:rgb(var(--color-surface))}}.header__action.is-placeholder{opacity:.5;cursor:default}.header__badge{position:absolute;top:4px;inset-inline-end:0;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:rgb(var(--color-accent));color:rgb(var(--color-background));font-size:.6875rem;font-weight:var(--font-body-weight-bold, 700);line-height:18px;text-align:center;pointer-events:none}@media(min-width:990px){.site-header:not(.is-nav-collapsed) .header__icon{width:46px;height:46px;background:rgb(var(--color-surface))}.site-header:not(.is-nav-collapsed) .header__badge{top:2px;inset-inline-end:-2px}}@media(hover:hover)and (min-width:990px){.site-header:not(.is-nav-collapsed) .header__action:hover .header__icon{background:rgba(var(--color-text),.1)}}.header__label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}@media(min-width:1280px){.site-header:not(.is-nav-collapsed) .header__label{position:static;display:flex;flex-direction:column;justify-content:center;width:auto;height:auto;margin:0;overflow:visible;clip:auto;clip-path:none;line-height:1.25;text-align:start}.site-header:not(.is-nav-collapsed) .header__label-top{font-size:.75rem;color:rgb(var(--color-text-muted))}.site-header:not(.is-nav-collapsed) .header__label-main{font-size:.9375rem}.site-header:not(.is-nav-collapsed) .header__cart .header__label-main{max-width:104px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-header:not(.is-nav-collapsed) .header__action{padding-inline-end:6px}.site-header:not(.is-nav-collapsed) .header__wishlist{padding-inline-end:0}}.header__app{display:inline-flex;align-items:center;flex:none;max-width:100%}.header__nav{display:none}@media(min-width:990px){.header__nav{display:block}.site-header.is-nav-collapsed .header__nav{position:absolute;top:0;inset-inline:0;height:0;overflow:hidden;visibility:hidden;pointer-events:none}}.header__nav-inner{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;column-gap:var(--space-5);min-height:48px}.nav--secondary{margin-inline-start:auto}.nav--secondary .nav__list{flex-wrap:nowrap}.nav__list{display:flex;flex-wrap:wrap;align-items:center;margin:0;padding:0;list-style:none}.js .header__nav-inner,.js .nav__list{flex-wrap:nowrap}.nav--primary{margin-inline-start:-10px}.nav__item{display:flex;align-items:center;position:relative}.nav__link{position:relative;display:inline-flex;align-items:center;min-height:48px;padding-inline:10px;font-size:.9375rem;line-height:1.2;white-space:nowrap;color:rgb(var(--color-text))}.nav__link:after{content:"";position:absolute;inset-inline:10px;bottom:9px;height:2px;border-radius:2px;background:currentColor;transform:scaleX(0);transform-origin:left center;transition:transform var(--duration-base) var(--ease-out)}@media(hover:hover){.nav__link:hover:after{transform:scaleX(1)}}.nav__link[aria-current=page]:after,.nav__item.is-open>.nav__link:after{transform:scaleX(1)}.nav__link--highlight{color:rgb(var(--color-accent));font-weight:var(--font-body-weight-bold, 700)}.nav--secondary .nav__link{color:rgb(var(--color-text-muted))}@media(hover:hover){.nav--secondary .nav__link:hover{color:rgb(var(--color-text))}}.nav__button{display:inline-flex;align-items:center;gap:8px;min-height:40px;margin-inline-start:8px;padding:0 18px;border-radius:999px;background:rgb(var(--color-button));color:rgb(var(--color-button-label));font-size:.9375rem;font-weight:var(--font-body-weight-bold, 700);line-height:1.2;white-space:nowrap;transition:box-shadow var(--duration-fast) var(--ease-out)}@media(hover:hover){.nav__button:hover{box-shadow:inset 0 0 0 999px #0000001f}}@media(min-width:990px)and (max-width:1279px){.header__nav-inner{column-gap:var(--space-3)}.nav__link{padding-inline:8px;font-size:.875rem}.nav__link:after{inset-inline:8px}.nav__button{margin-inline-start:2px;padding:0 14px;font-size:.875rem}}.nav__item--parent>.nav__link{padding-inline-end:2px}.nav__toggle{display:inline-flex;align-items:center;justify-content:center;width:28px;height:44px;margin-inline-end:4px;color:rgb(var(--color-text));border-radius:8px}@media(pointer:coarse){.nav__toggle{width:var(--touch-target)}}.nav__toggle .icon{transition:transform var(--duration-fast) var(--ease-out)}header-nav:not(:defined) .nav__toggle{visibility:hidden}.nav__item.is-open>.nav__toggle .icon{transform:rotate(180deg)}.nav__panel{position:absolute;top:100%;inset-inline-start:0;z-index:2;min-width:240px;max-width:min(560px,92vw);padding:12px;background:rgb(var(--color-background));border:1px solid rgb(var(--color-border));border-top:0;border-radius:0 0 var(--radius-card) var(--radius-card);box-shadow:0 18px 36px #1414141f;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),visibility 0s linear var(--duration-fast)}header-nav:defined .nav__item.is-open>.nav__panel,header-nav:not(:defined) .nav__item--parent:hover>.nav__panel,header-nav:not(:defined) .nav__item--parent:focus-within>.nav__panel{opacity:1;visibility:visible;transform:none;transition-delay:0s}.nav__item--mega{position:static}.nav__item--mega>.nav__panel{inset-inline:0;max-width:none;min-width:0;padding:28px var(--page-gutter) 32px}.nav__sublist{display:grid;gap:2px;margin:0;padding:0;list-style:none}.nav__item--mega .nav__sublist{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:24px 32px;max-width:var(--page-width);margin-inline:auto}.nav__subsublist{display:grid;gap:2px;margin:4px 0 0;padding:0;list-style:none}.nav__sublink{display:block;padding:9px 12px;border-radius:8px;font-size:.9375rem;line-height:1.3;color:rgb(var(--color-text))}.nav__sublink--heading{font-weight:var(--font-body-weight-bold, 700)}.nav__sublink--child{color:rgb(var(--color-text-muted))}.nav__sublink[aria-current=page]{color:rgb(var(--color-accent))}@media(hover:hover){.nav__sublink:hover{background:rgb(var(--color-surface));color:rgb(var(--color-text))}}.header-drawer__toggle{display:inline-flex;align-items:center;justify-content:center;width:var(--touch-target);height:var(--touch-target);border-radius:50%;color:inherit;cursor:pointer;list-style:none}.header-drawer__toggle::-webkit-details-marker{display:none}.header-drawer__icon{display:inline-flex}.header-drawer__icon--close{display:none}.header-drawer__top{display:flex;flex:none;align-items:center;justify-content:space-between;min-height:64px;padding:0 12px 0 20px;border-bottom:1px solid rgb(var(--color-border))}.header-drawer__title{margin:0;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);letter-spacing:var(--heading-letter-spacing);font-size:1.25rem}.header-drawer__close{display:inline-flex;align-items:center;justify-content:center;width:var(--touch-target);height:var(--touch-target);border-radius:50%;color:inherit}.header-drawer__body{padding:8px 20px 32px}header-drawer:defined .header-drawer__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;background:#1414148c;opacity:0;touch-action:none;transition:opacity var(--duration-base) var(--ease-out)}header-drawer:defined .header-drawer__panel{position:fixed;top:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;width:min(420px,calc(100vw - 56px));background:rgb(var(--color-background));color:rgb(var(--color-text));box-shadow:0 0 48px #00000040;transform:translate(-100%);transition:transform var(--duration-base) var(--ease-out);overscroll-behavior:contain}header-drawer:defined .header-drawer__body{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}header-drawer:defined .header-drawer__details.is-open .header-drawer__overlay{opacity:1}header-drawer:defined .header-drawer__details.is-open .header-drawer__panel{transform:none}header-drawer:not(:defined) .header-drawer__panel{position:absolute;top:100%;left:0;right:0;z-index:2;max-height:calc(100vh - 140px);overflow-y:auto;background:rgb(var(--color-background));color:rgb(var(--color-text));border-top:1px solid rgb(var(--color-border));box-shadow:0 18px 36px #14141426}header-drawer:not(:defined) .header-drawer__top,header-drawer:not(:defined) .header-drawer__overlay{display:none}header-drawer:not(:defined) .header-drawer__details[open] .header-drawer__icon--open{display:none}header-drawer:not(:defined) .header-drawer__details[open] .header-drawer__icon--close{display:inline-flex}.drawer-menu{margin:0;padding:0;list-style:none}.drawer-menu__item{border-bottom:1px solid rgb(var(--color-border))}.drawer-menu__link,.drawer-menu__summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;padding:0;color:inherit;font-size:1.0625rem;line-height:1.3}.drawer-menu__link--top,.drawer-menu__summary{font-weight:var(--font-body-weight-bold, 700)}.drawer-menu__summary{cursor:pointer;list-style:none}.drawer-menu__summary::-webkit-details-marker{display:none}.drawer-menu__summary .icon{transition:transform var(--duration-fast) var(--ease-out)}.drawer-menu__details[open]>.drawer-menu__summary .icon{transform:rotate(180deg)}.drawer-menu__sub{margin:0;padding:0 0 12px;list-style:none}.drawer-menu__sub .drawer-menu__link,.drawer-menu__details--nested>.drawer-menu__summary{min-height:48px;padding-inline-start:16px;font-size:1rem;font-weight:var(--font-body-weight, 400)}.drawer-menu__sub--nested{padding-bottom:4px}.drawer-menu__sub--nested .drawer-menu__link{padding-inline-start:32px;font-size:.9375rem}.drawer-menu__link--all{color:rgb(var(--color-text-muted))}.drawer-menu .is-active,.drawer-menu [aria-current=page]{color:rgb(var(--color-accent))}.drawer-utils,.drawer-service{margin:8px 0 0;padding:0;list-style:none}.drawer-utils__link{display:flex;align-items:center;gap:14px;width:100%;min-height:52px;font-size:1rem;text-align:start;color:inherit}.drawer-utils__count{min-width:22px;height:22px;margin-inline-start:auto;padding:0 7px;border-radius:999px;background:rgb(var(--color-surface));font-size:.8125rem;line-height:22px;text-align:center}.drawer-service__link{display:flex;align-items:center;min-height:48px;font-size:.9375rem;color:rgb(var(--color-text-muted))}.drawer-service__link[aria-current=page]{color:rgb(var(--color-accent))}.header-drawer__footer{display:grid;gap:20px;margin-top:24px;padding-top:24px;border-top:1px solid rgb(var(--color-border))}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-header.css.map */