.categories-dropdown-wrapper{position:absolute;top:100%;left:0;z-index:1000;margin-top:8px;width:auto;max-width:95vw}.categories-dropdown{display:flex;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;border:1px solid #e5e7eb;overflow:hidden;min-height:400px;max-height:500px;animation:slideDown .2s ease;width:600px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.categories-main-panel{width:300px;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}.categories-panel-header{padding:16px 20px;border-bottom:1px solid #e5e7eb;background:#f8f9fa;display:flex;justify-content:space-between;align-items:flex-start;position:relative}.categories-panel-header h4{margin:0 0 4px;font-size:1.1rem;color:#333;font-weight:600;flex:1}.categories-count{font-size:.85rem;color:#666;margin-top:2px}.mobile-close-btn{display:none;background:none;border:none;font-size:1.5rem;color:#666;cursor:pointer;padding:0 0 0 10px;line-height:1;margin-left:10px}.mobile-close-btn:hover{color:#333}.categories-list{flex:1;overflow-y:auto;padding:8px 0}.category-item{padding:12px 20px;cursor:pointer;transition:all .2s;border-left:3px solid transparent}.category-item:hover{background:#f8f9fa;border-left-color:#007bff}.category-item.active{background:#f0f7ff;border-left-color:#007bff}.category-content{display:flex;justify-content:space-between;align-items:center}.category-name{font-weight:500;color:#333;font-size:.95rem}.category-info{display:flex;align-items:center;gap:8px}.category-product-count{font-size:.8rem;color:#666;background:#f0f0f0;padding:2px 6px;border-radius:10px}.category-arrow{font-size:.7rem;color:#999}.subcategories-panel{width:300px;display:flex;flex-direction:column;overflow:hidden;animation:slideInRight .2s ease}@keyframes slideInRight{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.subcategories-panel-header{padding:16px 20px;border-bottom:1px solid #e5e7eb;background:#f8f9fa;display:flex;align-items:center;justify-content:space-between}.subcategories-panel-header h4{margin:0;font-size:1.1rem;color:#333;font-weight:600;display:flex;align-items:center;gap:8px}.back-to-categories{cursor:pointer;color:#666;font-size:1.2rem;padding:2px 6px;border-radius:4px;transition:all .2s}.back-to-categories:hover{background:#e9ecef;color:#333}.subcategories-count{font-size:.85rem;color:#666}.subcategories-list{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:8px}.subcategory-item{padding:12px 16px;background:none;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;justify-content:space-between;align-items:center;text-align:left}.subcategory-item:hover{border-color:#007bff;background:#f0f7ff;transform:translate(2px)}.subcategory-name{font-weight:500;color:#333;font-size:.95rem}.subcategory-arrow{font-size:.8rem;color:#999}.no-categories-message{padding:40px 20px;text-align:center;color:#666}.no-categories-message p{margin:0}.categories-dropdown-loading-overlay{position:fixed;inset:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:9999}.categories-dropdown-loading{text-align:center;padding:40px;background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000001a}.loading-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.categories-dropdown-wrapper{position:fixed;inset:0;margin:0;z-index:9999;background:#00000080;display:flex;align-items:flex-start;justify-content:center;padding:20px;overflow:auto}.categories-dropdown{width:100%;max-width:500px;max-height:80vh;flex-direction:column;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.categories-main-panel{width:100%;border-right:none;max-height:80vh}.subcategories-panel{width:100%;position:absolute;inset:0;background:#fff;z-index:1001;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.mobile-close-btn{display:block}.categories-panel-header,.subcategories-panel-header{padding:12px 16px}.back-to-categories{font-size:1.5rem;padding:4px 8px}}@media(max-width:480px){.categories-dropdown-wrapper{padding:10px;align-items:center}.categories-dropdown{max-height:85vh;border-radius:12px}.categories-panel-header h4,.subcategories-panel-header h4{font-size:1rem}.category-item,.subcategory-item{padding:10px 16px}.category-name,.subcategory-name{font-size:.9rem}.subcategories-list,.categories-all-button,.view-category-all{padding:12px 16px}.view-all-products-btn,.view-category-all-btn{padding:10px;font-size:.9rem}}@media(max-width:320px){.categories-dropdown-wrapper{padding:5px}.categories-dropdown{max-height:90vh}.categories-panel-header,.subcategories-panel-header{padding:10px 12px}.category-item,.subcategory-item{padding:8px 12px}.category-name,.subcategory-name{font-size:.85rem}.category-product-count{font-size:.7rem;padding:1px 4px}.categories-list,.subcategories-list{max-height:50vh}}@media(max-height:500px)and (max-width:768px){.categories-dropdown{max-height:90vh}.categories-list,.subcategories-list{max-height:60vh}}@media(hover:none)and (pointer:coarse){.category-item,.subcategory-item{min-height:44px}.category-item:active,.subcategory-item:active{background:#f0f7ff}}.categories-list::-webkit-scrollbar,.subcategories-list::-webkit-scrollbar{width:4px}.categories-list::-webkit-scrollbar-thumb,.subcategories-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}