.filter-tabs{flex-wrap:wrap;gap:.5rem;display:flex}.filter-tab{color:#6b7280;cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.filter-tab:hover{color:#dd1427;border-color:#dd1427}.filter-tab.active{color:#fff;background-color:#dd1427;border-color:#dd1427}.filter-count{opacity:.8;font-size:.75rem}@media (max-width:768px){.filter-tabs{justify-content:center}}
.search-bar{width:100%;max-width:280px;position:relative}.search-icon{color:#9ca3af;width:1rem;height:1rem;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.search-input{border:1px solid #e5e7eb;border-radius:.5rem;width:100%;padding:.5rem .75rem .5rem 2.5rem;font-size:.875rem;transition:border-color .2s}.search-input:focus{border-color:#dd1427;outline:none;box-shadow:0 0 0 3px #dd14271a}@media (max-width:768px){.search-bar{max-width:100%}}