.header{position:sticky;top:0;z-index:100;background:var(--color-white);border-bottom:1px solid var(--color-gray-200)}.header__container{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);max-width:var(--container-max-width);margin:0 auto}.header__logo{flex-shrink:0}.header__logo-image{height:40px;width:auto;max-width:var(--logo-width, 150px);object-fit:contain}.header__logo-text{font-family:var(--font-heading);font-size:1.5rem;font-weight:600;color:var(--color-primary)}.header__nav{display:flex;align-items:center}.header__nav-list{display:flex;gap:var(--spacing-xl);list-style:none;margin:0;padding:0}.header__nav-item{position:relative}.header__nav-link{font-size:.875rem;font-weight:400;color:var(--color-text);text-transform:uppercase;letter-spacing:1px;padding:var(--spacing-sm) 0;transition:color var(--transition-fast)}.header__nav-link:hover,.header__nav-link.active{color:var(--color-primary)}.header__dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%);background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--spacing-md);min-width:200px;opacity:0;visibility:hidden;transition:opacity var(--transition-fast),visibility var(--transition-fast);z-index:100}.header__nav-item:hover .header__dropdown{opacity:1;visibility:visible}.header__dropdown-list{list-style:none;margin:0;padding:0}.header__dropdown-link{display:block;padding:.5rem 1rem;color:var(--color-text);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.header__dropdown-link:hover{background:var(--color-gray-100);color:var(--color-primary)}.header__actions{display:flex;align-items:center;gap:var(--spacing-md)}.header__icon-btn{position:relative;padding:.5rem;color:var(--color-text);background:none;border:none;cursor:pointer;transition:color var(--transition-fast)}.header__icon-btn:hover{color:var(--color-primary)}.header__icon-btn svg{width:24px;height:24px}.header__cart-count{position:absolute;top:0;right:0;background:var(--color-primary);color:var(--color-white);font-size:.625rem;font-weight:600;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.header__menu-btn{display:none;flex-direction:column;gap:5px;padding:.5rem;background:none;border:none;cursor:pointer}.header__menu-btn span{display:block;width:24px;height:2px;background:var(--color-text);transition:all var(--transition-fast)}.header__menu-btn.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.header__menu-btn.active span:nth-child(2){opacity:0}.header__menu-btn.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.header__mobile-nav{display:none;position:fixed;top:calc(var(--header-height, 70px) + var(--announcement-height, 0px));left:0;right:0;bottom:0;background:var(--color-white);padding:var(--spacing-lg);z-index:999;overflow-y:auto;transform:translate(-100%);transition:transform var(--transition-base)}.header__mobile-nav.open{transform:translate(0)}.header__mobile-nav-list{list-style:none;margin:0;padding:0}.header__mobile-nav-link{display:block;padding:var(--spacing-md) 0;font-size:1.125rem;font-weight:500;color:var(--color-text);border-bottom:1px solid var(--color-gray-200)}.header__mobile-nav-link:hover,.header__mobile-nav-link.active{color:var(--color-primary)}@media(max-width:1024px){.header__nav-list{gap:var(--spacing-lg)}}@media(max-width:768px){.header__nav{display:none}.header__menu-btn{display:flex}.header__mobile-nav{display:block}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/component-header.css.map */