.site-header{position:sticky;top:0;left:0;right:0;z-index:var(--z-sticky);background:var(--color-near-black);color:var(--color-white);transition:box-shadow var(--transition-normal),transform var(--transition-normal)}.site-header.is-scrolled{box-shadow:0 2px 20px #0003}.site-header.is-hidden{transform:translateY(-100%)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:var(--header-height);gap:var(--space-6)}.header-logo{display:flex;align-items:center;flex-shrink:0}.header-logo img{height:40px;width:auto}.header-nav{display:flex;align-items:center;gap:var(--space-1);flex:1;justify-content:center}.header-nav__item{position:relative}.header-nav__link{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);font-size:var(--fs-small);font-weight:var(--fw-medium);color:#ffffffd9;border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast);white-space:nowrap}.header-nav__link:hover,.header-nav__link.is-active{color:var(--color-white);background:#ffffff14}.header-nav__link svg{width:14px;height:14px;transition:transform var(--transition-fast)}.header-nav__item.is-open .header-nav__link svg{transform:rotate(180deg)}.header-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.header-action-btn{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md);color:#ffffffd9;transition:color var(--transition-fast),background var(--transition-fast)}.header-action-btn:hover{color:var(--color-white);background:#ffffff14}.header-action-btn svg{width:22px;height:22px}.header-cart-count{position:absolute;top:4px;right:4px;min-width:18px;height:18px;background:var(--color-brand);color:var(--color-white);border-radius:var(--radius-full);font-size:11px;font-weight:var(--fw-bold);display:flex;align-items:center;justify-content:center;padding:0 4px}.header-search{position:relative;display:flex;align-items:center}.header-search__input{width:200px;padding:8px 36px 8px var(--space-4);background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-full);font-size:var(--fs-small);color:var(--color-white);transition:all var(--transition-fast)}.header-search__input::placeholder{color:#ffffff80}.header-search__input:focus{outline:none;width:240px;background:#ffffff1f;border-color:#ffffff4d;box-shadow:none}.header-search__icon{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);width:16px;height:16px;color:#ffffff80;pointer-events:none}.header-mobile-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;gap:5px;border-radius:var(--radius-md);color:var(--color-white);transition:background var(--transition-fast)}.header-mobile-toggle:hover{background:#ffffff14}.header-mobile-toggle span{display:block;width:22px;height:2px;background:currentColor;border-radius:2px;transition:all var(--transition-fast)}.header-mobile-toggle.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.header-mobile-toggle.is-open span:nth-child(2){opacity:0;transform:scaleX(0)}.header-mobile-toggle.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media(max-width:1024px){.header-nav,.header-search{display:none}.header-mobile-toggle{display:flex}.header-action-search--mobile{display:flex!important}.header-actions{gap:var(--space-1)}}@media(max-width:480px){.header-inner{padding:0 var(--space-3);gap:var(--space-2)}.header-logo img{height:28px}.mobile-drawer{max-width:90vw}.mobile-drawer__footer .btn{font-size:var(--fs-small);padding:10px var(--space-4)}}.header-nav__item--has-dropdown{position:relative}.nav-dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(-8px);background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border:1px solid var(--color-border-light);padding:var(--space-4) 0;z-index:var(--z-dropdown);min-width:220px;opacity:0;visibility:hidden;transition:all var(--transition-normal);pointer-events:none}.header-nav__item--has-dropdown:hover .nav-dropdown,.header-nav__item--has-dropdown:focus-within .nav-dropdown{opacity:1;visibility:visible;transform:translate(-50%) translateY(0);pointer-events:auto}.nav-dropdown__link{display:block;padding:var(--space-2) var(--space-5);color:var(--color-near-black);font-size:var(--fs-small);white-space:nowrap;transition:background var(--transition-fast),color var(--transition-fast)}.nav-dropdown__link:hover{background:var(--color-light-gray);color:var(--color-brand)}.mega-menu{position:absolute;top:calc(100% + var(--space-2));left:50%;transform:translate(-50%);background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border:1px solid var(--color-border-light);padding:var(--space-6);z-index:var(--z-dropdown);min-width:600px;opacity:0;visibility:hidden;transform:translate(-50%) translateY(-8px);transition:all var(--transition-normal);pointer-events:none}.header-nav__item.is-open .mega-menu,.header-nav__item:hover .mega-menu{opacity:1;visibility:visible;transform:translate(-50%) translateY(0);pointer-events:auto}.mega-menu__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.mega-menu__col-title{font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--color-medium-gray);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-3)}.mega-menu__list{display:flex;flex-direction:column;gap:var(--space-2)}.mega-menu__link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:background var(--transition-fast);color:var(--color-near-black)}.mega-menu__link:hover{background:var(--color-light-gray);color:var(--color-brand)}.mega-menu__link-icon{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--color-brand-light);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-brand)}.mega-menu__link-icon svg{width:18px;height:18px}.mega-menu__link-text{font-size:var(--fs-small);font-weight:var(--fw-medium)}.mega-menu__link-sub{font-size:var(--fs-xs);color:var(--color-medium-gray);font-weight:var(--fw-regular)}.mobile-drawer{position:fixed;top:0;left:0;bottom:0;width:300px;max-width:85vw;background:var(--color-near-black);color:var(--color-white);z-index:var(--z-modal);transform:translate(-100%);transition:transform var(--transition-slow);display:flex;flex-direction:column;overflow-y:auto}.mobile-drawer.is-open{transform:translate(0)}.mobile-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-5);border-bottom:1px solid rgba(255,255,255,.1)}.mobile-drawer__logo img{height:32px}.mobile-drawer__close{color:#ffffffb3;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.mobile-drawer__close:hover{background:#ffffff1a;color:var(--color-white)}.mobile-drawer__nav{flex:1;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1)}.mobile-drawer__nav-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--fs-body);font-weight:var(--fw-medium);color:#ffffffd9;transition:background var(--transition-fast),color var(--transition-fast)}.mobile-drawer__nav-item:hover{background:#ffffff14;color:var(--color-white)}.mobile-drawer__nav-item.is-active{color:var(--color-brand)}.mobile-drawer__subnav{padding-left:var(--space-4);display:none}.mobile-drawer__subnav.is-open{display:flex;flex-direction:column;gap:var(--space-1);padding-top:var(--space-1)}.mobile-drawer__subnav-item{display:block;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-size:var(--fs-small);color:#ffffffa6;transition:color var(--transition-fast),background var(--transition-fast)}.mobile-drawer__subnav-item:hover{color:var(--color-white);background:#ffffff0f}.mobile-drawer__footer,.mobile-drawer>*:not(.mobile-drawer__header):not(.mobile-drawer__nav){display:none!important;height:0!important;overflow:hidden!important}.mobile-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:calc(var(--z-modal) - 1);cursor:pointer;opacity:0;transition:opacity var(--transition-normal)}html.menu-open,body.menu-open{overflow:hidden!important}body.menu-open{position:fixed;width:100%;top:0;left:0;right:0}body.menu-open .site-header{z-index:100}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);font-size:var(--fs-small);color:var(--color-medium-gray);padding:var(--space-4) 0}.breadcrumb__item{display:flex;align-items:center;gap:var(--space-2)}.breadcrumb__link{color:var(--color-medium-gray);transition:color var(--transition-fast)}.breadcrumb__link:hover{color:var(--color-brand)}.breadcrumb__separator{color:var(--color-border-gray);font-size:var(--fs-xs)}.breadcrumb__current{color:var(--color-near-black);font-weight:var(--fw-medium)}@media(max-width:640px){.breadcrumb{display:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-navigation.css.map */