.vs-main-nav{background:#fff;border-bottom:1px solid var(--vs-border)}.vs-main-nav__list{list-style:none;display:flex;align-items:center;margin:0;padding:0;gap:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.vs-main-nav__list::-webkit-scrollbar{display:none}.vs-main-nav__item>a{display:flex;align-items:center;gap:4px;padding:12px 16px;color:var(--vs-text);font-size:13px;font-weight:500;transition:all var(--vs-transition);white-space:nowrap}.vs-main-nav__item>a:hover,.vs-main-nav__item:hover>a{color:var(--vs-primary);background:var(--vs-bg-light)}.vs-main-nav__all-categories>a{font-weight:600;gap:8px}.vs-main-nav__deals>a{color:var(--vs-danger);font-weight:600}.vs-main-nav__new>a{color:var(--vs-primary);font-weight:600}.vs-main-nav__arrow{transition:transform var(--vs-transition)}.vs-main-nav__item:hover .vs-main-nav__arrow{transform:rotate(180deg)}.vs-mega-menu{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid var(--vs-border);border-top:2px solid var(--vs-primary);box-shadow:var(--vs-shadow-lg);opacity:0;visibility:hidden;transform:translateY(-2px);transition:all .25s ease;z-index:100}.vs-main-nav__has-mega{position:static}.vs-main-nav__has-mega:hover .vs-mega-menu{opacity:1;visibility:visible;transform:translateY(0)}.vs-mega-menu__inner{max-width:var(--vs-container);margin:0 auto;padding:24px;display:flex;gap:24px}.vs-mega-menu__categories{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:24px}.vs-mega-menu__col{min-width:0}.vs-mega-menu__heading{display:block;font-weight:600;font-size:14px;color:var(--vs-heading);margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--vs-border-light)}.vs-mega-menu__heading:hover{color:var(--vs-primary)}.vs-mega-menu__links{list-style:none;padding:0;margin:0}.vs-mega-menu__links li{margin-bottom:6px}.vs-mega-menu__links a{color:var(--vs-text-light);font-size:13px}.vs-mega-menu__links a:hover{color:var(--vs-primary)}.vs-mega-menu__promo{width:220px;flex-shrink:0}.vs-mega-menu__promo-box{background:linear-gradient(135deg,var(--vs-primary-light) 0%,#dbeafe 100%);border-radius:var(--vs-radius);padding:24px;text-align:center}.vs-mega-menu__promo-text{font-size:16px;font-weight:700;color:var(--vs-primary-dark);margin:0 0 12px}@media (max-width:768px){.vs-main-nav{display:none}}