.announcement-bar{background-color:var(--color-dark);color:var(--color-dark-text);font-size:.8125rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em;text-align:center;padding-block:.5rem}.announcement-bar .container{display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.announcement-bar__close{color:var(--color-dark-text);opacity:.6;flex-shrink:0}.announcement-bar__close:hover{opacity:1}.header{position:sticky;top:0;z-index:100;background-color:var(--color-bg);border-bottom:1px solid var(--color-border);height:var(--header-height);transition:box-shadow var(--duration) var(--ease)}.header.is-scrolled{box-shadow:0 1px 12px #0000000f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.header__inner{display:flex;align-items:center;justify-content:space-between;height:100%;gap:var(--space-4)}.header__logo{font-family:var(--font-display);font-weight:700;font-size:1.5rem;letter-spacing:-.02em;white-space:nowrap}.header__menu-toggle{display:none}.header__nav{display:flex;align-items:center;gap:var(--space-4);flex:1;justify-content:center}.header__nav-link{display:flex;align-items:center;gap:.25rem;font-size:.8125rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;padding-block:.5rem;position:relative}.header__nav-link:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:var(--color-accent);transform:scaleX(0);transition:transform var(--duration) var(--ease)}.header__nav-link:hover:after{transform:scaleX(1)}.header__dropdown{position:absolute;top:100%;left:0;right:0;background:var(--color-bg);border-bottom:1px solid var(--color-border);padding-block:var(--space-3);opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity var(--duration) var(--ease),visibility var(--duration) var(--ease),transform var(--duration) var(--ease)}.has-dropdown:hover .header__dropdown,.has-dropdown:focus-within .header__dropdown{opacity:1;visibility:visible;transform:translateY(0)}.header__dropdown-inner{display:flex;gap:var(--space-4)}.header__dropdown-link{font-size:.875rem;font-weight:400;padding-block:.25rem;white-space:nowrap}.header__dropdown-link:hover{color:var(--color-accent)}.header__actions{display:flex;align-items:center;gap:var(--space-2)}.header__action{display:flex;align-items:center;justify-content:center;width:40px;height:40px;position:relative}.header__cart-count{position:absolute;top:2px;right:2px;background:var(--color-accent);color:var(--color-dark);font-size:.625rem;font-weight:600;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center}.mobile-nav{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--color-bg);z-index:200;display:flex;flex-direction:column;transform:translate(-100%);transition:transform .3s var(--ease)}.mobile-nav.is-open{transform:translate(0)}.mobile-nav__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2);border-bottom:1px solid var(--color-border);min-height:var(--header-height-mobile)}.mobile-nav__links{flex:1;overflow-y:auto;padding:var(--space-2)}.mobile-nav__link{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) 0;font-size:1.125rem;font-weight:500;border-bottom:1px solid var(--color-border);min-height:56px}.mobile-nav__group summary{cursor:pointer;list-style:none}.mobile-nav__group summary::-webkit-details-marker{display:none}.mobile-nav__group[open] summary svg{transform:rotate(180deg)}.mobile-nav__sub{padding-left:var(--space-2);padding-bottom:var(--space-1)}.mobile-nav__sublink{display:block;padding:var(--space-1) 0;font-size:1rem;color:var(--color-text-secondary)}.mobile-nav__sublink:hover{color:var(--color-accent)}.mobile-nav__footer{display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-2);border-top:1px solid var(--color-border)}.mobile-nav__social{font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}@media(max-width:1023px){.header{height:var(--header-height-mobile)}.header__nav{display:none}.header__menu-toggle{display:flex}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-header.css.map */