.filter-form select{min-width:120px}.filter-search{margin:2rem 0;border:1px solid var(--button-bg);border-radius:var(--button-border-radius);height:48px;width:600px}.filter-search.mini{height:32px;width:200px;margin:0}.filter-search.mini button{padding:0 5px}.filter-search select{border-radius:var(--button-border-radius) 0 0 var(--button-border-radius);height:inherit;width:100px;border:0;border-right:1px solid var(--button-bg);min-width:auto}.filter-search select~input{border-radius:unset}.filter-search input{height:inherit;border-radius:var(--button-border-radius) 0 0 var(--button-border-radius)}.filter-search button{height:inherit;border-radius:0 var(--button-border-radius) var(--button-border-radius) 0;min-width:auto;padding:0 20px}.filter-price{width:100%;display:flex;align-items:center;justify-content:space-between;gap:5px}.filter-price input{width:100px!important;border:1px solid var(--button-bg)}.filter-btn{cursor:pointer;padding:5px 10px;border:1px solid var(--button-bg);border-radius:4px;display:none;justify-content:end;flex-shrink:0}.filter-panel{width:100%;color:var(--main-color)}.filter-panel .filter-panel-item{border-bottom:1px solid var(--divider-color)}.filter-panel .filter-panel-item:last-child{border-bottom:none}.filter-panel .filter-panel-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;cursor:pointer;transition:all .3s}.filter-panel .filter-panel-title{font-size:14px;font-weight:500}.filter-panel .filter-panel-arrow{transition:transform .3s}.filter-panel .filter-panel-arrow.expanded{transform:rotate(180deg)}.filter-panel .filter-panel-content{padding:0 16px;max-height:0;overflow:hidden;transition:max-height .3s ease-out,padding .3s ease-out}.filter-panel .filter-panel-content.open{padding:0 16px 16px 16px;max-height:500px}.filter-panel .filter-panel-radio-group{display:flex;flex-direction:column;gap:8px}.filter-panel .filter-panel-radio{margin-right:8px}.filter-panel .filter-panel-checkbox-group{display:flex;flex-direction:column;gap:8px}.filter-panel .filter-panel-checkbox-wrapper{display:flex;align-items:center;cursor:pointer}.filter-panel .filter-panel-checkbox{margin-right:8px}.filter-panel .filter-panel-input-range{display:flex;align-items:center;gap:8px;margin-top:16px}.filter-panel .filter-panel-input-group{display:flex;align-items:center;gap:4px;width:100%}.filter-panel .filter-panel-input-group input{border:1px solid var(--button-bg)}.filter-panel{width:100%}@media screen and (max-width:767px){.filter-btn{display:inline-flex;align-items:center}}.compare-checkbox{position:absolute!important;top:10px;left:10px;z-index:10}