.site-header{position:relative;z-index:100;background:var(--color-white);border-bottom:1px solid var(--color-border);height:var(--header-height)}.site-header--sticky{position:sticky;top:0;transition:box-shadow var(--transition-base)}.site-header--scrolled{box-shadow:var(--shadow-md)}.header__inner{display:flex;align-items:center;justify-content:space-between;height:var(--header-height);gap:var(--space-4)}.header__logo{flex-shrink:0;display:flex;align-items:center}.header__logo-link{display:flex;align-items:center;gap:var(--space-2);text-decoration:none}.header__logo-image{height:32px;width:auto}.header__logo-text{font-family:var(--font-heading-family);font-size:1.5rem;font-weight:800;color:var(--color-primary);letter-spacing:-.03em}.header__logo-tagline{font-size:.625rem;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;display:block;line-height:1}.header__nav{flex:1;display:flex;justify-content:center}.header__nav-list{display:flex;align-items:center;gap:var(--space-1)}.header__nav-item{position:relative}.header__nav-link{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);font-size:.9375rem;font-weight:600;color:var(--color-text);border-radius:var(--radius-md);transition:color var(--transition-fast),background var(--transition-fast)}.header__nav-link:hover,.header__nav-link--active{color:var(--color-primary);background:var(--color-bg)}.header__actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.header__action-btn{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);color:var(--color-text);transition:color var(--transition-fast),background var(--transition-fast)}.header__action-btn:hover{color:var(--color-primary);background:var(--color-bg)}.header__cart-count{position:absolute;top:4px;right:4px;width:16px;height:16px;background:var(--color-accent);color:var(--color-primary);font-size:.6rem;font-weight:800;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1}.header__cart-count[hidden]{display:none}.header__menu-toggle{display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);color:var(--color-primary);transition:background var(--transition-fast)}.header__menu-toggle:hover{background:var(--color-bg)}.mobile-nav{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:200}.mobile-nav.is-open{display:block}.mobile-nav__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;animation:fade-in .25s ease}.mobile-nav__drawer{position:absolute;top:0;right:0;bottom:0;width:300px;max-width:85vw;background:var(--color-white);display:flex;flex-direction:column;animation:slide-in .3s ease;overflow-y:auto}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.mobile-nav__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border)}.mobile-nav__close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--color-text)}.mobile-nav__list{padding:var(--space-4) var(--space-6);display:flex;flex-direction:column;gap:var(--space-1)}.mobile-nav__link{display:block;padding:var(--space-3) var(--space-4);font-size:1.0625rem;font-weight:600;color:var(--color-text);border-radius:var(--radius-md);transition:background var(--transition-fast),color var(--transition-fast)}.mobile-nav__link:hover{background:var(--color-bg);color:var(--color-primary)}.mobile-nav__footer{margin-top:auto;padding:var(--space-6);border-top:1px solid var(--color-border)}.announcement-bar{background:var(--color-primary);color:var(--color-white);padding:var(--space-2) var(--container-padding);text-align:center;font-size:.8125rem;font-weight:500}.announcement-bar a{color:var(--color-accent);font-weight:600}.announcement-bar a:hover{text-decoration:underline}@media(max-width:768px){.header__nav{display:none}.header__menu-toggle{display:flex}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-header.css.map */