.top-bar{background-color:var(--color-bg-dark);color:var(--color-text-white);font-size:var(--fs-xs);padding:8px 0}.top-bar__inner{display:flex;align-items:center;justify-content:space-between}.top-bar__social{display:flex;align-items:center;gap:var(--space-md)}.top-bar__social a{color:var(--color-text-white);opacity:.7;transition:var(--transition-fast)}.top-bar__social a:hover{opacity:1;color:var(--color-primary)}.top-bar__social svg{width:16px;height:16px}.top-bar__info{display:flex;align-items:center;gap:var(--space-xl)}.top-bar__info-item{display:flex;align-items:center;gap:var(--space-xs);opacity:.8}.top-bar__info-item svg{width:14px;height:14px}.announcement-bar{background-color:var(--color-accent);color:var(--color-text-white);text-align:center;padding:10px var(--space-lg);font-size:var(--fs-sm);font-weight:var(--fw-medium);position:relative;transition:var(--transition)}.announcement-bar a{color:var(--color-text-white);text-decoration:underline}.announcement-bar a:hover{text-decoration:none}.announcement-bar__close{position:absolute;right:var(--space-lg);top:50%;transform:translateY(-50%);color:var(--color-text-white);opacity:.7;transition:var(--transition-fast);width:24px;height:24px;display:flex;align-items:center;justify-content:center}.announcement-bar__close:hover{opacity:1}.announcement-bar.is-hidden{display:none}.header{background:var(--color-bg);border-bottom:1px solid var(--color-border);position:relative;z-index:var(--z-sticky);transition:var(--transition)}.header.is-sticky{position:fixed;top:0;left:0;right:0;box-shadow:var(--shadow-md);animation:slideDown .3s ease}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.header__inner{display:flex;align-items:center;justify-content:space-between;height:var(--header-height);gap:var(--space-xl)}.header__logo{flex-shrink:0}.header__logo-link{display:flex;align-items:center;gap:var(--space-sm)}.header__logo-img{height:50px;width:auto}.header__logo-text{font-family:var(--font-heading);font-size:var(--fs-xl);font-weight:var(--fw-extrabold);color:var(--color-text);letter-spacing:1px}.header__logo-text span{color:var(--color-primary)}.header__nav{flex:1;display:flex;justify-content:center}.header__nav-list{display:flex;align-items:center;gap:var(--space-xs)}.header__nav-item{position:relative}.header__nav-link{display:flex;align-items:center;gap:4px;padding:10px 16px;font-family:var(--font-heading);font-size:var(--fs-sm);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.5px;color:var(--color-text);border-radius:var(--radius-md);transition:var(--transition-fast);position:relative}.header__nav-link:after{content:"";position:absolute;bottom:0;left:16px;right:16px;height:2px;background:var(--color-primary);transform:scaleX(0);transition:transform .3s ease}.header__nav-link:hover:after,.header__nav-link.is-active:after{transform:scaleX(1)}.header__nav-link:hover{color:var(--color-primary-dark)}.header__nav-link svg{width:10px;height:10px;transition:var(--transition-fast)}.header__dropdown{position:absolute;top:100%;left:0;min-width:220px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-sm) 0;opacity:0;visibility:hidden;transform:translateY(10px);transition:var(--transition);z-index:var(--z-dropdown)}.header__nav-item:hover .header__dropdown{opacity:1;visibility:visible;transform:translateY(0)}.header__dropdown-link{display:block;padding:10px 20px;font-size:var(--fs-sm);color:var(--color-text);transition:var(--transition-fast)}.header__dropdown-link:hover{background:var(--color-bg-alt);color:var(--color-primary-dark);padding-left:24px}.header__actions{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.header__action-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:var(--transition-fast);position:relative;color:var(--color-text)}.header__action-btn:hover{background:var(--color-bg-alt);color:var(--color-primary-dark)}.header__action-btn svg{width:22px;height:22px}.header__cart-count{position:absolute;top:2px;right:2px;width:18px;height:18px;background:var(--color-accent);color:var(--color-text-white);font-size:10px;font-weight:var(--fw-bold);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;line-height:1}.header__search{position:absolute;top:100%;left:0;right:0;background:var(--color-bg);padding:var(--space-lg);box-shadow:var(--shadow-lg);transform:translateY(-10px);opacity:0;visibility:hidden;transition:var(--transition);z-index:var(--z-dropdown)}.header__search.is-open{transform:translateY(0);opacity:1;visibility:visible}.header__search-form{display:flex;max-width:600px;margin:0 auto}.header__search-input{flex:1;padding:14px 20px;border:2px solid var(--color-border);border-right:none;border-radius:var(--radius-md) 0 0 var(--radius-md);font-size:var(--fs-base)}.header__search-input:focus{border-color:var(--color-primary)}.header__search-submit{padding:14px 24px;background:var(--color-primary);border:2px solid var(--color-primary);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--color-text);transition:var(--transition-fast)}.header__search-submit:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.header__search-submit svg{width:20px;height:20px}.header__menu-toggle{display:none;width:44px;height:44px;align-items:center;justify-content:center;color:var(--color-text)}.header__menu-toggle svg{width:24px;height:24px}.mobile-nav{position:fixed;top:0;left:-100%;width:320px;max-width:85vw;height:100vh;background:var(--color-bg);z-index:var(--z-drawer);transition:left .4s cubic-bezier(.25,.46,.45,.94);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;overflow-y:auto}.mobile-nav.is-open{left:0}.mobile-nav__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--color-border)}.mobile-nav__close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:var(--transition-fast)}.mobile-nav__close:hover{background:var(--color-bg-alt)}.mobile-nav__close svg{width:20px;height:20px}.mobile-nav__list{padding:var(--space-md)}.mobile-nav__link{display:block;padding:14px var(--space-md);font-family:var(--font-heading);font-size:var(--fs-base);font-weight:var(--fw-semibold);color:var(--color-text);border-bottom:1px solid var(--color-border);transition:var(--transition-fast)}.mobile-nav__link:hover{color:var(--color-primary-dark);padding-left:20px}.mobile-nav__footer{margin-top:auto;padding:var(--space-lg);border-top:1px solid var(--color-border)}.mobile-nav__social{display:flex;gap:var(--space-md);justify-content:center}.mobile-nav__social a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--color-bg-alt);color:var(--color-text);transition:var(--transition-fast)}.mobile-nav__social a:hover{background:var(--color-primary)}.mobile-nav__social svg{width:18px;height:18px}@media(max-width:1024px){.header__nav{display:none}.header__menu-toggle{display:flex}.top-bar__info{display:none}}@media(max-width:768px){.header__inner{height:64px}.header__logo-text{font-size:var(--fs-lg)}.top-bar{display:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-header.css.map */