.universal-filter-form { margin-bottom: 24px; display:flex; flex-wrap:wrap; gap:12px; align-items:center; }
.uf-field { margin-right:12px; }
.uf-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:20px; }
.uf-card { border:1px solid #eee; padding:12px; background:#fff; border-radius:6px; }
.uf-card-image img { width:100%; height:160px; object-fit:contain; display:block; }
.uf-apply, .uf-reset { padding:8px 12px; }
.loading { opacity:0.6; }
.uf-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    max-width: 1440px;
    justify-content: space-between;
}
form#universal-filter-form {
    padding-top: 70px;
}

.uf-range-wrap { margin-top:8px; }
.uf-range-values { display:flex; justify-content:space-between; font-size:13px; margin-bottom:6px; gap:12px; align-items:center; }
.uf-range-selected-label { flex:1; text-align:center; font-weight:600; }
.uf-range-sliders { position:relative; height:28px; }
.uf-range-sliders input[type="range"] { position:absolute; left:0; right:0; width:100%; pointer-events:auto; -webkit-appearance:none; background:transparent; height:28px; margin:0; }
.uf-range-sliders input[type="range"]::-webkit-slider-runnable-track { height:6px; background:transparent; }
.uf-range-sliders input[type="range"]::-webkit-slider-thumb { -webkit-appearance:none; width:16px; height:16px; border-radius:50%; background:#ffffff; border:2px solid #333; margin-top:-5px; cursor:pointer; }
.uf-range-progress { width:100%; height:8px; background:#eee; border-radius:4px; overflow:hidden; margin-top:8px; }
.uf-range-progress-bar { width:0%; height:100%; background:#2b8ae2; transition: width .2s ease; }