.section-header{position:relative;z-index:40}.section-header:has(.header--sticky){position:sticky;top:0}.header{position:relative;background:color-mix(in srgb,var(--c-ivory) 94%,transparent);-webkit-backdrop-filter:saturate(140%) blur(10px);backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid transparent;transition:border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.header.is-compact{border-bottom-color:var(--c-line);box-shadow:0 6px 24px rgba(var(--c-ink-rgb),.04)}.header__inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;min-height:64px;padding-block:8px}.header__left{display:flex;align-items:center;gap:4px;min-width:0}.header__right{display:flex;align-items:center;justify-content:flex-end;gap:0}.header__logo-wrap{margin:0;line-height:0}.header__logo{display:block}.header__logo-img{width:var(--logo-width-mobile);height:auto;transition:width var(--dur-slow) var(--ease-out)}@media(min-width:990px){.header__logo-img{width:var(--logo-width)}.header.is-compact .header__logo-img{width:calc(var(--logo-width) * .72)}.header__inner{min-height:84px;padding-block:10px}}.count-bubble{position:absolute;top:4px;right:2px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--c-berry);color:var(--c-ivory);font-size:.6875rem;font-weight:var(--font-body-weight-medium);line-height:18px;text-align:center;font-variant-numeric:tabular-nums}.count-bubble--soft{background:var(--c-ribbon);color:var(--c-ink)}.header__nav{display:none}.header__menu-toggle{display:inline-grid}.header__hide-mobile{display:none}@media(min-width:990px){.header__nav{display:block}.header__menu-toggle{display:none}.header__hide-mobile{display:inline-grid}}.header__nav-list{display:flex;flex-wrap:wrap;gap:0 2px}.header__nav-link{display:inline-flex;align-items:center;gap:4px;min-height:44px;padding:0 10px;font-size:.8125rem;font-weight:var(--font-body-weight-medium);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;cursor:pointer;list-style:none;position:relative;white-space:nowrap}.header__nav-link::-webkit-details-marker{display:none}.header__nav-link .icon{width:14px;height:14px;transition:transform var(--dur-base) var(--ease-out)}.header__nav-link:after{content:"";position:absolute;left:10px;right:10px;bottom:8px;height:1px;background:var(--c-berry);transform:scaleX(0);transform-origin:left;transition:transform var(--dur-base) var(--ease-out)}.header__nav-link:hover:after,.header__nav-link.is-active:after,.mega[open]>.header__nav-link:after{transform:scaleX(1)}.mega[open]>.header__nav-link .icon{transform:rotate(180deg)}.header__nav-link:hover,.header__nav-link.is-active{color:var(--c-berry)}.mega__panel{position:absolute;left:0;right:0;top:100%;background:var(--c-ivory);border-top:1px solid var(--c-line);border-bottom:1px solid var(--c-line);box-shadow:0 24px 40px rgba(var(--c-ink-rgb),.06)}.mega[open] .mega__panel{animation:mega-in var(--dur-base) var(--ease-out)}@keyframes mega-in{0%{opacity:0;transform:translateY(-6px)}}.mega__inner{display:flex;justify-content:space-between;gap:48px;padding-block:36px 44px}.mega__columns{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px 40px;flex:1;align-content:start}.mega__column{display:grid;gap:10px;align-content:start}.mega__heading{font-family:var(--font-heading);font-size:1.35rem;color:var(--c-berry);text-decoration:none;line-height:1.2}.mega__link{text-decoration:none;font-size:var(--fs-small)}.mega__link:hover,.mega__heading:hover{text-decoration:underline;text-underline-offset:.3em}.mega__sublist{display:grid;gap:8px}.mega__feature{width:260px;flex:none;display:grid;gap:10px;text-decoration:none}.mega__feature .media img{transition:transform .7s var(--ease-out)}.mega__feature:hover .media img{transform:scale(1.03)}.mega__feature-title{font-family:var(--font-heading);font-size:1.2rem;color:var(--c-berry)}.mega__feature-caption{font-size:var(--fs-small);color:var(--c-text-muted);margin-top:-6px}.menu-drawer{width:min(400px,92vw)}.menu-drawer__body{position:relative;overflow-x:hidden;display:flex;flex-direction:column;gap:28px}.menu-drawer__list{display:grid}.menu-drawer__link{display:flex;width:100%;align-items:center;justify-content:space-between;min-height:52px;padding:0;border:0;border-bottom:1px solid var(--c-line);background:none;font-family:var(--font-heading);font-size:1.5rem;color:var(--c-berry);text-decoration:none;text-align:left}.menu-drawer__link .icon{width:16px;height:16px}.menu-drawer__link--small{font-family:var(--font-body);font-size:1rem;color:var(--c-ink)}.menu-drawer__sublist{display:grid;gap:4px;padding:8px 0 12px 12px;font-size:var(--fs-small)}.menu-drawer__sublist a{text-decoration:none;display:block;padding:6px 0}.menu-drawer__submenu{position:absolute;top:0;right:0;bottom:0;left:0;padding:20px 24px;background:var(--c-ivory);overflow-y:auto;transform:translate(100%);transition:transform .26s var(--ease-emphasis);display:grid;align-content:start;gap:12px}.menu-drawer__submenu.is-open{transform:none}.menu-drawer__back{display:inline-flex;align-items:center;gap:6px;border:0;background:none;padding:8px 0;font-size:var(--fs-small);letter-spacing:.06em;text-transform:uppercase}.menu-drawer__back .icon{width:14px;height:14px}.menu-drawer__utility{display:grid;gap:14px}.menu-drawer__utility a{display:inline-flex;gap:10px;align-items:center;text-decoration:none;font-size:var(--fs-small)}.menu-drawer__social{margin-top:auto}.search-modal{width:100%;max-width:none;margin:0 0 auto;background:var(--c-ivory);box-shadow:var(--shadow-raised);max-height:88dvh;overflow-y:auto}.search-modal[open]{animation:search-in var(--dur-slow) var(--ease-emphasis)}.search-modal.is-closing{animation:search-out var(--dur-base) var(--ease-out) forwards}@keyframes search-in{0%{transform:translateY(-24px);opacity:0}}@keyframes search-out{to{transform:translateY(-24px);opacity:0}}.search-modal__inner{padding-block:20px 32px;display:grid;gap:24px}.search-modal__form{position:relative;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--c-berry)}.search-modal__icon{width:22px;height:22px;color:var(--c-berry)}.search-modal__input{flex:1;min-width:0;min-height:60px;border:0;background:none;font-family:var(--font-heading);font-size:clamp(1.4rem,1rem + 1.6vw,2.2rem);color:var(--c-berry)}.search-modal__input::placeholder{color:color-mix(in srgb,var(--c-berry) 45%,var(--c-ivory))}.search-modal__input:focus-visible{outline:none}.search-modal__form:focus-within{box-shadow:0 2px 0 0 var(--c-berry)}.search-modal__input::-webkit-search-cancel-button{display:none}.search-modal__suggestions{display:grid;gap:12px}.search-modal__suggestions ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.chip{display:inline-flex;align-items:center;min-height:36px;padding:6px 16px;border:1px solid var(--c-line-strong);border-radius:999px;font-size:var(--fs-small);text-decoration:none;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.chip:hover{background:var(--c-blush);border-color:var(--c-blush)}.predictive{display:grid;gap:28px}@media(min-width:750px){.predictive{grid-template-columns:220px 1fr}}.predictive__group{display:grid;gap:10px;align-content:start}.predictive__list{display:grid;gap:4px;list-style:none;margin:0;padding:0}.predictive__products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;list-style:none;margin:0;padding:0}@media(min-width:990px){.predictive__products{grid-template-columns:repeat(4,minmax(0,1fr))}}.predictive__option{display:block;padding:6px 8px;margin-inline:-8px;border-radius:6px;text-decoration:none;font-size:var(--fs-small)}.predictive__option mark{background:none;color:var(--c-berry);font-weight:var(--font-body-weight-medium)}.predictive__product{display:grid;gap:8px;text-decoration:none;padding:6px;margin:-6px;border-radius:var(--radius-media)}.predictive__product-title{font-size:var(--fs-small);font-weight:var(--font-body-weight-medium);line-height:1.35}.predictive__option[aria-selected=true],.predictive__product[aria-selected=true],.predictive__option:hover,.predictive__product:hover{background:var(--c-blush)}.predictive__all{justify-self:start}.predictive__empty{color:var(--c-text-muted)}.header__inner{grid-template-areas:"left logo right"}.header__left{grid-area:left}.header__logo-wrap{grid-area:logo}.header__right{grid-area:right}.header__nav{grid-area:nav}.header__search-field,.header__label{display:none}@media(min-width:990px){.header--logo-stacked .header__inner{grid-template-columns:1fr auto 1fr;grid-template-areas:"left logo right" "nav nav nav";row-gap:6px;padding-bottom:0}.header--logo-stacked .header__search-field{display:inline-flex;align-items:center;gap:10px;width:min(280px,100%);min-height:40px;padding:0 16px;border:1px solid var(--c-line-strong);border-radius:999px;background:var(--c-surface);color:var(--c-text-muted);font-size:var(--fs-xs);text-align:left;transition:border-color var(--dur-fast) var(--ease-out)}.header--logo-stacked .header__search-field:hover{border-color:var(--c-berry)}.header--logo-stacked .header__search-field .icon{width:16px;height:16px;color:var(--c-ink)}.header--logo-stacked .header__search-icon{display:none}.header--logo-stacked .header__right{gap:6px}.header--logo-stacked .header__action{width:auto;padding:0 10px;border-radius:999px;gap:8px;display:inline-flex;align-items:center;height:40px}.header--logo-stacked .header__label{display:inline;font-size:var(--fs-xs)}.header--logo-stacked .header__action .count-bubble{left:22px;right:auto;top:2px}.header--logo-stacked .header__nav{border-top:1px solid var(--c-line);margin-top:4px}.header--logo-stacked .header__nav-list{justify-content:center;flex-wrap:nowrap;gap:0 clamp(4px,1.2vw,18px)}.header--logo-stacked .header__nav-link{font-family:var(--font-heading);font-size:.95rem;letter-spacing:0;text-transform:none;color:var(--c-berry);min-height:46px}.header--logo-stacked.is-compact .header__nav-link{min-height:40px}.header--logo-left .header__inner{grid-template-columns:auto 1fr auto;grid-template-areas:"logo nav right";gap:32px}.header--logo-left .header__left{display:none}.header--logo-left .header__nav-list{justify-content:center;flex-wrap:nowrap}}@media(min-width:990px)and (max-width:1199px){.header__nav-link{padding:0 7px;letter-spacing:.04em;font-size:.75rem}.header--logo-stacked .header__nav-link{font-size:.875rem}.header--logo-stacked .header__label{display:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-header.css.map */