/* ============================================================
   Suiren · Catalog page
   ============================================================ */

.catalog { padding-block: 24px 56px; }

.catalog__header {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 4px 16px;
  margin-bottom: 12px;
}
.catalog__header h1 { margin: 0; }
.catalog__count { margin: 0; color: var(--color-text-soft); }

.catalog__toolbar {
  display: grid;
  gap: 8px;
  margin-bottom: 20px;
}
.catalog__sort { display: flex; align-items: center; gap: 10px; justify-self: start; }
.catalog__sort label { font-size: .95rem; color: var(--color-text-soft); white-space: nowrap; }
.catalog__sort .select { width: auto; border-radius: var(--radius-pill); padding-inline: 16px; }

@media (min-width: 900px) {
  .catalog__toolbar { grid-template-columns: 1fr auto; align-items: center; gap: 24px; }
  .catalog__toolbar .chip-row { margin: 0; padding-inline: 0; flex-wrap: wrap; overflow: visible; }
}

.catalog__more {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  margin-top: 36px;
}
.catalog__progress { margin: 0; font-size: .9rem; color: var(--color-text-soft); }