:root{--primary-color:#0e4b43;--text-color:#333;--border-color:#e0e0e0;--slider-percentage:50%}.filters-container{width:100%;background-color:white;border-radius:4px;box-shadow:0 2px 10px rgba(0,0,0,.1);padding:20px}.filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.filters-header h2{margin:0;color:#000000;font-size:20px;font-weight:600}.close-button{color:#333}.close-button,.mclose-button{background:none;border:none;cursor:pointer;padding:0}.mclose-button{color:#fff}.results-count{font-size:16px;color:var(--text-color);margin-bottom:20px}.filter-section{border-bottom:1px solid var(--border-color);margin-bottom:8px}.option-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:10px;text-align:start;font-size:13px}.option-grid-filter{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:10px}.filter-option{width:40px;height:40px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center}.filter-option img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.filter-option:hover{border:1px solid black}.filter-option-wrapper .filter-option:hover,.filter-option-wrapper.selected .filter-option{border:1px solid #878787;border-radius:50%}.filter-btn{display:flex;align-items:center;justify-content:space-between;background-color:#363636;color:white;padding:.5rem 1rem;font-weight:600;font-size:1rem;border:none;border-radius:2px;cursor:pointer;gap:.5rem;transition:background-color .3s ease}.filter-btn:focus{outline:none;border:none}.whitespace-nowrap{white-space:nowwrap}.filter-btn:hover{background-color:#323333}.filter-btn p{margin:0}.filter-btn span,.section-header{display:flex;align-items:center}.section-header{justify-content:space-between;padding:12px 0;cursor:pointer;font-weight:500;color:var(--text-color)}.dd-text{text-align:start}.icon{color:#666}.ReactModal__Overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.4);z-index:1000}.ReactModal__Content{position:fixed;top:0;left:0;bottom:0;width:100%;max-width:400px;background-color:#fff;overflow-y:auto;transition:transform .3s ease-in-out;transform:translateX(-100%);border-radius:0;z-index:1001}.squre{border:1px solid #adacac;padding:5px 0;display:flex;gap:5px;justify-content:center}.squre-border{border:1px solid #000000}.ReactModal__Content--after-open{transform:translateX(0)}.ReactModal__Content--before-close{transform:translateX(-100%)}.price-range-container{padding:16px 0 24px}.slider-container{position:relative;height:4px;background-color:#e0e0e0;margin:20px 0;border-radius:2px}.slider-container:before{content:"";position:absolute;left:0;top:0;height:100%;width:var(--slider-percentage);background-color:var(--primary-color);border-radius:2px}.price-slider{position:absolute;width:100%;height:4px;opacity:0;z-index:2;cursor:pointer}.price-inputs{margin-top:16px}.price-input{width:100px;padding:8px;border:1px solid #000000;border-radius:4px;text-align:center;font-size:14px}.view-results-button{width:100%;padding:14px;background-color:#0e1543;color:white;border:none;border-radius:0;cursor:pointer;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-top:24px}.view-results-button:hover{text-decoration:underline}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--primary-color);cursor:pointer;border:2px solid white;box-shadow:0 0 2px rgba(0,0,0,.3)}input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--primary-color);cursor:pointer;border:2px solid white;box-shadow:0 0 2px rgba(0,0,0,.3)}.horizontal-slider{position:relative;height:4px;border-radius:2px;background:transparent;margin:16px 0}.track{position:absolute;height:100%;background-color:#e0e0e0;border-radius:2px}.thumb,.track.track-active{background-color:#0e1543}.thumb{height:16px;width:16px;border-radius:50%;cursor:pointer;top:-6px;position:absolute}.price-inputs{display:flex;justify-content:space-between;gap:10px;margin-bottom:10px}.price-inputs input{width:25%;padding:2px 4px;font-size:14px;border:1px solid #ccc;border-radius:4px}.center-image{display:flex;justify-content:center;align-items:center;height:100%}