.wh-header{background-color:var(--wh-color-canvas);border-bottom:1px solid var(--wh-color-hairline);position:sticky;top:0;z-index:100}.wh-header__container{max-width:var(--wh-page-max-width);margin:0 auto;padding:1.6rem 2rem;display:flex;align-items:center;justify-content:space-between}.wh-header__logo{display:flex;align-items:center;gap:.8rem;text-decoration:none;font-family:var(--wh-font-heading, var(--wh-font-family));font-size:2.4rem;font-weight:800;flex:1;color:var(--wh-color-brand-navy)}.wh-header__logo .wh-logo__text{font-family:var(--wh-font-heading, var(--wh-font-family));font-size:2.8rem;font-weight:800;color:var(--wh-color-brand-navy)}.wh-header__logo .wh-logo__accent{color:var(--wh-color-primary)}.wh-header__logo .wh-logo__icon svg{width:48px;height:48px}@media screen and (max-width:768px){.wh-header__container{padding:1rem 1.2rem}.wh-header__logo{gap:.4rem;min-width:0;flex:1 1 auto}.wh-header__logo .wh-logo__text{font-size:1.5rem;font-weight:800;line-height:1.1}.wh-header__logo .wh-logo__icon svg{width:28px;height:28px}.wh-header__icons{flex:0 0 auto;gap:1.2rem}.wh-header__icon-link svg{width:22px;height:22px}}.wh-header__nav{display:flex;align-items:center;gap:3.2rem}.wh-header__nav-link{text-decoration:none;color:var(--wh-color-brand-navy);font-weight:600;font-size:1.4rem;display:flex;align-items:center;gap:.4rem;transition:color var(--wh-transition-fast)}.wh-header__nav-link:hover{color:var(--wh-color-brand-navy);opacity:.8}.wh-header__nav-link svg{width:12px;height:12px}.wh-header__icons{display:flex;align-items:center;justify-content:flex-end;gap:2.4rem;flex:1}.wh-header__icon-link{color:var(--wh-color-brand-navy);position:relative;transition:color var(--wh-transition-fast);display:flex;align-items:center;text-decoration:none}.wh-header__icon-link:hover{color:var(--wh-color-brand-navy);opacity:.8}.wh-header__icon-link svg{width:24px;height:24px}.wh-header__icon-link--text{font-size:1.2rem;font-weight:600;white-space:nowrap}.wh-header__cart-badge{position:absolute;top:-8px;right:-8px;background-color:var(--wh-color-primary);color:var(--wh-color-on-primary);font-size:1rem;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}@media screen and (max-width:900px){.wh-header__nav{display:none}.wh-header__icons{gap:1.6rem}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/section-wh-header.css.map */