/* Lista ofert: filtry po lewej, wyniki po prawej. */
.hs .lista { display: grid; grid-template-columns: 17rem minmax(0, 1fr); gap: clamp(1.5rem, 3vw, 2.75rem); align-items: start; padding-bottom: var(--band); }

.hs .filtry { position: static; display: grid; gap: 1.35rem; padding: 1.35rem; border: 1px solid var(--rule); background: var(--paper-2); }
.hs .filtry__tytul { margin: 0; font: 500 1.15rem/1.2 var(--serif); }
.hs .filtry__grupa { border: 0; padding: 0; margin: 0; display: grid; gap: 0.5rem; }
.hs .filtry__grupa legend { padding: 0; margin-bottom: 0.15rem; font-size: 0.75rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--slate); }
.hs .filtry__grupa select { width: 100%; padding: 0.55rem 0.7rem; border: 1px solid var(--rule); background: var(--paper); font: inherit; }

.hs .wybor { display: flex; align-items: center; gap: 0.55rem; font-size: 0.9375rem; cursor: pointer; }
.hs .wybor input { width: 1rem; height: 1rem; accent-color: var(--amber-deep); flex: none; }

.hs .filtry__zakres { display: grid; grid-template-columns: 1fr 1fr; gap: 0.6rem; }
.hs .filtry__zakres label { display: grid; gap: 0.25rem; }
.hs .filtry__etykieta { font-size: 0.75rem; color: var(--slate); }
.hs .filtry__zakres input { width: 100%; padding: 0.5rem 0.6rem; border: 1px solid var(--rule); background: var(--paper); font: inherit; }

.hs .filtry__pigulki { display: flex; flex-wrap: wrap; gap: 0.4rem; }
.hs .pigulka { position: relative; }
.hs .pigulka input { position: absolute; opacity: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; }
.hs .pigulka span { display: block; padding: 0.35rem 0.7rem; border: 1px solid var(--rule); background: var(--paper); font-size: 0.875rem; }
.hs .pigulka input:checked + span { border-color: var(--ink); background: var(--ink); color: var(--paper); }
.hs .pigulka input:focus-visible + span { outline: 2px solid var(--ink); outline-offset: 2px; }

.hs .filtry__akcje { display: grid; gap: 0.6rem; justify-items: start; }
.hs .filtry__akcje .btn { width: 100%; text-align: center; }
.hs .filtry__przelacznik { display: none; }

@media (max-width: 900px) {
  .hs .lista { grid-template-columns: 1fr; }
  .hs .filtry__przelacznik { display: inline-block; justify-self: start; margin-bottom: 0.4rem; }
  .hs .filtry { position: static; display: none; }
  .hs .filtry.jest-otwarty { display: grid; }
}