.mobile-categories-wrapper{list-style:none;padding:0;margin:0;max-height:calc(100vh - 120px);overflow-y:auto;overflow-x:hidden}.mobile-categories-wrapper::-webkit-scrollbar{width:4px}.mobile-categories-wrapper::-webkit-scrollbar-track{background:#f1f1f1}.mobile-categories-wrapper::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:2px}.mobile-categories-wrapper::-webkit-scrollbar-thumb:hover{background:#5d0887}.mobile-category-item{border-bottom:1px solid #eee}.mobile-category-item:last-child{border-bottom:none}.mobile-category-header{display:flex;align-items:center;justify-content:space-between;padding:0;background:#fff;transition:background .2s ease}.mobile-category-header:active{background:#f5f5f5}.mobile-category-link{flex:1 1;padding:14px 20px;color:#333;text-decoration:none;font-weight:500;font-size:15px;display:block;transition:all .2s ease}.mobile-category-link:active{color:var(--primary-color)}.mobile-toggle-btn{background:none;border:none;padding:14px 20px;color:#999;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s ease;min-width:50px}.mobile-toggle-btn:active{color:var(--primary-color);background:#f5f5f5}.mobile-subcategory-list{list-style:none;padding:0;margin:0;background:#fafafa;border-left:3px solid var(--primary-color)}.mobile-category-item.level-0{background:#fff}.mobile-category-item.level-1 .mobile-category-link{padding-left:35px;font-size:14px}.mobile-category-item.level-1 .mobile-toggle-btn{padding-right:20px}.mobile-category-item.level-2 .mobile-category-link{padding-left:50px;font-size:13px;font-weight:400}.mobile-category-item.level-2 .mobile-toggle-btn{padding-right:20px}.mobile-category-item.level-3 .mobile-category-link{padding-left:65px;font-size:12px;font-weight:400}.mobile-category-item.level-3 .mobile-toggle-btn{padding-right:20px}.mobile-subcategory-list{animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:2000px}}@media (hover:none){.mobile-category-link:hover,.mobile-toggle-btn:hover{background:none}}@media only screen and (max-width:360px){.mobile-category-link{font-size:14px;padding:12px 16px}.mobile-toggle-btn{padding:12px 16px;min-width:45px}.mobile-category-item.level-1 .mobile-category-link{padding-left:28px}.mobile-category-item.level-2 .mobile-category-link{padding-left:40px}.mobile-category-item.level-3 .mobile-category-link{padding-left:52px}}