/*
 * Чипы-фильтры категорий: лендинг (блок «Услуги») и З1 · Услуги. Выбранный — aria-pressed="true", с галочкой.
 * Высота — --control-height-chip (40, чип-фильтр дизайн-системы).
 */
.chips { display: flex; gap: var(--space-2); flex-wrap: wrap; }
.chip {
  display: inline-flex; align-items: center; gap: var(--space-1-5); height: var(--control-height-chip); padding: 0 var(--space-4);
  border-radius: var(--radius-pill); border: var(--border-width-field) solid var(--color-border-dashed);
  background: var(--color-bg-surface); color: var(--color-text); cursor: pointer;
  font-size: var(--font-size-label); line-height: var(--line-height-single); font-weight: var(--font-weight-label);
  transition: background-color var(--duration-instant) var(--ease-standard), border-color var(--duration-instant) var(--ease-standard);
}
.chip:hover { border-color: var(--color-border-ink); background: var(--color-bg-muted); }
.chip[aria-pressed="true"] {
  padding-left: var(--space-3); border: var(--border-width-button) solid var(--color-border-ink);
  background: var(--color-border-ink); color: var(--color-text-on-brand); cursor: default;
}
.chip .icon { display: none; }
.chip[aria-pressed="true"] .icon { display: block; }

.chip--loading { width: 96px; height: var(--control-height-chip); border-radius: var(--radius-pill); }