/* КОМИШКА · каталог — «картотека» */

.catalog-head { margin: var(--sp-4, 32px) 0; }
.catalog-head h1 { margin: 0 0 10px; }
.catalog-head__sub { color: var(--text-dim, #a89f90); max-width: 60ch; }

/* фильтр-балка */
.filterbar {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--sp-2, 16px) var(--sp-3, 24px);
  border-top: 1px solid var(--hairline, rgba(239, 231, 217, .14));
  border-bottom: 1px solid var(--hairline, rgba(239, 231, 217, .14));
  padding: var(--sp-3, 24px) 0;
  margin-bottom: var(--sp-3, 24px);
}

.filterbar__actions {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  grid-column: -2 / -1;
}

.catalog-count {
  color: var(--text-dim, #a89f90);
  font-size: 14px;
  margin: 0 0 var(--sp-3, 24px);
}

#catalog-grid { min-height: 200px; }

@media (max-width: 1100px) {
  .filterbar { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 720px) {
  .filterbar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .filterbar__actions { grid-column: 1 / -1; justify-content: flex-start; }
}