.announcement-bar{background-color:var(--color-primary);color:var(--color-white);padding:10px 0;font-size:1.3rem;position:relative;overflow:hidden}.announcement-bar__wrapper{display:flex;align-items:center;justify-content:center;gap:20px}.announcement-bar__nav{position:absolute;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-white);cursor:pointer;padding:5px;font-size:1.4rem;opacity:.8;transition:var(--transition-fast)}.announcement-bar__nav:hover{opacity:1}.announcement-bar__nav--prev{left:20px}.announcement-bar__nav--next{right:20px}.announcement-bar__content{display:flex;align-items:center;gap:8px}.announcement-bar__text{font-weight:500}.announcement-bar__link{color:#f5d742;font-weight:600;text-decoration:underline}.announcement-bar__link:hover{color:var(--color-white)}.header{background-color:var(--color-background);position:sticky;top:0;z-index:1000;box-shadow:var(--shadow-sm)}.header__wrapper{display:flex;align-items:center;justify-content:space-between;padding:16px 0;gap:40px}.header__logo{flex-shrink:0}.header__logo-link{display:block}.header__logo-image{max-height:60px;width:auto}.header__logo-text{font-family:var(--font-script);font-size:3.6rem;color:var(--color-primary);font-weight:700}.header__nav{flex:1;display:flex;justify-content:center}.header__menu{display:flex;align-items:center;gap:32px}.header__menu-item{position:relative}.header__menu-link{display:flex;align-items:center;gap:6px;font-size:1.5rem;font-weight:500;color:var(--color-primary);padding:8px 0;transition:var(--transition-fast)}.header__menu-link:hover{color:var(--color-accent)}.header__menu-link .badge-new{position:absolute;top:-8px;right:-20px;font-size:1rem;padding:2px 6px}.header__menu-link i{font-size:1rem;transition:var(--transition-fast)}.header__menu-item:hover .header__menu-link i{transform:rotate(180deg)}.header__dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%);min-width:220px;background-color:var(--color-white);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);padding:16px 0;opacity:0;visibility:hidden;transition:var(--transition-normal);z-index:100}.header__menu-item:hover .header__dropdown{opacity:1;visibility:visible}.header__dropdown-item{display:block;padding:10px 24px;font-size:1.4rem;color:var(--color-text);transition:var(--transition-fast)}.header__dropdown-item:hover{background-color:var(--color-secondary);color:var(--color-accent)}.header__actions{display:flex;align-items:center;gap:20px}.header__action-btn{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:2rem;color:var(--color-primary);transition:var(--transition-fast);border-radius:var(--border-radius-full)}.header__action-btn:hover{color:var(--color-accent);background-color:var(--color-secondary)}.header__cart-count{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;background-color:var(--color-accent);color:var(--color-white);font-size:1rem;font-weight:600;border-radius:var(--border-radius-full);display:flex;align-items:center;justify-content:center}.header__menu-toggle{display:none;flex-direction:column;gap:5px;padding:10px;cursor:pointer}.header__menu-toggle span{display:block;width:24px;height:2px;background-color:var(--color-primary);transition:var(--transition-fast)}.mobile-nav{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--color-white);z-index:2000;transform:translate(-100%);transition:var(--transition-normal);overflow-y:auto}.mobile-nav.is-open{transform:translate(0)}.mobile-nav__header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--color-gray)}.mobile-nav__close{font-size:2.4rem;color:var(--color-primary)}.mobile-nav__menu{padding:20px}.mobile-nav__item{border-bottom:1px solid var(--color-gray)}.mobile-nav__link{display:flex;align-items:center;justify-content:space-between;padding:16px 0;font-size:1.6rem;font-weight:500;color:var(--color-primary)}.mobile-nav__submenu{display:none;padding-left:20px;padding-bottom:16px}.mobile-nav__item.is-open .mobile-nav__submenu{display:block}.mobile-nav__sublink{display:block;padding:10px 0;font-size:1.4rem;color:var(--color-gray-dark)}@media (max-width: 1024px){.header__menu{gap:20px}.header__menu-link{font-size:1.4rem}}@media (max-width: 900px){.header__nav{display:none}.header__menu-toggle{display:flex}.mobile-nav{display:block}}@media (max-width: 480px){.header__wrapper{padding:12px 0}.header__logo-text{font-size:2.8rem}.header__actions{gap:12px}.header__action-btn{width:36px;height:36px;font-size:1.8rem}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-header.css.map */
