.announcement-bar{background:var(--color-dark-base);color:var(--color-text-inverted);padding:var(--space-2-5) var(--space-4);text-align:center;position:relative;overflow:hidden}.announcement-bar__inner{display:flex;align-items:center;justify-content:center;gap:var(--space-3);max-width:var(--container-xl);margin:0 auto}.announcement-bar__text{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-inverted-secondary);line-height:1.4}.announcement-bar__text strong{color:var(--color-text-inverted);font-weight:var(--weight-semibold)}.announcement-bar__link{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-inverted);text-decoration:underline;text-underline-offset:2px;transition:color var(--transition-base);white-space:nowrap}.announcement-bar__link:hover{color:#ffffffbf}.announcement-bar__close{position:absolute;right:var(--space-4);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-text-inverted-secondary);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:color var(--transition-base);line-height:1}.announcement-bar__close:hover{color:var(--color-text-inverted)}.site-header{position:sticky;top:0;z-index:100;background:#f9f9f9d9;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-bottom:1px solid transparent;transition:border-color var(--transition-base),box-shadow var(--transition-base),background var(--transition-base)}.site-header.is-scrolled{border-bottom-color:var(--color-border-subtle);box-shadow:0 1px 0 var(--color-border-subtle),0 4px 16px #0000000a}.site-header__inner{display:flex;align-items:center;justify-content:space-between;height:var(--header-height);max-width:var(--container-2xl);margin:0 auto;padding:0 var(--space-6);gap:var(--space-8)}.site-header__logo{display:flex;align-items:center;flex-shrink:0;text-decoration:none}.site-header__logo-text{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-text-primary);letter-spacing:var(--tracking-tight);line-height:1}.site-header__logo-text span{color:var(--color-accent)}.site-nav{display:flex;align-items:center;gap:var(--space-1);flex:1;justify-content:center}.site-nav__link{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3-5);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);border-radius:var(--radius-md);transition:color var(--transition-fast),background-color var(--transition-fast);text-decoration:none;white-space:nowrap}.site-nav__link:hover{color:var(--color-text-primary);background-color:var(--color-surface-2)}.site-nav__link.is-active{color:var(--color-text-primary);font-weight:var(--weight-semibold)}.site-nav__item--dropdown{position:relative}.site-nav__dropdown{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(6px) scale(.97);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-3);min-width:520px;box-shadow:0 24px 64px #0000001a,0 8px 24px #0000000f,0 0 0 1px #00000005;opacity:0;visibility:hidden;transition:opacity .18s ease,transform .18s ease,visibility .18s ease;display:grid;grid-template-columns:1fr 1fr;gap:2px}.site-nav__item--dropdown:hover .site-nav__dropdown,.site-nav__item--dropdown:focus-within .site-nav__dropdown{opacity:1;visibility:visible;transform:translate(-50%) translateY(0) scale(1)}.site-nav__dropdown-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2-5) var(--space-3);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--color-text-secondary);transition:background .12s ease,color .12s ease;text-decoration:none}.site-nav__dropdown-link:hover{background:var(--color-surface-2);color:var(--color-text-primary)}.site-nav__dropdown-link-icon{width:34px;height:34px;background:var(--color-surface-2);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px;transition:background .12s ease;border:1px solid var(--color-border-subtle)}.site-nav__dropdown-link:hover .site-nav__dropdown-link-icon{background:var(--color-accent-light);border-color:#2563eb1f}.site-header__actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.cart-trigger{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;position:relative;transition:all var(--transition-fast)}.cart-trigger:hover{background:var(--color-surface-2);color:var(--color-text-primary);border-color:var(--color-text-tertiary)}.cart-count{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 4px;background:var(--color-accent);color:#fff;border-radius:var(--radius-full);font-size:10px;font-weight:var(--weight-bold);display:flex;align-items:center;justify-content:center;line-height:1;display:none}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;background:none;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;padding:var(--space-2-5);transition:all var(--transition-fast)}.mobile-menu-toggle:hover{background:var(--color-surface-2)}.mobile-menu-toggle span{display:block;width:100%;height:1.5px;background-color:var(--color-text-primary);border-radius:2px;transition:all var(--transition-base);transform-origin:center}.mobile-menu-toggle[aria-expanded=true] span:nth-child(1){transform:rotate(45deg) translate(4.5px,4.5px)}.mobile-menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0;transform:scaleX(0)}.mobile-menu-toggle[aria-expanded=true] span:nth-child(3){transform:rotate(-45deg) translate(4.5px,-4.5px)}.mobile-menu{position:fixed;top:0;right:0;bottom:0;width:min(340px,90vw);background:var(--color-surface);z-index:200;transform:translate(100%);transition:transform var(--transition-slow) var(--ease-out);display:flex;flex-direction:column;overflow-y:auto;box-shadow:var(--shadow-2xl)}.mobile-menu.is-open{transform:translate(0)}.mobile-menu__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border)}.mobile-menu__close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-fast)}.mobile-menu__close:hover{background:var(--color-surface-2);color:var(--color-text-primary)}.mobile-menu__nav{padding:var(--space-4) var(--space-4);flex:1}.mobile-menu__section-title{font-size:var(--text-2xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-text-tertiary);padding:var(--space-3) var(--space-3) var(--space-2)}.mobile-menu__link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--color-text-secondary);text-decoration:none;transition:all var(--transition-fast)}.mobile-menu__link:hover{background:var(--color-surface-2);color:var(--color-text-primary)}.mobile-menu__link svg{width:16px;height:16px;flex-shrink:0;color:var(--color-text-tertiary)}.mobile-menu__footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-3)}.site-nav__dropdown-link-title{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-primary);line-height:1.3}.site-nav__dropdown-link-desc{font-size:var(--text-xs);color:var(--color-text-tertiary);line-height:1.4;margin-top:1px}.logo-x-accent{color:var(--color-accent)}.mobile-menu__divider{height:1px;background:var(--color-border);margin:var(--space-4) var(--space-3)}.btn--full{width:100%;justify-content:center}@media(max-width:1024px){.site-nav{display:none}.mobile-menu-toggle{display:flex}}@media(max-width:480px){.site-header__inner{padding:0 var(--space-4)}.site-header__logo-text{font-size:var(--text-lg)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-header.css.map */