.sidebar{background:#fff;border-radius:8px;flex:0 0 20%;width:300px;max-width:300px;padding:1rem;top:120px;box-shadow:2px 0 5px #0000001a}.sidebar h3{color:#555;margin-bottom:1rem}.sidebar label{margin:.5rem 0;font-size:.9rem;display:block}.sidebar input{margin-right:.5rem}.filter-options.grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:1rem;display:grid}.grid-item{text-align:center;color:#333;cursor:pointer;background-color:#f0f0f0;border:1px solid #ddd;border-radius:8px;padding:12px;transition:background-color .3s}.grid-item:hover{background-color:#ddd}.grid-item.active{color:#fff;background-color:#d40000}.grid-item.disabled{opacity:.4;cursor:not-allowed;pointer-events:auto}.grid-item.disabled:hover{color:red;background-color:#ff00000d}.clear-filter{color:#fff;cursor:pointer;background-color:#d40000;border:none;border-radius:5px;margin-top:20px;padding:10px 20px}.clear-filter:hover{background-color:#a30000}
.filter-modal{z-index:200;background:#000c;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content{background:#fff;border-radius:12px;flex-direction:column;width:90%;max-width:500px;max-height:90vh;padding:2rem;display:flex;box-shadow:0 10px 20px #00000080}.modal-content h3{color:#000;z-index:10;background:#fff;padding:1rem 0;position:sticky;top:0}.modal-header{border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;padding-bottom:1rem;display:flex}.clear-all-btn{color:#d40000;cursor:pointer;text-transform:uppercase;background:0 0;border:1px solid #d40000;border-radius:6px;padding:8px 16px;font-size:.9rem;transition:background-color .2s,color .2s}.clear-all-btn:hover{color:#fff;background:#d40000}.modal-filter-options{flex:1;max-height:400px;margin:1rem 0;overflow-y:auto}.grid-item{text-align:center;color:#333;cursor:pointer;background-color:#f0f0f0;border:1px solid #ddd;border-radius:8px;padding:12px;transition:background-color .3s}.grid-item:hover{background-color:#ddd}.grid-item.active{color:#fff;background-color:#d40000}.close-modal{color:#fff;cursor:pointer;text-transform:uppercase;background-color:#d40000;border:none;border-radius:8px;margin-top:auto;padding:12px 24px;font-size:1rem;box-shadow:0 4px 10px #0000004d}.close-modal:hover{background-color:#a30000}