.filter-section{margin-bottom:30px;padding:20px;background:#f9f9f9;border-radius:8px;border:1px solid #eee;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.search-container{flex-grow:1;min-width:200px}.search-input{width:100%;padding:10px 15px;border:1px solid #ddd;border-radius:4px;font-size:.9rem;transition:border-color .3s ease}.search-input:focus{border-color:#007bff;outline:none}.category-dropdown{position:relative;min-width:180px}.dropdown-toggle{padding:10px 15px;border:1px solid #ddd;border-radius:4px;background:#fff;color:#333;font-size:.9rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;width:100%;transition:all .3s ease}.dropdown-toggle:hover{border-color:#bbb}.dropdown-arrow{font-size:.7rem;transition:transform .3s ease;margin-left:8px}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-radius:4px;padding:10px;margin-top:5px;z-index:10;box-shadow:0 4px 8px #0000001a;max-height:300px;overflow-y:auto}.dropdown-item{display:flex;align-items:center;padding:8px 5px;cursor:pointer;transition:background .2s ease}.dropdown-item:hover{background:#f5f5f5}.dropdown-item input{margin-right:10px}.dropdown-text{font-size:.9rem;color:#333}@media (max-width: 768px){.filter-section{flex-direction:column;align-items:stretch}.search-container,.category-dropdown{width:100%}}