/* Sangam Skin — catalogue page. */
.catalog { padding: 56px 0 100px; }
.catalog__head { max-width: 560px; margin-bottom: 40px; }
.catalog__head h1 { font-size: 38px; margin-top: 10px; letter-spacing: -0.6px; }

.catalog__search {
  display: flex; align-items: center; gap: 12px; height: 56px;
  padding: 0 22px; background: var(--surface); border: 1px solid var(--line);
  border-radius: var(--radius-full); max-width: 480px; color: var(--ink-faint);
}
.catalog__search input {
  flex: 1; border: none; outline: none; background: transparent;
  font-family: var(--font-sans); font-size: 15px; color: var(--ink);
}

.catalog__filters { margin-top: 28px; display: flex; flex-direction: column; gap: 12px; }
.catalog__filter-row { display: flex; flex-wrap: wrap; gap: 10px; }

.catalog__count-row { display: flex; align-items: center; justify-content: space-between; margin: 32px 0 8px; }
.catalog__count { font-size: 12.5px; font-weight: 600; letter-spacing: 0.4px; color: var(--ink-faint); text-transform: uppercase; }
.catalog__clear { background: none; border: none; color: var(--green); font-size: 13px; font-weight: 600; }
.catalog__clear:hover { text-decoration: underline; }

.catalog__grid { margin-top: 8px; }
.catalog__empty { text-align: center; padding: 64px 0; display: flex; flex-direction: column; align-items: center; gap: 20px; }
.catalog__empty p { color: var(--ink-soft); font-size: 15px; }

@media (max-width: 640px) {
  .catalog__head h1 { font-size: 30px; }
  .catalog__search { max-width: none; }
}