.filters-container{display:flex;flex-wrap:wrap;gap:1rem}.filter-box{position:relative;min-width:200px}.filter-label{border:1px solid #ccc;border-radius:5px;padding:.5rem 1rem;cursor:pointer;background-color:#f8f9fa;display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.filter-options{position:absolute;top:100%;left:0;width:100%;background:#fff;border:1px solid #ccc;border-radius:5px;z-index:117;display:none;flex-direction:column}.filter-box.open .filter-options{display:block}.filter-options-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;border-bottom:1px solid #eee}.filter-options-content ul{max-height:150px;overflow-y:auto;padding-left:1rem}.filter-options-actions{margin-top:.5rem;display:flex;justify-content:space-between;padding:.5rem 1rem;border-top:1px solid #eee}.mobile-overlay{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top-left-radius:12px;border-top-right-radius:12px;box-shadow:0 -2px 10px #0003;display:none;flex-direction:column;max-height:80vh;z-index:1050}.overlay-backdrop{position:fixed;inset:0;background-color:#00000080;display:none;z-index:1040}@media(max-width:768px){.filter-options{display:none!important}.filter-box.open .mobile-overlay{display:flex!important}.filter-box.open .overlay-backdrop{display:block!important}}