#sf_wrapper { clear:both; opacity:1; transition: all 0.3 ease;}
#sf_wrapper.load #sf_result { opacity:0.5; transition: all 0.3 ease;}
#sf_wrapper #sf_form { padding:15px; background:#f5f5f5; border-radius:10px; margin:0 0 20px 0; display:flex; gap:15px; flex-direction:column; }
#sf_wrapper #sf_form .sf-filter { padding:0 0 20px 0;}
#sf_wrapper #sf_form .sf-filter.one-filter {padding:0;}
#sf_wrapper #sf_form .sf-filter.sf-slider-block {padding:0;}
#sf_wrapper #sf_form .sf-filter .title { font-weight:600; padding:0 0 10px 0;}
#sf_wrapper #sf_form .sf-filter .sf-filter-items {display:flex; gap:10px; flex-direction:column;}
#sf_wrapper #sf_form .sf-filter label {margin:0; cursor:pointer;}
#sf_wrapper #sf_form .sf-filter label.disabled {opacity:0.5;}
#sf_wrapper #sf_form .sf-slider { padding: 0 16px; margin:0 0 50px 0; }
#sf_wrapper #sf_form .sf-slider .noUi-tooltip { font-size:0.7rem; bottom:-120%;}
#sf_wrapper #sf_form .sf-slider input { display:none;}
#sf_wrapper #sf_form .sf_reset { text-align:right;}
#sf_wrapper #sf_form #sf_reset { display:none; border:none; background:#007bff; color:white; height:2rem; font-size:0.8rem; border-radius:3px; margin-left:auto;}
#sf_wrapper #sf_form #sf_reset.active { display:block;} 

.sf-sort-limit { display:flex; gap:15px; align-items: center; justify-content:space-between; margin:0 0 20px 0; font-size:0.8rem;}
.sf-sort-limit select {border:1px solid #ccc; border-radius:3px; font-size:0.8rem;}

.sf-selected {display:flex; gap:15px; align-items: center; padding:0 0 20px 0;}
.sf-selected .sf-selected-filter {display:flex; gap:5px; align-items: center; }
.sf-selected .sf-selected-value {font-size:0.9rem; padding:2px 10px 2px 5px; border-radius:3px; background:#e6e6e6; position:relative; margin:0 5px 0 0;}
.sf-selected .sf-selected-value .sf-selected-remove {display:inline-flex; align-items: center; justify-content: center; position:absolute; top:-5px; right:-5px; cursor:pointer; color:#ffffff; background:red; width:16px; height:16px; border-radius:50%; font-weight:600; }

@media (max-width:800px){
    .sf-selected {flex-direction: column; gap: 10px; text-align: left; justify-content: flex-start; align-items: flex-start;}
}