#sf_wrapper { clear:both; opacity:1; transition: all 0.3 ease;}
#sf_wrapper.load { 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.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 .sf-filter-items label {margin:0; cursor:pointer;}
#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_wrapper .sf-sort-limit { display:flex; gap:15px; align-items: center; justify-content:space-between; margin:0 0 20px 0; font-size:0.8rem;}
#sf_wrapper .sf-sort-limit select {border:1px solid #ccc; border-radius:3px; font-size:0.8rem;}