.mobile-menu{position:fixed;top:0;right:0;width:85%;max-width:360px;height:100vh;background:#fff;z-index:9999;overflow-y:auto;box-shadow:-4px 0 20px #00000026;visibility:hidden;opacity:0;pointer-events:none;transform:translate(100%);transition:transform .3s ease,visibility .3s,opacity .3s}.mobile-menu.active{visibility:visible;opacity:1;pointer-events:auto;transform:translate(0)}.mobile-menu:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:-1;opacity:0;pointer-events:none;transition:opacity .3s ease}.mobile-menu.active:before{opacity:1;pointer-events:auto}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #f0f0f0}.mobile-menu-close{font-size:28px;line-height:1;cursor:pointer;color:#666;padding:4px 8px}.mobile-menu-close:hover{color:#333}.mobile-menu-items{padding:8px 0}.mobile-menu-items .mobile-nav-link{display:block;padding:12px 20px;color:#333;font-size:14px;font-weight:500;border-bottom:1px solid #f5f5f5;transition:all .2s}.mobile-menu-items .mobile-nav-link:hover,.mobile-menu-items .mobile-nav-link.active{color:#362e8c;background:#f5f4fb}.mobile-category-wrapper{padding:0!important;border-bottom:1px solid #f5f5f5}.mobile-category-toggle{padding:12px 20px;font-size:14px;font-weight:500;color:#333;width:100%}.mobile-category-arrow{transition:transform .2s;width:14px;height:14px}.mobile-category-wrapper.open .mobile-category-arrow{transform:rotate(180deg)}.mobile-mega-menu{display:none;padding:0 0 8px}.mobile-category-wrapper.open .mobile-mega-menu{display:block}.mobile-category-item{padding:0 20px}.mobile-category-item a,.mobile-category-item .mobile-nav-link{display:block;padding:8px 16px;color:#666;font-size:13px}.mobile-subcategory-list{display:none;padding-right:16px}.mobile-category-item.open .mobile-subcategory-list{display:block}.mobile-subcategory-item a{padding:6px 16px;font-size:12px;color:#888}.hamburger{display:flex;flex-direction:column;gap:5px;cursor:pointer;padding:4px}.hamburger span{display:block;width:22px;height:2px;background:#333;border-radius:2px;transition:all .3s}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.desktop-menu .nav-link{padding:8px 0;font-size:14px;font-weight:500;color:#575757;transition:color .2s}.desktop-menu .nav-link:hover{color:#362e8c}.desktop-menu .nav-link.active{color:#000;font-weight:700}.user-menu:hover .user-dropdown{display:block}.has-mega-menu:hover>.mega-menu-dropdown{display:block}