.header-wrapper{display:block;position:relative;z-index:30;background:var(--obi-color-header-bg);color:var(--obi-color-header-text);border-bottom:1px solid var(--obi-color-border);transition:background-color .25s ease,color .25s ease,border-color .25s ease}.section-header:has(.header-wrapper--sticky){position:sticky;top:0;z-index:60}.template-index main{margin-top:calc(-1 * var(--obi-sticky-offset, 7.2rem))}.template-index .header-wrapper:not(.is-scrolled){background-color:transparent;border-color:transparent;color:var(--obi-color-header-bg)}.template-index .header-wrapper:not(.is-scrolled) .header__logo-img{filter:invert(1) brightness(1.6)}.template-index .header-wrapper:not(.is-scrolled):hover,.template-index .header-wrapper:not(.is-scrolled):focus-within{background-color:var(--obi-color-header-bg);color:var(--obi-color-header-text);border-color:var(--obi-color-border)}.template-index .header-wrapper:not(.is-scrolled):hover .header__logo-img,.template-index .header-wrapper:not(.is-scrolled):focus-within .header__logo-img{filter:none}.header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.8rem;min-height:5.6rem;padding-block:0}.header.page-width--fluid{padding-inline:.4rem}.header__icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--obi-tap-size);height:var(--obi-tap-size);padding:0;border:0;border-radius:var(--obi-radius);background:transparent;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.header__icon:hover{opacity:.7}.header__menu-toggle{justify-self:start}@media screen and (max-width:989px){.header{grid-template-columns:auto minmax(0,1fr) auto;min-height:8rem}.header__logo{order:1;justify-self:start}.header__icons{order:2;justify-self:end;gap:0}.header__menu-toggle{order:3;justify-self:end}.header__icons .header__icon{width:4.4rem}.header .header__logo-img{max-width:var(--logo-width, 6rem);max-height:4rem}}.header__icons{display:inline-flex;align-items:center;gap:.4rem;justify-self:end}.header__count{position:absolute;top:.4rem;right:.2rem;display:inline-flex;align-items:center;justify-content:center;min-width:1.6rem;height:1.6rem;padding:0 .4rem;border-radius:var(--obi-radius);background:var(--obi-color-text);color:var(--obi-color-bg);font-size:1rem;font-weight:var(--obi-font-price-weight);line-height:1}.header__count.is-empty{display:none}.header__logo{justify-self:center;line-height:0}.header__logo-link{display:inline-block}.header__logo-img{width:auto;height:auto;max-width:var(--logo-width, 12rem);max-height:3.2rem}.header__logo--invert .header__logo-img{filter:invert(1) brightness(1.6)}.header__nav{display:none}.header__menu{display:flex;align-items:center;gap:2.8rem}.header__menu-item{position:static;display:flex;align-items:center;min-height:7.2rem}.header__menu-link{display:inline-flex;align-items:center;gap:.4rem;height:var(--obi-tap-size);padding-top:2px;border-bottom:2px solid transparent;font-size:var(--menu-font, 1.4rem);font-weight:var(--obi-font-label-weight);letter-spacing:var(--obi-letter-spacing-button);text-transform:uppercase;white-space:nowrap;transition:border-color .15s ease}.header__menu-link:hover,.header__menu-link[aria-expanded=true],.header__menu-item.has-dropdown:hover>.header__menu-link,.header__menu-item.has-dropdown:focus-within>.header__menu-link{border-bottom-color:currentColor}.header__menu-caret{transition:rotate .15s ease}.header__menu-item.has-dropdown:hover .header__menu-caret,.header__menu-item.has-dropdown:focus-within .header__menu-caret{rotate:180deg}.header__menu-link--sale,.mobile-menu__link--sale{color:var(--obi-color-sale)}.template-index .header-wrapper:not(.is-scrolled):not(:hover):not(:focus-within) .header__menu-link--sale{color:inherit}.header__mega{position:absolute;top:100%;left:0;right:0;z-index:40;background:var(--obi-color-bg);color:var(--obi-color-text);border-bottom:1px solid var(--obi-color-border);opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s}.header__menu-item.has-dropdown:hover .header__mega,.header__menu-item.has-dropdown:focus-within .header__mega{opacity:1;visibility:visible}.header__mega--columns:after{content:"";position:absolute;top:100%;left:0;right:0;height:100vh;background:color-mix(in srgb,var(--obi-color-text) 35%,transparent);pointer-events:none}.header__mega--scroll,.header__mega--letters{max-height:calc(100vh - var(--obi-sticky-offset, 7.2rem));overflow-y:auto;overscroll-behavior:contain}.header__mega--letters:after{display:none}.header__mega .header__mega-inner{padding:2.8rem 2rem 0}.header__mega-head{display:flex;align-items:baseline;justify-content:space-between;gap:2.4rem;padding-bottom:2rem;border-bottom:1px solid var(--obi-color-border)}.header__mega-head-text{display:flex;flex-wrap:wrap;align-items:baseline;gap:1.6rem;min-width:0}.header__mega-title{margin:0;font-family:var(--obi-font-heading-family);font-weight:var(--obi-font-heading-weight);font-size:3.2rem;line-height:1;letter-spacing:.02em;text-transform:uppercase}.header__mega-desc{margin:0;font-size:1.4rem;color:var(--obi-color-text-muted)}.header__mega-more{display:inline-flex;align-items:center;gap:.8rem;min-height:var(--obi-tap-size);font-size:1.2rem;font-weight:var(--obi-font-label-weight);letter-spacing:var(--obi-letter-spacing-label);text-transform:uppercase;color:var(--obi-color-text);white-space:nowrap}.header__mega-more:hover{text-decoration:underline;text-underline-offset:3px}.header__mega-grid{display:grid;grid-template-columns:30% 70%;align-items:stretch;padding:2.4rem 0 .8rem}.header__mega-grid:not(:has(.header__mega-card)){grid-template-columns:minmax(0,1fr) 34rem}.header__mega-cols{display:flex;flex:1 1 auto;min-width:0}.header__mega-grid:has(.header__mega-card) .header__mega-cols{flex-wrap:wrap}.header__mega-col{display:flex;flex-direction:column;flex:1 1 0;min-width:0;max-width:28rem;padding:0 2.4rem;border-left:1px solid var(--obi-color-border)}.header__mega-col:first-child{padding-left:0;border-left:0}.header__mega-col-heading{display:block;margin:0 0 1.4rem;font-size:1.3rem;font-weight:var(--obi-font-label-weight);line-height:1.3;letter-spacing:var(--obi-letter-spacing-label);text-transform:uppercase;color:var(--obi-color-text)}a.header__mega-col-heading:hover{text-decoration:underline;text-underline-offset:3px}.header__mega-list{display:flex;flex-direction:column;gap:.4rem}.header__mega-link{display:inline-flex;align-items:center;min-height:3.2rem;font-size:1.5rem;line-height:1.3;color:var(--obi-color-text-muted)}.header__mega-link:hover{color:var(--obi-color-text);text-decoration:underline;text-underline-offset:3px}.header__mega-col>.header__mega-more{margin-top:auto;padding-top:2rem}.header__mega-aside{display:flex;flex-direction:column;min-width:0;justify-self:stretch;padding-left:3.2rem;border-left:1px solid var(--obi-color-border)}.header__mega-aside:empty{display:none}.header__mega-feature{display:flex;flex-direction:column;align-items:flex-start;gap:.6rem;padding-bottom:2rem}.header__mega-feature+.header__mega-feature{padding-top:2rem;border-top:1px solid var(--obi-color-border)}.header__mega-feature-label{font-size:1.2rem;font-weight:var(--obi-font-label-weight);letter-spacing:var(--obi-letter-spacing-label);text-transform:uppercase;color:var(--obi-color-text-muted)}.header__mega-feature-title{font-family:var(--obi-font-heading-family);font-weight:var(--obi-font-heading-weight);font-size:2.6rem;line-height:1.1;letter-spacing:.02em;text-transform:uppercase}a.header__mega-feature-title:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.header__mega-brands{display:flex;align-items:center;gap:3.2rem;margin-top:.8rem;padding:1.2rem 0 .8rem;border-top:1px solid var(--obi-color-border)}.header__mega-brands-label{flex-shrink:0;font-size:1.2rem;font-weight:var(--obi-font-label-weight);letter-spacing:var(--obi-letter-spacing-label);text-transform:uppercase;color:var(--obi-color-text-muted)}.header__mega-brands-list{display:flex;flex-wrap:wrap;align-items:center;gap:0 2.8rem;min-width:0}.header__mega-brand{display:inline-flex;align-items:center;min-height:var(--obi-tap-size);font-size:1.3rem;font-weight:var(--obi-font-price-weight);letter-spacing:var(--obi-letter-spacing-button);text-transform:uppercase}.header__mega-brand:hover{text-decoration:underline;text-underline-offset:3px}.header__mega-brands-all{flex-shrink:0;margin-left:auto}.header__mega-dir{columns:6;column-gap:3rem;padding:2.4rem 0 2.8rem}.header__mega--scroll .header__mega-dir{flex:1;min-width:0;padding:0}.header__mega-dir-group{margin-bottom:2rem;break-inside:avoid}.header__mega-dir-letter{margin:0 0 .8rem;font-size:1.3rem;font-weight:var(--obi-font-label-weight);letter-spacing:var(--obi-letter-spacing-label);text-transform:uppercase;break-after:avoid-column}.header__mega-dir-group ul{display:flex;flex-direction:column;gap:.2rem}.header__mega-dir-group .header__mega-link{min-height:2.8rem;font-size:1.4rem}.header__mega--scroll .header__mega-inner{display:flex;flex-wrap:wrap;gap:3.2rem 4.2rem;padding:3.2rem 2rem 4rem}.header__mega--scroll .header__mega-col{flex:0 1 auto;max-width:none;min-width:12rem;padding:0;border-left:0}.header__mega-col--wide{flex:1}.header__mega-col--multi{min-width:26rem}.header__mega-list--cols{display:block;columns:2;column-gap:3.2rem}.header__mega-list--cols li{break-inside:avoid;margin-bottom:.4rem}.header__mega-tabs-wrap{display:flex;flex:1;gap:4.5rem;min-width:0}.header__mega-tabs{width:26rem;flex-shrink:0;padding-right:2.4rem;border-right:1px solid var(--obi-color-border)}.header__mega-tabs li+li{margin-top:.2rem}.header__mega-tab{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4rem;padding:.6rem 1.2rem;font-size:1.3rem;font-weight:var(--obi-font-label-weight);letter-spacing:var(--obi-letter-spacing-button);text-transform:uppercase;transition:background-color .15s ease,color .15s ease}.header__mega-tab .obi-icon{opacity:0;transition:opacity .15s ease}.header__mega-tab.is-active{background:var(--obi-color-text);color:var(--obi-color-bg)}.header__mega-tab.is-active .obi-icon{opacity:1}.header__mega-panels{flex:1;min-width:0}.header__mega-panel{display:none;flex-wrap:wrap;align-items:flex-start;gap:2.4rem 7rem}.header__mega-panel.is-active{display:flex}.header__mega-panel-heading{margin:0 0 1.4rem;font-size:1.2rem;font-weight:var(--obi-font-label-weight);letter-spacing:var(--obi-letter-spacing-label);text-transform:uppercase;color:var(--obi-color-text-muted)}.header__mega-panel-col ul{display:flex;flex-direction:column;gap:.2rem}.header__mega-panel-col--plain ul{display:grid;grid-template-rows:repeat(6,auto);grid-auto-flow:column;gap:.2rem 4.5rem}.header__mega-panel-all{flex-basis:100%}.header__mega-flow{display:block;columns:3;column-gap:6rem;max-width:80rem}.header__mega-flow li{break-inside:avoid}.header__mega-card-stack{display:grid;gap:.8rem}.header__mega--scroll .header__mega-card-stack{align-self:flex-start;width:32rem;flex-shrink:0;margin-left:auto}.header__mega--scroll .header__mega-card-stack:has(.header__mega-card:nth-child(2)){width:auto;max-width:78rem;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}.header__mega-tabs-wrap~.header__mega-card-stack{flex:1}.header__mega-aside .header__mega-card-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.header__mega-card{position:relative;display:block;overflow:hidden;border-radius:var(--obi-radius);background:var(--obi-color-bg-alt)}.header__mega-card-img{display:block;width:100%;aspect-ratio:4 / 5;object-fit:cover;transition:transform .3s ease}.header__mega-card:hover .header__mega-card-img{transform:scale(1.03)}.header__mega-card-label{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:2rem 1.2rem 1rem;background:linear-gradient(to top,color-mix(in srgb,var(--obi-color-text) 60%,transparent),transparent);color:var(--obi-color-bg);font-size:1.2rem;font-weight:var(--obi-font-label-weight);letter-spacing:var(--obi-letter-spacing-label);text-transform:uppercase}.header__mega-card--sale{display:flex;align-items:center;justify-content:center;aspect-ratio:4 / 5;background:var(--obi-color-sale)}.header__mega-card--sale .header__mega-card-label{position:static;justify-content:center;padding:1.2rem;background:none;text-align:center;font-family:var(--obi-font-heading-family);font-weight:var(--obi-font-heading-weight);font-size:2rem;letter-spacing:.02em}.mobile-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60}.mobile-menu[hidden]{display:none}.mobile-menu__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;background:color-mix(in srgb,var(--obi-color-text) 45%,transparent);cursor:default}.mobile-menu__panel{position:relative;display:flex;flex-direction:column;width:min(86vw,36rem);height:100%;overflow-y:auto;overscroll-behavior:contain;background:var(--obi-color-bg);color:var(--obi-color-text);animation:obi-slide-in .2s ease}@keyframes obi-slide-in{0%{transform:translate(-100%)}to{transform:translate(0)}}.mobile-menu__head{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;min-height:5.6rem;padding:0 .4rem 0 1.6rem;border-bottom:1px solid var(--obi-color-border)}.mobile-menu__title{font-size:1.2rem;font-weight:var(--obi-font-label-weight);letter-spacing:var(--obi-letter-spacing-label);text-transform:uppercase}.mobile-menu__list{padding:.4rem 1.6rem 1.6rem}.mobile-menu__link{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4.8rem;border-bottom:1px solid var(--obi-color-border);font-size:1.4rem;font-weight:var(--obi-font-label-weight);letter-spacing:var(--obi-letter-spacing-button);text-transform:uppercase;cursor:pointer;list-style:none;-webkit-tap-highlight-color:transparent}.mobile-menu__details>summary::-webkit-details-marker{display:none}.mobile-menu__details>summary .obi-icon{flex-shrink:0;transition:rotate .2s ease}.mobile-menu__details[open]>summary .obi-icon{rotate:180deg}.mobile-menu__sublist{padding:.4rem 0 1.2rem}.mobile-menu__sublist--nested{padding:0 0 .6rem 1.2rem}.mobile-menu__sublink{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:var(--obi-tap-size);font-size:1.5rem;line-height:1.3;cursor:pointer;list-style:none;-webkit-tap-highlight-color:transparent}.mobile-menu__sublist--nested .mobile-menu__sublink{min-height:4rem;font-size:1.4rem;color:var(--obi-color-text-muted)}.mobile-menu__group{display:flex;align-items:center;justify-content:space-between;gap:.6rem;min-height:4rem;font-size:1.2rem;font-weight:var(--obi-font-label-weight);letter-spacing:var(--obi-letter-spacing-label);text-transform:uppercase;color:var(--obi-color-text);cursor:pointer;list-style:none}.mobile-menu__more{display:inline-flex;align-items:center;gap:.6rem;min-height:var(--obi-tap-size);font-size:1.2rem;font-weight:var(--obi-font-label-weight);letter-spacing:var(--obi-letter-spacing-label);text-transform:uppercase;color:var(--obi-color-text);text-decoration:underline;text-underline-offset:3px}.mobile-menu__card-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:.4rem 0 1.6rem}.mobile-menu__card{position:relative;display:block;overflow:hidden;border-radius:var(--obi-radius);background:var(--obi-color-bg-alt)}.mobile-menu__card-img{display:block;width:100%;aspect-ratio:4 / 5;object-fit:cover}.mobile-menu__card-label{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:2rem 1rem .8rem;background:linear-gradient(to top,color-mix(in srgb,var(--obi-color-text) 65%,transparent),transparent);color:var(--obi-color-bg);font-size:1.2rem;font-weight:var(--obi-font-label-weight);letter-spacing:var(--obi-letter-spacing-label);text-transform:uppercase}.mobile-menu__card--sale{display:flex;align-items:center;justify-content:center;aspect-ratio:4 / 5;background:var(--obi-color-sale)}.mobile-menu__card--sale .mobile-menu__card-label{position:static;justify-content:center;padding:1.2rem;background:none;text-align:center}.mobile-menu__foot{display:flex;flex-wrap:wrap;gap:0 2.4rem;flex-shrink:0;margin-top:auto;padding:.8rem 1.6rem;border-top:1px solid var(--obi-color-border)}.mobile-menu__foot-link{display:inline-flex;align-items:center;gap:.8rem;min-height:var(--obi-tap-size);padding:0;border:0;background:none;color:inherit;font-size:1.3rem;font-weight:var(--obi-font-label-weight);letter-spacing:var(--obi-letter-spacing-button);text-transform:uppercase;cursor:pointer}.mobile-menu__count{display:inline-flex;align-items:center;justify-content:center;min-width:1.6rem;height:1.6rem;padding:0 .4rem;background:var(--obi-color-text);color:var(--obi-color-bg);font-size:1rem;font-weight:var(--obi-font-price-weight);line-height:1}.mobile-menu__count.is-empty{display:none}.overflow-hidden{overflow:hidden}@media screen and (min-width:750px){.header.page-width--fluid{padding-inline:1.2rem}.header__logo-img{max-height:3.6rem}}@media screen and (min-width:990px){.header__menu-toggle{display:none}.header{grid-template-columns:1fr auto 1fr;gap:3.2rem;min-height:7.2rem}.header.page-width--fluid{padding-inline:2rem}.header__logo{justify-self:start}.header__logo--center{justify-self:center}.header__logo-img{max-height:4rem}.header__nav{display:block;justify-self:center;min-width:0}.header__icons{grid-column:3;justify-self:end}.mobile-menu{display:none!important}}@media screen and (min-width:990px)and (max-width:1279px){.header__menu{gap:1.6rem}.header__mega-aside{flex-basis:24rem;padding-left:2.4rem}.header__mega-col{padding:0 1.6rem}.header__mega-dir{columns:5}}.header__mega-aside .header__mega-card-stack{grid-auto-flow:column;grid-auto-columns:minmax(0,22.8rem);grid-template-columns:none;justify-content:start;gap:1.2rem;align-content:start}.header__mega-aside .header__mega-card-img{aspect-ratio:3 / 4;width:100%;height:100%;object-fit:cover}.header__mega-aside .header__mega-card--sale{aspect-ratio:3 / 4}.header__mega-aside .header__mega-card-stack{align-items:start}.header__mega-head,.header__mega-grid,.header__mega-dir,.header__mega-tabs-wrap{width:100%;max-width:152rem;margin-inline:auto}.header__mega-aside .header__mega-card-stack{justify-content:center}.header__mega-head,.header__mega-grid,.header__mega-dir,.header__mega-tabs-wrap{width:100%}.header__mega .header__mega-inner{width:fit-content;max-width:152rem;margin-inline:auto}@media screen and (min-width:1280px){.header__mega-grid:has(.header__mega-card){grid-template-columns:minmax(0,46rem) minmax(0,max-content);justify-content:center}.header__mega-aside .header__mega-card-stack{justify-content:start}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-header.css.map */