.sort-filter-container{background:var(--white);flex-shrink:0;width:260px;height:fit-content;padding:16px;position:sticky;top:20px}.sort-filter-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.header-actions{align-items:center;gap:8px;display:flex}.mobile-filter-close{color:var(--soft-focus)!important}.mobile-filter-close:hover{background-color:rgba(var(--soft-focus-rgb),.1)!important}.sort-filter-title{color:var(--softblack);align-items:center;gap:6px;font-size:.95rem;font-weight:600;display:flex}.filter-icon{color:var(--soft-focus);font-size:1.2rem}.clear-filters-btn{background:var(--warm-cream)!important;color:var(--soft-focus)!important;border-radius:8px!important;min-width:auto!important;padding:4px 8px!important;font-size:.75rem!important}.clear-filters-btn:hover{background:var(--eco-green-button-bg)!important;color:var(--white)!important}.section-divider{border-color:var(--light-gray);margin:16px 0}.section-title{color:var(--softblack);font-weight:600}.sort-select{background:var(--white);border-radius:8px}.sort-select .MuiOutlinedInput-notchedOutline{border-color:var(--light-gray)}.sort-select:hover .MuiOutlinedInput-notchedOutline{border-color:var(--soft-focus)}.sort-select.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--eco-green-accessible)}.filter-accordion{background:var(--white)!important;box-shadow:none!important}.filter-accordion:before{display:none}.filter-accordion .MuiAccordionSummary-root{border-bottom:1px solid var(--light-gray);margin-bottom:10px;padding-bottom:10px;min-height:auto!important}.filter-accordion .MuiAccordionSummary-root .MuiAccordionSummary-content{margin:0!important}.filter-accordion .MuiAccordionSummary-root .MuiTypography-root{font-size:15px;font-weight:700}.filter-accordion .MuiAccordionSummary-root .MuiAccordionSummary-expandIconWrapper{color:var(--soft-focus)}.filter-accordion .MuiAccordionDetails-root{padding:0 16px 16px}.price-slider-container{padding:8px 0}.price-slider{color:var(--eco-green-accessible)!important}.price-slider .MuiSlider-thumb{background-color:var(--eco-green-accessible);border:2px solid var(--white);box-shadow:0 2px 8px #00000026}.price-slider .MuiSlider-thumb:hover,.price-slider .MuiSlider-thumb.Mui-focusVisible{box-shadow:0 0 0 8px rgba(var(--eco-green-rgb),.16)}.price-slider .MuiSlider-track{background-color:var(--eco-green-accessible)}.price-slider .MuiSlider-rail{background-color:var(--light-gray)}.price-slider .MuiSlider-valueLabel{background-color:var(--eco-green-accessible)}.price-range-display{text-align:center;color:var(--soft-focus);margin-top:8px}.rating-filter{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.rating-text{color:var(--soft-focus);font-size:.75rem}.category-checkbox{margin:0!important}.category-checkbox .MuiFormControlLabel-label{color:var(--softblack);font-size:.875rem}.category-checkbox .MuiCheckbox-root{color:var(--light-gray)!important;padding:4px 8px 4px 0!important}.category-checkbox .MuiCheckbox-root.Mui-checked{color:var(--eco-green-accessible)!important}.mobile-full-width{width:100%!important;max-width:100%!important;margin:0!important}@media (max-width:768px){.sort-filter-container{background:var(--white);border-top:none;border:1px solid var(--light-gray);border-top:none;border-radius:0 0 12px 12px;width:100%;min-width:auto;max-width:none;margin-top:0;margin-bottom:0;padding:16px;position:static;box-shadow:0 4px 8px #0000001a}.mobile-full-width{border-radius:0 0 12px 12px!important;width:100%!important;max-width:100%!important;margin:0!important}.sort-filter-header{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}.header-actions{flex-direction:row;align-items:center}.clear-filters-btn{padding:4px 8px;font-size:.75rem}.mobile-filter-close{margin-left:4px}.filter-accordion .MuiAccordionSummary-root{padding:10px 12px}.filter-accordion .MuiAccordionDetails-root{padding:0 12px 12px}.energy-labels-container{gap:6px}.energy-chip{height:26px!important;font-size:.7rem!important}}@media (max-width:480px){.sort-filter-container{border-radius:12px;padding:12px}.sort-filter-title{font-size:1rem}.section-title{font-size:.875rem}.filter-content{padding-top:8px}.mobile-filter-close{padding:4px!important}}
.sort-container{justify-content:flex-end;align-items:center;gap:12px;margin-bottom:0;margin-right:8px;display:flex}.sort-container .MuiTypography-root{font-weight:700}.sort-label{color:var(--soft-black);white-space:nowrap;font-weight:500}.sort-control{min-width:160px}.sort-select{background:var(--white);border-radius:8px}.sort-select .MuiOutlinedInput-notchedOutline{border-color:var(--light-gray)}.sort-select:hover .MuiOutlinedInput-notchedOutline,.sort-select.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--eco-green-accessible)}@media (max-width:768px){.sort-container{justify-content:center;margin-bottom:16px}.sort-control{min-width:140px}}@media (max-width:480px){.sort-container{flex-direction:column;align-items:center;gap:8px}.sort-label{font-size:.875rem}.sort-control{min-width:120px}}
.mobile-filter-toggle{background:var(--white)!important;border:1px solid var(--light-gray)!important;color:var(--soft-focus)!important;text-transform:none!important;border-bottom:none!important;border-radius:12px 12px 0 0!important;width:100%!important;max-width:100%!important;margin-bottom:0!important;padding:12px 16px!important;font-weight:500!important;transition:all .3s!important;box-shadow:0 2px 4px #0000000d!important}.mobile-filter-toggle:hover{background:var(--warm-cream)!important;border-color:var(--soft-focus)!important;box-shadow:0 4px 8px #0000001a!important}.mobile-filter-toggle.active{background:var(--soft-focus)!important;color:var(--white)!important;border-color:var(--soft-focus)!important;border-bottom:1px solid var(--soft-focus)!important}.mobile-filter-toggle.active:hover{background:var(--soft-focus-hover)!important}.mobile-filter-toggle:not(.active){border-bottom:1px solid var(--light-gray)!important}.mobile-filter-toggle .MuiButton-startIcon{margin-right:8px!important}@media (min-width:769px){.mobile-filter-toggle{display:none!important}}