/* Questrial minimal + elegancki styl; kolor przewodni #508D66 */
:root{ --domy-accent:#508D66; --filters-col:clamp(320px,30%,520px); }
.domy-theme{ font-family:"Questrial", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; font-weight:300; max-width:1300px; margin:0 auto; }
.domy-grid{ display:grid; grid-template-columns: var(--filters-col) 1fr; gap:50px; align-items:start; }
.domy-filters{ position:sticky; top:20px; display:flex; flex-direction:column; gap:18px; padding:18px; border:1px solid #eaeaea; border-radius:14px; background:#fff; box-shadow:0 1px 2px rgba(0,0,0,.03); width:100%; }
.domy-label{ font-size:14px; color:#111; margin-bottom:8px; display:block }
.domy-select{ width:100%; border:1px solid #e8e8e8; border-radius:12px; padding:10px 12px; background:#fff; outline:none; transition:.2s border-color,.2s box-shadow; }
.domy-select:focus{ border-color:var(--domy-accent); box-shadow:0 0 0 3px color-mix(in srgb, var(--domy-accent) 20%, transparent); }
.domy-slider{ margin:16px 8px 10px; }
.domy-range{ display:flex; justify-content:space-between; font-size:13px; color:#4b5563; margin-top:6px }
.domy-chips{ display:flex; flex-wrap:wrap; gap:10px }
.domy-chip{ --b:#e6e6e6; --bg:#fafafa; display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border:1px solid var(--b); border-radius:999px; background:var(--bg); cursor:pointer; transition:.2s border-color,.2s background,.2s color,.2s box-shadow; }
.domy-chip input{ appearance:none; width:16px; height:16px; border:2px solid var(--b); border-radius:4px; display:inline-block; position:relative; outline:none; transition:.2s; }
.domy-chip input:checked{ border-color:var(--domy-accent); background:var(--domy-accent); box-shadow:inset 0 0 0 2px #fff; }
.domy-chip span{ font-size:13px }
.domy-chip:hover{ border-color:#d8d8d8; background:#fff; }
.domy-switch{ display:inline-flex; align-items:center; gap:8px }
.domy-results-area{ min-width:0 }
.domy-results{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:20px; min-height:220px }
.domy-card{ height:100% }
.domy-no-results{ padding:24px; border:1px dashed #e5e7eb; border-radius:12px; text-align:center; color:#6b7280 }
.domy-pagination{ margin-top:16px; display:flex; gap:8px; flex-wrap:wrap }
.domy-pager a{ padding:8px 12px; border:1px solid #e5e7eb; border-radius:10px; text-decoration:none; color:#111827; transition:.2s background,.2s color,.2s border-color }
.domy-pager a:hover{ border-color:var(--domy-accent); color:var(--domy-accent) }
.domy-pager a.is-active{ background:var(--domy-accent); color:#fff; border-color:var(--domy-accent) }
.domy-loading{ display:flex; align-items:center; justify-content:center; height:200px; border:1px solid #f0f0f0; border-radius:12px; font-size:14px; color:#6b7280; background:linear-gradient(90deg,#fafafa,#fff) }
.noUi-target{ border:none; box-shadow:none; height:8px; background:#ececec; border-radius:999px }
.noUi-connect{ background:var(--domy-accent); height: 5px; }
.noUi-horizontal .noUi-handle{ width:18px; height:18px; border-radius:50%; border:2px solid #fff; box-shadow:0 1px 4px rgba(0,0,0,.12); top:-6px; background:var(--domy-accent); cursor:grab }
.noUi-handle:active{ cursor:grabbing }
.noUi-handle:before,.noUi-handle:after{ display:none }
@media (max-width:1024px){ .domy-grid{ grid-template-columns:1fr } .domy-filters{ position:static } }
@media (max-width:640px){ .domy-results{ grid-template-columns:1fr } }