.chips{ display:flex; flex-wrap:wrap; gap:8px; margin:12px 0 0; }
.chip{ display:inline-flex; align-items:center; gap:8px; background:var(--chip); color:var(--chip-text);
  border-radius:999px; padding:6px 10px; font-size:13px; border:1px solid var(--border); }
.chip button{ border:0; background:none; color:inherit; cursor:pointer; padding:0; width:20px; height:20px; border-radius:50%; }
.chip button:hover{ background:rgba(0,0,0,.12); }

.filters{ display:grid; gap:16px; margin:16px 0; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); align-items:stretch; }
.filter-block{ display:flex; flex-direction:column; justify-content:flex-start; background:var(--card); border:1px solid var(--border);
  border-left:4px solid var(--brand); padding:8px 10px; border-radius:14px; box-shadow:var(--shadow-1);
  overflow:hidden; transition:max-height .4s, opacity .3s, padding .2s; max-height:1000px; }
.filter-block h3{ display:flex; align-items:center; justify-content:space-between; height:48px; margin:0; padding:0 6px;
  font-size:16px; line-height:1; font-weight:600; color:var(--brand); cursor:pointer; user-select:none; border-radius:10px; }
.filter-block h3::after{ content:"▾"; color:var(--muted); transition:transform .25s; }
.filter-block.collapsed{ max-height:48px; padding:0; opacity:.98; }
.filter-block.collapsed h3::after{ transform: rotate(-90deg); }
.filter-content{ transition: height .4s, opacity .3s, margin .2s; opacity:1; margin-top:6px; padding:0 6px 6px; }
.filter-block.collapsed .filter-content{ height:0 !important; padding:0 !important; margin:0 !important; opacity:0; pointer-events:none; display:none; }
.filter-content label{ display:flex; align-items:center; gap:10px; padding:6px 6px; color:var(--text); border-radius:8px; cursor:pointer; transition: background .2s, color .2s; }
.filter-content label:hover{ background: rgba(250,188,68,.12); }
.filter-content input{ accent-color:var(--brand); transform:scale(1.15); }

#results-count{ width:100%; background:var(--card); border:1px solid var(--border); padding:18px; margin:6px 0 0;
  border-radius:14px; font-size:18px; font-weight:800; color:var(--brand); text-align:center; box-shadow:var(--shadow-1); transition: transform .25s; }
#results-count.bump{ transform:scale(1.02); }

@media (max-width: 900px){ .filters{ grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); } }
@media (max-width: 600px){ .filters{ grid-template-columns: 1fr; } }


/* ——— Зменшити «зазор» між #results-count і .filters ——— */
.search-section > .container { padding-bottom: 4px; }  /* було 12px */
main.container { padding-top: 4px; }                   /* було 12px */
.filters { margin-top: 8px; }                          /* було 16px */

/* було: align-items:stretch;  робило всі блоки однаковими по висоті */
.filters{
  display:grid;
  gap:16px;
  margin:16px 0;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  align-items:start;            /* ✅ висота за вмістом */
}

/* на випадок локальних перевизначень — підстрахуємось */
.filter-block{
  align-self:start;             /* ✅ не розтягувати всередині гріда */
}