.croma-sticky-header{display:block;position:relative;min-height:0;z-index:40}.croma-sticky-header:not(.croma-sticky-header--transparent-on-top){min-height:var(--croma-header-reserved-height, var(--croma-header-height, clamp(5rem, 3vw, 150px)))}.croma-sticky-header.is-ready.is-fixed{position:relative}.croma-sticky-header.is-ready.is-fixed .croma-header{position:fixed;inset-block-start:var(--croma-header-top-offset, 0px);inset-inline:0;z-index:40;pointer-events:auto}.croma-sticky-header.is-ready .croma-header{transform:translateY(0);transition:transform .22s ease,background-color .22s ease,color .22s ease,border-color .22s ease}.croma-sticky-header.is-ready .croma-header__logo{transition:opacity .18s ease}.croma-sticky-header.is-hidden .croma-header{transform:translateY(-100%)}.croma-sticky-header--transparent-on-top.is-at-top .croma-header{border-color:transparent;background:var(--croma-header-transparent-background-color, transparent);color:var(--croma-header-transparent-color, #ffffff)}.croma-sticky-header--transparent-on-top.croma-sticky-header--transparent-glass.is-at-top .croma-header{background:color-mix(in srgb,var(--croma-header-transparent-background-color, transparent) var(--croma-glass-button-background-opacity, 35%),transparent);-webkit-backdrop-filter:blur(var(--croma-glass-button-blur, 12px));backdrop-filter:blur(var(--croma-glass-button-blur, 12px))}.croma-sticky-header--transparent-on-top.croma-sticky-header--transparent-border.is-at-top .croma-header{border-color:color-mix(in srgb,var(--croma-color-transparent-border, currentColor) 12%,transparent)}.croma-sticky-header--transparent-on-top.is-at-top .croma-header:focus-within{border-color:color-mix(in srgb,currentColor 12%,transparent);background:var(--croma-header-background-color, #ffffff);color:var(--croma-header-text-color, #111111);-webkit-backdrop-filter:none;backdrop-filter:none}.croma-sticky-header.is-revealed .croma-header{background:var(--croma-header-background-color, #ffffff);color:var(--croma-header-text-color, #111111)}.croma-header{border-bottom:1px solid color-mix(in srgb,currentColor 12%,transparent);background:var(--croma-header-background-color, #ffffff);color:var(--croma-header-text-color, #111111)}.croma-header__inner{--croma-header-nav-offset: var(--md-space, var(--croma-space-md, 2rem));display:grid;align-items:center;min-height:var(--croma-header-height, clamp(5rem, 3vw, 150px));gap:var(--croma-space-sm, 1rem);padding-block:.875rem}.croma-header__actions,.croma-header__nav,.croma-header__action{display:flex;align-items:center}.croma-header__menu-toggle{display:none;align-items:center;justify-content:center;width:var(--croma-touch-target-min, 44px);height:var(--croma-touch-target-min, 44px);padding:0;border:0;background:transparent;color:inherit;cursor:pointer}.croma-header__inner--navigation-on-left{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"brand nav actions"}.croma-header__inner--logo-centered{--croma-header-nav-offset: 0;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"nav brand actions"}.croma-header__inner--menu-centered{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"brand nav actions"}.croma-header__inner--navigation-on-right{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"brand nav actions"}.croma-header__brand{grid-area:brand;justify-self:start;flex:0 0 auto;max-width:min(32vw,320px);overflow:hidden;color:inherit;font-family:var(--croma-font-heading-family, inherit);font-size:var(--croma-text-md);font-style:var(--croma-font-heading-style, normal);font-weight:var(--croma-font-heading-weight, 400);line-height:1;text-overflow:ellipsis;text-decoration:none;white-space:nowrap}.croma-header__brand--image{display:grid;width:min(var(--croma-header-logo-width, var(--logo-width, 140px)),32vw);line-height:0}.croma-header__logo{grid-area:1 / 1;width:100%;height:auto;max-height:calc(var(--croma-header-height, 5rem) - 1.75rem);object-fit:contain;object-position:left center}.croma-header__brand--swap .croma-header__logo--transparent{opacity:0}.croma-header__brand--swap .croma-header__logo--background,.croma-sticky-header--transparent-on-top.is-at-top .croma-header__brand--swap .croma-header__logo--transparent{opacity:1}.croma-sticky-header--transparent-on-top.is-at-top .croma-header__brand--swap .croma-header__logo--background{opacity:0}.croma-sticky-header--transparent-on-top.is-at-top .croma-header:focus-within .croma-header__brand--swap .croma-header__logo--transparent{opacity:0}.croma-sticky-header--transparent-on-top.is-at-top .croma-header:focus-within .croma-header__brand--swap .croma-header__logo--background{opacity:1}.croma-header__nav{gap:clamp(.875rem,2vw,1.75rem);min-width:0;grid-area:nav;justify-self:start;padding-inline:var(--croma-header-nav-offset)}.croma-header__inner--logo-centered .croma-header__nav{justify-self:start}.croma-header__inner--menu-centered .croma-header__nav{justify-self:center}.croma-header__inner--navigation-on-right .croma-header__nav{justify-self:end}.croma-header__nav-link,.croma-header__action{color:inherit;line-height:1;text-decoration:none}.croma-header__nav-link{position:relative;font-size:var(--croma-text-base, 1rem)}.croma-header__nav-link:after{content:"";position:absolute;inset-inline:0;inset-block-end:-.45rem;height:1px;transform:scaleX(0);transform-origin:center;background:currentColor;transition:transform .16s ease}.croma-header__nav-link:hover:after,.croma-header__nav-link:focus-visible:after,.croma-header__nav-link.is-active:after{transform:scaleX(1)}.croma-header__actions{grid-area:actions;justify-self:end;flex:0 0 auto;gap:.875rem}.croma-header__localization:empty{display:none}.croma-header__action{position:relative;min-width:var(--croma-touch-target-min, 44px);min-height:var(--croma-touch-target-min, 44px);justify-content:center;gap:.375rem;font-size:var(--croma-text-base, 1rem)}.croma-header__action--cart{min-width:var(--croma-touch-target-min, 44px)}.croma-header__action--cart-text{min-width:auto}.croma-header__cart-text{font-size:var(--croma-text-base, 1rem);line-height:1}.croma-header__cart-icon{position:relative;display:inline-flex;flex:0 0 auto}.croma-header__action:focus-visible,.croma-header__brand:focus-visible,.croma-header__nav-link:focus-visible,.croma-header__menu-toggle:focus-visible,.croma-mobile-menu__close:focus-visible,.croma-mobile-menu__link:focus-visible,.croma-mobile-menu__sublink:focus-visible{outline:2px solid currentColor;outline-offset:.3rem}.croma-icon{width:20px;height:20px;flex:0 0 auto}.croma-header__cart-count{position:absolute;inset-block-start:-.75rem;inset-inline-end:-.75rem;display:inline-flex;align-items:center;justify-content:center;min-width:1.15rem;height:1.15rem;padding-inline:.25rem;border:1px solid var(--croma-color-accent, currentColor);border-radius:999px;background:var(--croma-color-accent, currentColor);color:var(--croma-color-foreground, #ffffff);font-size:.625rem;line-height:1}.croma-mobile-menu{position:fixed;z-index:60;top:0;right:0;bottom:0;left:0;visibility:hidden;pointer-events:none;transition:visibility 0s linear .28s}.croma-mobile-menu[hidden]{display:none}.croma-mobile-menu__panel{display:grid;grid-template-rows:auto minmax(0,1fr);width:100vw;height:100vh;height:100dvh;min-height:0;overflow:hidden;transform:translate(-100%);background:var(--croma-header-background-color, #ffffff);color:var(--croma-header-text-color, #111111);transition:transform .28s ease}.croma-mobile-menu.is-open{visibility:visible;pointer-events:auto;transition-delay:0s}.croma-mobile-menu.is-open .croma-mobile-menu__panel{transform:translate(0)}.croma-mobile-menu__header{display:flex;align-items:center;justify-content:space-between;gap:var(--croma-space-sm, 1rem);min-height:var(--croma-header-height-mobile, 64px);padding-block-start:env(safe-area-inset-top);padding-inline:var(--container-margin, var(--croma-container-margin, 1rem))}.croma-mobile-menu__title{margin:0;font-size:var(--croma-text-base, 1rem);line-height:1.2}.croma-mobile-menu__title:focus{outline:none}.croma-mobile-menu__close{display:inline-flex;align-items:center;justify-content:center;width:var(--croma-touch-target-min, 44px);height:var(--croma-touch-target-min, 44px);padding:0;border:0;background:transparent;color:currentColor;cursor:pointer}.croma-mobile-menu__nav{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:var(--croma-space-md, 2rem) var(--container-margin, var(--croma-container-margin, 1rem));padding-block-end:max(var(--croma-space-md, 2rem),env(safe-area-inset-bottom));scrollbar-gutter:stable;-webkit-overflow-scrolling:touch}.croma-mobile-menu__list,.croma-mobile-menu__sublist{margin:0;padding:0;list-style:none}.croma-mobile-menu__list{display:grid;gap:var(--croma-space-md, 2rem)}.croma-mobile-menu__item{display:grid;gap:var(--croma-space-sm, 1rem)}.croma-mobile-menu__link,.croma-mobile-menu__sublink{display:inline-flex;width:fit-content;color:inherit;text-decoration:none}.croma-mobile-menu__link{font-family:var(--croma-font-heading-family, inherit);font-size:var(--croma-text-base, 1rem);font-style:var(--croma-font-heading-style, normal);font-weight:var(--croma-font-heading-weight, 400);line-height:1.05}.croma-mobile-menu__sublist{display:grid;gap:var(--croma-space-xs, .75rem);padding-inline-start:var(--croma-space-sm, 1rem)}.croma-mobile-menu__sublist--nested{margin-top:var(--croma-space-xs, .75rem)}.croma-mobile-menu__sublink{font-size:var(--croma-text-base, 1rem)}.croma-mobile-menu__link.is-active,.croma-mobile-menu__sublink.is-active{text-decoration:underline;text-underline-offset:.25em}.croma-header__mobile-noscript{display:none}html.croma-mobile-menu-open,body.croma-mobile-menu-open{overflow:hidden}@media screen and (max-width:749px){.croma-header__inner{min-height:var(--croma-header-height-mobile, 64px);gap:.25rem}.croma-header__inner--mobile-menu-left-logo-center{grid-template-columns:minmax(var(--croma-touch-target-min, 44px),1fr) auto minmax(var(--croma-touch-target-min, 44px),1fr);grid-template-areas:"menu-before brand actions"}.croma-header__inner--mobile-logo-left-menu-after{grid-template-columns:auto auto minmax(0,1fr) auto;grid-template-areas:"brand menu-after . actions"}.croma-header__inner--mobile-menu-left-logo-after{grid-template-columns:auto auto minmax(0,1fr) auto;grid-template-areas:"menu-before brand . actions"}.croma-header__inner--mobile-menu-left-logo-center .croma-header__menu-toggle--before,.croma-header__inner--mobile-menu-left-logo-after .croma-header__menu-toggle--before,.croma-header__inner--mobile-logo-left-menu-after .croma-header__menu-toggle--after{display:inline-flex}.croma-header__menu-toggle--before{grid-area:menu-before;justify-self:start}.croma-header__menu-toggle--after{grid-area:menu-after;justify-self:start}.croma-header__brand{max-width:42vw}.croma-header__inner--mobile-menu-left-logo-center .croma-header__brand{justify-self:center}.croma-header__inner--mobile-logo-left-menu-after .croma-header__brand,.croma-header__inner--mobile-menu-left-logo-after .croma-header__brand{max-width:34vw}.croma-header__brand--image{width:min(var(--croma-header-logo-width, var(--logo-width, 140px)),42vw)}.croma-header__logo{max-height:calc(var(--croma-header-height-mobile, 64px) - 1.5rem)}.croma-header__nav{display:none}.croma-header__actions{gap:0}.croma-header__action{min-width:36px}.croma-header__action-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.croma-header__mobile-noscript{display:block;padding-block:var(--croma-space-sm, 1rem);background:var(--croma-header-background-color, #ffffff);color:var(--croma-header-text-color, #111111)}}@media screen and (min-width:750px){.croma-mobile-menu{display:none!important}}@media(hover:hover){.croma-sticky-header--transparent-on-top.is-at-top .croma-header:hover{border-color:color-mix(in srgb,currentColor 12%,transparent);background:var(--croma-header-background-color, #ffffff);color:var(--croma-header-text-color, #111111);-webkit-backdrop-filter:none;backdrop-filter:none}.croma-sticky-header--transparent-on-top.is-at-top .croma-header:hover .croma-header__brand--swap .croma-header__logo--transparent{opacity:0}.croma-sticky-header--transparent-on-top.is-at-top .croma-header:hover .croma-header__brand--swap .croma-header__logo--background{opacity:1}}@media(prefers-reduced-motion:reduce){.croma-sticky-header.is-ready .croma-header,.croma-sticky-header.is-ready .croma-header__logo,.croma-header__nav-link:after,.croma-mobile-menu__panel{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-header.css.map */
