.all-categories{position:relative;z-index:2}.categories-toggle{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#eeeded;color:#363636;border-radius:6px;cursor:pointer;border:none;font-weight:500;transition:background .2s}.categories-toggle:hover{background:#e0e0e0}.categories-count{font-size:12px;opacity:.8}.categories-dropdown{position:absolute;top:110%;left:0;width:320px;background:#fff;border-radius:10px;box-shadow:0 15px 40px rgba(0,0,0,.12);animation:fadeIn .2s ease-out;max-height:70vh;display:flex;flex-direction:column}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.categories-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #eee;background:#fafafa;flex-shrink:0}.close-btn{background:none;border:none;cursor:pointer;font-size:16px;color:red;transition:color .2s;width:32px}.close-btn:hover{color:#000}.categories-list{flex:1 1;max-height:calc(70vh - 60px);padding:0}.category-item{position:relative;border-bottom:1px solid #f0f0f0}.category-item:last-child{border-bottom:none}.category-link,.main-category{position:relative}.category-link{display:flex;align-items:center;gap:10px;padding:12px 16px;width:100%;color:#222;text-decoration:none;transition:background .2s;z-index:2;background:white}.category-link:hover{background:#f4f4f4}.category-name{flex:1 1;font-size:14px}.category-arrow{font-size:12px;opacity:.6;transition:transform .2s}.subcategories-container{position:absolute;top:0;left:100%;width:260px;background:#fff;border-left:1px solid #eee;box-shadow:10px 0 30px rgba(0,0,0,.08);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;z-index:1001;max-height:70vh;border-radius:0 10px 10px 0}.category-item:hover .subcategories-container{opacity:1;visibility:visible}.subcategories-list{padding:10px 0}.subcategory-item{display:block;padding:10px 16px;color:#333;text-decoration:none;font-size:14px;transition:background .2s;white-space:nowrap}.subcategory-item:hover{background:#f2f2f2}.categories-list::-webkit-scrollbar{width:6px}.categories-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.categories-list::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.categories-list::-webkit-scrollbar-thumb:hover{background:#555}.subcategories-container::-webkit-scrollbar{width:4px}.subcategories-container::-webkit-scrollbar-track{background:#f9f9f9}.subcategories-container::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}@media (max-width:768px){.categories-dropdown{position:fixed;top:0;left:0;width:100%;height:100%;border-radius:0;animation:slideIn .3s ease-out;max-height:100vh}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.categories-list{max-height:calc(100vh - 60px)}.subcategories-container{position:static;width:100%;box-shadow:none;border-left:none;opacity:1;visibility:visible;transition:none;max-height:0;animation:none;margin:0;border-radius:0;background:#f9f9f9}.category-item.active .subcategories-container{max-height:500px}.category-item:hover .subcategories-container{opacity:1;visibility:visible}.category-arrow{transition:transform .3s ease}.category-item.active .category-arrow{transform:rotate(90deg)}.category-link{background:white}.category-item.active .category-link{background:#f4f4f4}.subcategory-item{padding-left:32px;background:#f9f9f9}.subcategory-item:hover{background:#eee}}