.header{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:1rem var(--section-padding);background:transparent;transition:background-color .3s ease,border-color .3s ease;border-bottom:1px solid transparent}.header--scrolled{background:var(--color-bg-alt);border-bottom-color:var(--color-border)}.header__logo{font-family:var(--font-heading);font-size:1.2rem;font-weight:400;letter-spacing:var(--ls-label);color:var(--color-text);text-decoration:none;white-space:nowrap}.header__logo:hover{color:var(--color-accent)}.header__nav{display:flex;align-items:center;gap:2rem}.header__nav-link{font-family:var(--font-body);font-size:var(--fs-label);font-weight:500;text-transform:uppercase;letter-spacing:var(--ls-wide);color:var(--color-text-muted);text-decoration:none;transition:color .3s ease}.header__nav-link:hover{color:var(--color-accent)}.header__cart{position:relative;color:var(--color-text);background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .3s ease}.header__cart:hover{color:var(--color-accent)}.header__cart-count{position:absolute;top:-6px;right:-8px;background:var(--color-accent);color:var(--color-bg);font-family:var(--font-body);font-size:.65rem;font-weight:600;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1}.header__actions-mobile{display:none;align-items:center;gap:.75rem}.header__menu-btn{display:flex;align-items:center;justify-content:center;color:var(--color-text);background:none;border:none;cursor:pointer;padding:4px}.header__mobile-nav{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-bg);z-index:1001;display:none;flex-direction:column;align-items:center;justify-content:center;gap:2rem}.header__mobile-nav--open{display:flex}.header__mobile-close{position:absolute;top:1rem;right:1.5rem;color:var(--color-text);background:none;border:none;cursor:pointer;padding:4px}.header__mobile-link{font-family:var(--font-heading);font-size:2rem;font-weight:400;color:var(--color-text);text-decoration:none;letter-spacing:var(--ls-label);transition:color .3s ease}.header__mobile-link:hover{color:var(--color-accent)}@media(max-width:768px){.header{padding:1rem 1.5rem}.header__nav{display:none}.header__actions-mobile{display:flex}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/header.css.map */