.custom-filter-sidebar{background:#fff;border:1px solid #e5e5e5;border-radius:4px;padding:1.5rem;margin-bottom:2rem}@media (min-width:801px){.custom-filter-sidebar{position:sticky;top:20px;max-height:calc(100vh - 40px);overflow-y:auto}}@media (max-width:800px){.custom-filter-sidebar{padding:1rem}}.filter-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #333}.filter-title{font-size:1.25rem;font-weight:600;margin:0;text-transform:uppercase;letter-spacing:.5px}.filter-toggle{display:none;background:0 0;border:none;font-size:1.5rem;cursor:pointer;padding:.5rem}@media (max-width:800px){.filter-toggle{display:block}}.filter-toggle-icon{display:inline-block;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.filter-toggle.active .filter-toggle-icon{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.filter-clear{background:0 0;border:none;color:#c00;font-size:.875rem;cursor:pointer;text-decoration:underline;padding:.25rem .5rem}.filter-clear:hover{color:#900}@media (max-width:800px){.filter-content{max-height:0;overflow:hidden;-webkit-transition:max-height .3s ease;transition:max-height .3s ease}.filter-content.expanded{max-height:1000px}}#filter-groups-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1.5rem}.filter-group{padding-bottom:1rem;border-bottom:1px solid #e5e5e5}.filter-group:last-child{border-bottom:none;padding-bottom:0}.filter-group-title{font-size:1rem;font-weight:600;margin:0 0 .75rem 0;color:#333}.filter-options{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.5rem}.filter-option{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem;cursor:pointer;padding:.25rem 0}.filter-option:hover .filter-option-label{color:#000}.filter-option-checkbox{width:18px;height:18px;cursor:pointer;accent-color:#333}.filter-option-label{font-size:.9375rem;color:#666;cursor:pointer;-webkit-transition:color .2s ease;transition:color .2s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.filter-actions{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e5e5}.filter-apply{width:100%;padding:.75rem 1.5rem;background-color:#333;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}.filter-apply:hover{background-color:#000}.filter-apply:active{-webkit-transform:translateY(1px);transform:translateY(1px)}.filter-count-badge{display:inline-block;background:#c00;color:#fff;font-size:.75rem;font-weight:600;padding:.15rem .5rem;border-radius:10px;margin-left:.5rem}.filter-loading{opacity:.6;pointer-events:none}