:root{--nav-bg: #ffffff;--nav-text: #1a1a1a;--nav-text-hover: #000000;--nav-border: #e5e5e5;--nav-overlay: rgba(0, 0, 0, .5);--nav-accent: #2563eb;--nav-height: 80px;--nav-padding: 1.5rem;--nav-gap: 2rem;--font-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-weight-normal: 300;--font-weight-medium: 400;--font-weight-bold: 500;--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--z-nav: 1000;--z-mega-menu: 1001;--z-sidebar: 1002;--z-overlay: 999}.site-navigation{position:sticky;top:0;width:100%;background:var(--nav-bg);border-bottom:1px solid var(--nav-border);z-index:var(--z-nav);font-family:var(--font-primary)}.nav-container{max-width:1400px;margin:0 auto;padding:0 var(--nav-padding);display:flex;align-items:center;justify-content:space-between;height:var(--nav-height);gap:var(--nav-gap)}.nav-logo{flex-shrink:0;z-index:10}.logo-link{display:block;text-decoration:none;transition:opacity var(--transition-fast)}.logo-link:hover{opacity:.8}.logo-link img{display:block;max-height:40px;width:auto}.logo-text{font-size:1.5rem;font-weight:var(--font-weight-bold);color:var(--nav-text);letter-spacing:-.02em}.nav-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;padding:0;background:none;border:none;cursor:pointer;z-index:10;transition:opacity var(--transition-fast)}.nav-toggle:hover{opacity:.7}.nav-toggle-icon{position:relative;width:24px;height:18px}.nav-toggle-icon span{position:absolute;left:0;width:100%;height:2px;background:var(--nav-text);border-radius:2px;transition:all var(--transition-base)}.nav-toggle-icon span:nth-child(1){top:0}.nav-toggle-icon span:nth-child(2){top:50%;transform:translateY(-50%)}.nav-toggle-icon span:nth-child(3){bottom:0}.nav-sidebar.is-open~.nav-container .nav-toggle-icon span:nth-child(1){top:50%;transform:translateY(-50%) rotate(45deg)}.nav-sidebar.is-open~.nav-container .nav-toggle-icon span:nth-child(2){opacity:0}.nav-sidebar.is-open~.nav-container .nav-toggle-icon span:nth-child(3){bottom:50%;transform:translateY(50%) rotate(-45deg)}.nav-menu-desktop{flex:1;display:flex;justify-content:center}.nav-list{display:flex;align-items:center;gap:.5rem;list-style:none;margin:0;padding:0}.nav-item{position:relative}.nav-link{display:flex;align-items:center;gap:.375rem;padding:.75rem 1rem;color:var(--nav-text);text-decoration:none;font-size:.875rem;font-weight:var(--font-weight-normal);letter-spacing:0;transition:color var(--transition-fast);border-radius:8px}.nav-link:hover{color:var(--nav-text-hover);background:#00000008}.nav-arrow{transition:transform var(--transition-fast)}.nav-item:hover .nav-arrow{transform:translateY(2px)}.mega-menu{position:absolute;top:100%;left:50%;transform:translate(-50%);width:max-content;max-width:1000px;min-width:550px;margin-top:.75rem;padding:1.5rem 2.25rem;background:var(--nav-bg);border:2px solid var(--nav-border);border-radius:12px;box-shadow:0 12px 40px #00000014,0 4px 12px #0000000a;opacity:0;visibility:hidden;transform:translate(-50%) translateY(-8px);transition:opacity var(--transition-base),visibility var(--transition-base),transform var(--transition-base);z-index:var(--z-mega-menu)}.nav-item:hover .mega-menu{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.mega-menu-inner{display:flex;gap:2rem}.mega-menu-grid{display:flex;flex-direction:column;gap:.75rem;flex:1;align-items:stretch}.mega-menu-grid:has(.mega-menu-links){flex-direction:row;gap:1.5rem;align-items:start;flex-wrap:nowrap}.mega-menu-column{display:flex;flex-direction:column;gap:.875rem}.mega-menu-grid:has(.mega-menu-links) .mega-menu-column{flex:1 1 0;min-width:150px}.mega-menu-grid:not(:has(.mega-menu-links)) .mega-menu-column{width:100%}.mega-menu-heading{font-size:.88rem;font-weight:var(--font-weight-bold);color:var(--nav-text);text-decoration:none;margin-bottom:.5rem;padding-bottom:.5rem;transition:color var(--transition-fast);display:block;position:relative;text-align:left}.mega-menu-heading:after{content:"";position:absolute;bottom:0;left:0;width:50%;max-width:80px;height:1px;background:var(--nav-border)}.mega-menu-heading:hover{color:var(--nav-accent)}.mega-menu-links{display:flex;flex-direction:column;gap:.625rem;list-style:none;margin:0;padding:0;align-items:flex-start}.mega-menu-links a{font-size:.77rem;color:#666;text-decoration:none;transition:color var(--transition-fast),transform var(--transition-fast);display:inline-block;line-height:1.4;text-align:left}.mega-menu-links a:hover{color:var(--nav-text);transform:translate(2px)}.mega-menu-featured{flex-shrink:0;width:240px;border-radius:12px;overflow:hidden;background:#f5f5f5}.mega-menu-featured img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1)}.mega-menu-featured:hover img{transform:scale(1.05)}.nav-sidebar{position:fixed;top:0;right:0;width:100%;max-width:400px;height:100vh;background:var(--nav-bg);box-shadow:-4px 0 24px #0000001f;transform:translate(100%);transition:transform var(--transition-base);z-index:var(--z-sidebar);display:flex;flex-direction:column}.nav-sidebar.is-open{transform:translate(0)}.nav-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--nav-border);flex-shrink:0}.nav-sidebar-title{font-size:1.125rem;font-weight:var(--font-weight-bold);color:var(--nav-text);letter-spacing:-.01em}.nav-close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:none;border:none;border-radius:8px;cursor:pointer;transition:background var(--transition-fast)}.nav-close:hover{background:#0000000d}.nav-close svg{color:var(--nav-text)}.nav-sidebar-content{flex:1;overflow-y:auto;padding:1rem 0;overscroll-behavior:contain}.nav-sidebar-content::-webkit-scrollbar{width:6px}.nav-sidebar-content::-webkit-scrollbar-track{background:transparent}.nav-sidebar-content::-webkit-scrollbar-thumb{background:#0000001a;border-radius:3px}.nav-sidebar-content::-webkit-scrollbar-thumb:hover{background:#0003}.nav-mobile-list{list-style:none;margin:0;padding:0}.nav-mobile-item{border-bottom:1px solid var(--nav-border)}.nav-mobile-link-wrapper{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.nav-mobile-link{flex:1;display:block;padding:1rem 1.5rem;color:var(--nav-text);text-decoration:none;font-size:.9375rem;font-weight:var(--font-weight-normal);letter-spacing:0;transition:color var(--transition-fast)}.nav-mobile-link:active{color:var(--nav-accent)}.nav-expand{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-right:.75rem;padding:0;background:none;border:none;border-radius:8px;cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast);position:relative}.nav-expand:hover{background:#0000000d}.nav-expand:active{transform:scale(.95)}.nav-expand svg{color:var(--nav-text);transition:opacity var(--transition-fast)}.nav-expand .icon-minus{position:absolute;opacity:0}.nav-expand.is-active .icon-plus{opacity:0}.nav-expand.is-active .icon-minus{opacity:1}.nav-mobile-submenu{list-style:none;margin:0;padding:0;background:#00000005;max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1)}.nav-mobile-submenu.is-open{max-height:2000px}.nav-mobile-subitem .nav-mobile-link{padding-left:2.5rem;font-size:.9375rem;font-weight:var(--font-weight-normal)}.nav-mobile-subitem .nav-mobile-submenu .nav-mobile-link{padding-left:3.5rem;font-size:.875rem;color:#666}.nav-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:var(--nav-overlay);opacity:0;visibility:hidden;transition:opacity var(--transition-base),visibility var(--transition-base);z-index:var(--z-overlay)}.nav-overlay.is-visible{opacity:1;visibility:visible}.nav-actions{display:flex;align-items:center;gap:.5rem;z-index:10}.nav-action-link{display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--nav-text);text-decoration:none;border-radius:8px;transition:background var(--transition-fast),color var(--transition-fast)}.nav-action-link:hover{background:#0000000d;color:var(--nav-text-hover)}.cart-link{position:relative}.cart-count{position:absolute;top:6px;right:6px;min-width:18px;height:18px;padding:0 4px;display:flex;align-items:center;justify-content:center;background:var(--nav-accent);color:#fff;font-size:.6875rem;font-weight:var(--font-weight-bold);border-radius:9px;line-height:1}.cart-count:empty{display:none}@media(max-width:1023px){.nav-menu-desktop{display:none}.nav-toggle{display:flex}.nav-container{height:64px;gap:1rem}.logo-link img{max-height:32px}.logo-text{font-size:1.25rem}.nav-actions{gap:.25rem}.nav-action-link{width:40px;height:40px}body:has(.nav-sidebar.is-open){overflow:hidden}}@media(max-width:640px){:root{--nav-padding: 1rem}.nav-sidebar{max-width:100%}.nav-sidebar-content{padding:.5rem 0}}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mega-menu-column{animation:fadeInSlide .3s cubic-bezier(.4,0,.2,1) backwards}.mega-menu-column:nth-child(1){animation-delay:.05s}.mega-menu-column:nth-child(2){animation-delay:.1s}.mega-menu-column:nth-child(3){animation-delay:.15s}.mega-menu-column:nth-child(4){animation-delay:.2s}.nav-link:focus-visible,.nav-mobile-link:focus-visible,.nav-action-link:focus-visible,.nav-expand:focus-visible,.nav-toggle:focus-visible,.nav-close:focus-visible{outline:2px solid var(--nav-accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-contrast:high){:root{--nav-border: #000000}.nav-link:hover,.nav-action-link:hover{background:#0000001a}}@media print{.site-navigation{display:none}}
/*# sourceMappingURL=/cdn/shop/t/216/assets/navigation.css.map */