.filter-panel{border-radius:8px;flex:0 0 20%;width:300px;max-width:300px;padding:1rem;box-shadow:2px 0 5px #0000001a}.filter-panel h3{color:#fff;margin-bottom:1rem}.accordion-section{margin-bottom:1rem}.accordion-header{cursor:pointer;color:#fff;background-color:#0003;border-radius:8px;justify-content:space-between;padding:.75rem;font-weight:700;transition:background-color .3s,box-shadow .3s;display:flex;box-shadow:0 4px 8px #0006}.accordion-header:hover{background-color:#0000004d}.accordion-header span{transition:transform .3s}.search-filter-options.grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:1rem;display:grid}.search-grid-item{text-align:center;color:#333;cursor:pointer;background-color:#f0f0f0;border-radius:8px;padding:12px;transition:background-color .3s}.search-grid-item.disabled{opacity:.4;cursor:not-allowed;pointer-events:auto}.search-item.disabled:hover{color:red;background-color:#ff00000d}.search-grid-item:hover{background-color:#f0f0f0}.search-grid-item.active{color:#fff;background-color:#d40000;border-color:#d40000}@media (max-width:768px){.filter-panel{width:100%;max-width:100%;box-shadow:none;border-radius:0;padding:.5rem 1rem}.accordion-header{padding:.75rem;font-size:1rem}.search-filter-options.grid{grid-template-columns:repeat(2,1fr);gap:10px}.search-grid-item{padding:10px;font-size:.9rem}}@media (max-width:480px){.search-filter-options.grid{grid-template-columns:1fr}.search-grid-item{padding:12px}}