.FilterBoxOverlay{z-index:1000;background:#00000080;justify-content:flex-start;align-items:flex-start;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.FilterBoxContainer{background:#fff;width:300px;height:100vh;padding:20px;overflow-y:auto;box-shadow:2px 0 10px #0000001a}.FilterBoxContainer .FilterBoxHeader{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.FilterBoxContainer .FilterBoxHeader h2{color:#333;margin:0;font-size:20px;font-weight:600}.FilterBoxContainer .FilterBoxHeader .closeBtn{cursor:pointer;color:#666;background:0 0;border:none;font-size:24px}.FilterBoxContainer .FilterBoxHeader .closeBtn:hover{color:var(--primaryColor)}.SelectedFilters{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.SelectedFilters .SelectedFilterItem{background:var(--primaryColor);color:#fff;border:1px solid var(--primaryColor);border-radius:50px;align-items:center;gap:5px;padding:8px 15px;font-size:14px;display:flex}.SelectedFilters .SelectedFilterItem button{color:#fff;cursor:pointer;background:0 0;border:none;align-items:center;margin-left:5px;padding:0;display:flex}.FilterSection{border-bottom:1px solid #eee;margin-bottom:15px;padding-bottom:15px}.FilterSection .FilterSectionHeader{cursor:pointer;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.FilterSection .FilterSectionHeader p{color:#333;margin:0;font-size:16px;font-weight:500}.FilterSection .FilterSectionHeader svg{color:#666;transition:transform .3s}.FilterDropdown{margin-top:10px}.FilterDropdown .FilterSearchBox{margin-bottom:10px}.FilterDropdown .FilterSearchBox input{border:1px solid #ddd;border-radius:4px;width:100%;padding:8px 12px;font-size:14px}.FilterDropdown .FilterClearAll{color:var(--primaryColor);text-align:right;cursor:pointer;margin-bottom:10px;font-size:14px}.FilterDropdown .FilterOptions{max-height:200px;overflow-y:auto}.FilterDropdown .FilterOption{cursor:pointer;align-items:center;gap:10px;padding:8px 0;display:flex}.FilterDropdown .FilterOption input[type=checkbox]{accent-color:var(--primaryColor);cursor:pointer;width:16px;height:16px}.FilterDropdown .FilterOption span{font-size:14px}.FilterDropdown .NoResults{color:#666;text-align:center;padding:10px 0;font-size:14px}.PriceRangeContainer .PriceInputs{justify-content:space-between;gap:10px;margin-bottom:15px;display:flex}.PriceRangeContainer .PriceInputs .PriceInput{flex:1}.PriceRangeContainer .PriceInputs .PriceInput label{color:#666;margin-bottom:5px;font-size:14px;display:block}.PriceRangeContainer .PriceInputs .PriceInput input{border:1px solid #ddd;border-radius:4px;width:100%;padding:8px}.PriceRangeContainer .RangeSlider{background:#ddd;border-radius:2px;height:4px;margin:30px 0;position:relative}.PriceRangeContainer .RangeSlider .PriceSlider{pointer-events:none;-webkit-appearance:none;z-index:3;background:0 0;width:100%;height:0;position:absolute;top:0}.PriceRangeContainer .RangeSlider .PriceSlider::-webkit-slider-thumb{pointer-events:all;-webkit-appearance:none;background:var(--primaryColor);cursor:pointer;z-index:2;border-radius:50%;width:16px;height:16px;position:relative}.PriceRangeContainer .RangeSlider .PriceSlider:focus{outline:none}.PriceRangeContainer .RangeSlider .SliderTrack{background:var(--primaryColor);z-index:1;border-radius:2px;height:4px;position:absolute;top:0;bottom:0}.FilterActions{gap:10px;margin-top:20px;display:flex}.FilterActions button{cursor:pointer;border-radius:4px;flex:1;padding:10px;font-weight:500;transition:all .3s}.FilterActions .ClearButton{color:#666;background:0 0;border:1px solid #ddd}.FilterActions .ClearButton:hover{border-color:var(--primaryColor);color:var(--primaryColor)}.FilterActions .ApplyButton{background:var(--primaryColor);border:1px solid var(--primaryColor);color:#fff}.FilterActions .ApplyButton:hover{opacity:.9}