.announcement-bar{background:rgb(var(--color-primary));color:rgb(var(--color-button-text));font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.announcement-bar__inner{display:flex;align-items:center;justify-content:center;gap:16px;padding:10px clamp(16px,4vw,48px);position:relative;min-height:40px}.announcement-bar__slide{display:none;text-align:center}.announcement-bar__slide.is-active{display:block}.announcement-bar__nav{position:absolute;top:50%;transform:translateY(-50%);opacity:.7}.announcement-bar__nav:hover{opacity:1}.announcement-bar__nav--prev{left:12px}.announcement-bar__nav--next{right:12px}.site-header{position:sticky;top:0;z-index:60;background:rgb(var(--color-background));border-bottom:1px solid transparent;transition:background-color .35s ease,border-color .35s ease,transform .3s ease}.site-header[data-transparent=true]{position:absolute;top:0;left:0;right:0;background:transparent;border-bottom-color:transparent}.site-header[data-transparent=true] .site-header__link,.site-header[data-transparent=true] .site-header__icon-btn,.site-header[data-transparent=true] .site-header__logo-text{color:#fff}.site-header[data-transparent=true] .site-header__logo--light{display:block}.site-header[data-transparent=true] .site-header__logo--dark{display:none}.site-header.is-scrolled{background:rgb(var(--color-background));border-bottom-color:rgba(var(--color-border),1)}.site-header.is-scrolled .site-header__link,.site-header.is-scrolled .site-header__icon-btn,.site-header.is-scrolled .site-header__logo-text{color:rgb(var(--color-text))}.site-header.is-scrolled .site-header__logo--light{display:none}.site-header.is-scrolled .site-header__logo--dark{display:block}.site-header.header-hidden{transform:translateY(-100%)}.site-header__inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding-block:20px}.site-header__logo{justify-self:start}.site-header__logo img{height:auto;width:var(--logo-width, 150px)}.site-header__logo-text{font-family:var(--font-heading-family);font-size:1.5rem;letter-spacing:.08em}.site-header__nav{justify-self:center;display:flex;gap:clamp(18px,2vw,34px)}.site-header__link{font-size:.76rem;letter-spacing:.1em;text-transform:var(--nav-text-transform);padding:8px 0;position:relative}.site-header__link:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.site-header__link:hover:after,.site-header__nav-item.is-open .site-header__link:after{transform:scaleX(1)}.site-header__actions{justify-self:end;display:flex;align-items:center;gap:18px}.site-header__icon-btn{position:relative;display:inline-flex}.site-header__cart-count{position:absolute;top:-7px;right:-9px;background:rgb(var(--color-accent));color:#fff;font-size:.6rem;min-width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0 2px}.site-header__nav-item{position:relative}.mega-menu{position:absolute;top:calc(100% + 20px);left:50%;transform:translate(-50%);width:min(920px,90vw);background:rgb(var(--color-background-secondary));box-shadow:0 24px 48px #0000001f;padding:40px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,transform .25s ease;transform:translate(-50%) translateY(6px)}.site-header__nav-item.is-open .mega-menu{opacity:1;visibility:visible;pointer-events:all;transform:translate(-50%) translateY(0)}.mega-menu__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.mega-menu__col-title{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:rgb(var(--color-text-muted));margin-bottom:14px}.mega-menu__link{display:block;padding:6px 0;font-size:.88rem}.mega-menu__link:hover{color:rgb(var(--color-accent))}.mega-menu__promo img{aspect-ratio:4/5;object-fit:cover;margin-bottom:12px}.header-mobile-toggle{display:none}@media(max-width:989px){.site-header__nav,.mega-menu{display:none}.header-mobile-toggle{display:inline-flex}.site-header__inner{grid-template-columns:auto 1fr auto}}.mobile-menu{position:fixed;top:0;right:20%;bottom:0;left:0;z-index:100;background:rgb(var(--color-background));transform:translate(-100%);transition:transform .35s ease;overflow-y:auto}.mobile-menu.is-open{transform:translate(0)}.mobile-menu__header{display:flex;justify-content:flex-end;padding:18px}.mobile-menu__list{padding:0 24px 40px}.mobile-menu__link{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid rgba(var(--color-border),1);font-size:1rem;font-family:var(--font-heading-family)}.mobile-menu__submenu{max-height:0;overflow:hidden;transition:max-height .3s ease}.mobile-menu__submenu.is-open{max-height:1000px}.mobile-menu__sublink{display:block;padding:10px 0 10px 16px;font-size:.9rem;color:rgb(var(--color-text-muted))}.mobile-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:99;opacity:0;pointer-events:none;transition:opacity .3s ease}.mobile-menu-backdrop.is-open{opacity:1;pointer-events:all}.search-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#00000059;opacity:0;visibility:hidden;transition:opacity .25s ease}.search-drawer.is-open{opacity:1;visibility:visible}.search-drawer__panel{background:rgb(var(--color-background));padding:clamp(20px,4vw,48px);max-height:80vh;overflow-y:auto;transform:translateY(-16px);transition:transform .25s ease}.search-drawer.is-open .search-drawer__panel{transform:translateY(0)}.search-drawer__form{display:flex;align-items:center;gap:16px;border-bottom:1px solid rgba(var(--color-border),1);padding-bottom:16px}.search-drawer__input{flex:1;border:none;background:transparent;font-size:1.1rem;font-family:var(--font-heading-family)}.search-drawer__input:focus{outline:none}.search-drawer__results{margin-top:24px}.predictive-search__group-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:rgb(var(--color-text-muted));margin-bottom:12px}.predictive-search__item{display:flex;gap:14px;align-items:center;padding:10px 0}.predictive-search__item img{width:56px;aspect-ratio:3/4;object-fit:cover}button[data-cart-toggle]{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/9/assets/component-header.css.map */