.header{position:sticky;top:0;z-index:40;background-color:var(--color-background);border-bottom:1px solid var(--color-border);transition:transform var(--duration-base) var(--ease-standard),background-color var(--duration-base) var(--ease-standard)}.header[data-scroll-state=hidden]{transform:translateY(-100%)}.header--transparent-capable[data-scrolled=false]{position:absolute;top:0;left:0;right:0;background-color:transparent;border-bottom-color:transparent}.header--transparent-capable[data-scrolled=false] .header__nav-link,.header--transparent-capable[data-scrolled=false] .header__logo-text,.header--transparent-capable[data-scrolled=false] .header__utility-link,.header--transparent-capable[data-scrolled=false] .header__mobile-toggle{color:var(--gray-50)}.header__announcement{background-color:var(--color-primary);color:var(--color-text-primary);text-align:center;padding:var(--space-2) var(--space-4)}.header__announcement-text{margin:0;font-size:var(--text-xs);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.header__row{padding:0 var(--container-gutter)}.header__container{max-width:var(--container-max-width);margin:0 auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-4);height:72px}@media(min-width:990px){.header__container{grid-template-columns:1fr auto 1fr}.header__mobile-toggle{display:none}}.header__mobile-toggle{background:none;border:none;padding:var(--space-2);color:var(--color-text-primary);cursor:pointer;justify-self:start}.header__logo{justify-self:center}@media(min-width:990px){.header__logo{justify-self:start}}.header__logo-link{display:inline-flex;align-items:center}.header__logo-image{height:32px;width:auto;display:block}.header__logo-text{font-family:var(--font-heading);font-size:var(--text-xl);letter-spacing:var(--letter-spacing-tight);color:var(--color-text-primary)}.header__nav{display:none}@media(min-width:990px){.header__nav{display:block;justify-self:center}}.header__nav-list{display:flex;gap:var(--space-6);margin:0;padding:0;list-style:none}.header__nav-item{position:relative}.header__nav-link{display:inline-flex;align-items:center;gap:var(--space-1);height:72px;color:var(--color-text-primary);text-decoration:none;font-size:var(--text-sm);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;transition:color var(--duration-fast) var(--ease-standard)}.header__nav-link:hover,.header__nav-link:focus-visible{color:var(--color-accent-dark)}.header__nav-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.icon-chevron-down{transition:transform var(--duration-fast) var(--ease-standard)}.header__nav-link[aria-expanded=true] .icon-chevron-down{transform:rotate(180deg)}.header__nav-link:after{content:"";position:absolute;left:0;bottom:20px;width:0;height:1.5px;background-color:var(--color-accent);transition:width var(--duration-fast) var(--ease-standard)}.header__nav-link:hover:after,.header__nav-link[aria-expanded=true]:after{width:100%}.header__utility{display:flex;align-items:center;gap:var(--space-4);justify-self:end}.header__utility-link{position:relative;color:var(--color-text-primary);display:inline-flex;padding:var(--space-1)}.header__utility-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.header__cart-count{position:absolute;top:-4px;right:-6px;min-width:16px;height:16px;padding:0 3px;border-radius:var(--radius-full);background-color:var(--color-accent);color:var(--color-primary);font-size:10px;line-height:16px;text-align:center;font-weight:var(--font-weight-medium)}.header__cart-count--hidden{display:none}.header__mega-menu{position:absolute;top:100%;left:50%;transform:translate(-50%);width:min(90vw,880px);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);margin-top:var(--space-2);opacity:0;animation:header-mega-menu-in var(--duration-base) var(--ease-standard) forwards}@keyframes header-mega-menu-in{0%{opacity:0;transform:translate(-50%) translateY(-6px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.header__mega-menu-inner{display:grid;grid-template-columns:1fr 280px;gap:var(--space-8);padding:var(--space-8)}.header__mega-menu-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}.header__mega-menu-heading{font-size:var(--text-xs);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--color-text-secondary);margin:0 0 var(--space-3)}.header__mega-menu-column ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.header__mega-menu-column a{color:var(--color-text-primary);text-decoration:none;font-size:var(--text-sm)}.header__mega-menu-column a:hover{color:var(--color-accent-dark)}.header__mega-menu-feature{position:relative;display:block;border-radius:var(--radius-sm);overflow:hidden}.header__mega-menu-feature img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--duration-slow) var(--ease-standard)}.header__mega-menu-feature:hover img{transform:scale(1.04)}.header__mega-menu-feature-heading{position:absolute;left:var(--space-4);bottom:var(--space-4);color:var(--gray-50);font-family:var(--font-heading);font-size:var(--text-lg)}.header__mobile-drawer{position:fixed;top:0;left:0;bottom:0;width:min(85vw,360px);background-color:var(--color-surface);z-index:60;transform:translate(-100%);transition:transform var(--duration-base) var(--ease-standard);display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.header__mobile-drawer[data-open=true]{transform:translate(0)}.header__mobile-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border)}.header__mobile-drawer-title{font-family:var(--font-heading);font-size:var(--text-lg)}.header__mobile-drawer-close{background:none;border:none;cursor:pointer;color:var(--color-text-primary);padding:var(--space-2)}.header__mobile-nav-list{list-style:none;margin:0;padding:var(--space-4) var(--space-6);overflow-y:auto}.header__mobile-nav-item{border-bottom:1px solid var(--color-border)}.header__mobile-nav-link,.header__mobile-nav-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-4) 0;background:none;border:none;color:var(--color-text-primary);text-decoration:none;font-size:var(--text-base);text-align:left;cursor:pointer}.header__mobile-nav-toggle[aria-expanded=true] .icon-chevron-down{transform:rotate(180deg)}.header__mobile-submenu{list-style:none;margin:0 0 var(--space-3);padding:0 0 0 var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.header__mobile-submenu a{color:var(--color-text-secondary);text-decoration:none;font-size:var(--text-sm)}.header__mobile-submenu-heading{font-size:var(--text-xs);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--color-text-secondary);opacity:.7;margin-top:var(--space-2)}.header__mobile-submenu-heading:first-child{margin-top:0}.header__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#14131166;z-index:50;opacity:0;transition:opacity var(--duration-base) var(--ease-standard)}.header__overlay[data-visible=true]{opacity:1}@media(prefers-reduced-motion:reduce){.header,.header__mega-menu,.header__mobile-drawer,.header__overlay{transition:none;animation:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-header.css.map */