.categories{width:100%;height:120px;display:flex;justify-content:center;align-items:center;gap:8px}.category-item{width:20%;height:50px;text-align:center;line-height:50px;font-weight:800;color:black;background-color:rgb(242,243,243)}.category-item.active{background-color:red;color:white}.category-item:hover{background-color:red;color:rgb(255,255,255)}.banner img{width:100%}.filter-container{display:flex;align-items:center;justify-content:space-between;border-radius:8px;margin-bottom:2vw}.filter-label{font-size:16px;font-weight:500;color:#757575;margin-right:12px}.filter-dropdown{display:flex;gap:16px}.filter-button{padding:8px 16px;font-size:14px;font-weight:500;color:#333;background-color:#f9f9f9;border:1px solid #ddd;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .3s ease}.filter-button:hover{background-color:#e0e0e0}.dropdown-icon{font-size:12px;color:#999}.sort-option{margin-left:auto}.sort-link{font-size:14px;font-weight:500;color:#4a4b4b;text-decoration:none;transition:color .3s ease}.sort-link:hover{color:#a60606}.dropdown{position:relative}.dropdown-menu{position:absolute;top:100%;left:0;background-color:#fff;border-radius:8px;margin-top:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);list-style:none;padding:8px 0;width:200px;z-index:100}.dropdown-menu li{padding:8px 16px;font-size:14px;color:#333;cursor:pointer;transition:background-color .3s ease}.dropdown-menu li.active{background-color:#e0e0e0;font-weight:700;color:#333}.dropdown-menu li:hover{background-color:#f1f1f1}.dropdown:hover .dropdown-menu{z-index:100}.sort-option .filter-button{padding:8px 16px;font-size:14px;font-weight:500;color:#333;background-color:#f9f9f9;border:1px solid #ddd;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .3s ease}.sort-option .filter-button:hover{background-color:#e0e0e0}.sort-option .dropdown-menu{display:none;position:absolute;top:100%;right:0;background-color:#fff;border:1px solid #ddd;border-radius:8px;margin-top:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);list-style:none;padding:8px 0;z-index:10;width:200px}.sort-option .dropdown-menu li{padding:8px 16px;font-size:14px;color:#333;cursor:pointer;transition:background-color .3s ease}.sort-option .dropdown-menu li:hover{background-color:#f1f1f1}.dropdown-menu{display:none}.dropdown-menu.show{display:block}.dropdown.disabled .dropdown-menu{display:none!important}.dropdown.disabled .filter-button{cursor:not-allowed;opacity:.6}@media (max-width:767px){.categories{height:80px}.category-item{text-align:center;color:#000;background-color:#f2f3f3;width:20%;height:35px;font-weight:800;line-height:37px;font-size:13px}.filter-label{font-size:12px;width:80px;margin-right:-10px}.filter-dropdown{gap:8px}.filter-button{padding:0}.dropdown-title{font-size:14px}.filter-label{width:100%}.filter-container{border-radius:8px;justify-content:space-between;align-items:center;display:flex;flex-wrap:wrap}.filter-button{margin-top:2vw;height:40px;padding:4px}.dropdown-title{font-size:12px}.dropdown-menu{width:135px}.dropdown-menu li{color:#333;cursor:pointer;padding:4px 8px;font-size:11px;transition:background-color .3s}.sort-option .dropdown-title{font-size:12px}.sort-option .dropdown-menu{width:135px}.sort-option .dropdown-menu li{color:#333;cursor:pointer;padding:4px 8px;font-size:11px;transition:background-color .3s}}