/* Б-17 Карточки поддержки. Источник: по вёрстке verter.me/wms/, перерисован */

.b-support {
  padding-block: var(--space-section);
  background: var(--color-bg);
}

.b-support__list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr));
  gap: var(--space-gutter);
  list-style: none;
}

.b-support__card {
  position: relative;
  display: grid;
  align-content: start;
  gap: var(--space-3);
  padding: var(--space-6) var(--space-5);
  border-radius: var(--radius-lg);
  background: var(--color-surface);
}

.b-support__title {
  font-size: var(--fs-h4);
}

.b-support__text {
  color: var(--color-text-muted);
  font-size: var(--fs-small);
}

.b-support__hours {
  display: grid;
  gap: var(--space-2);
  margin-top: var(--space-6);
  padding: var(--space-5);
  border-radius: var(--radius-lg);
  background: var(--color-accent-softer);
}

.b-support__hours-title {
  font-size: var(--fs-h4);
  font-weight: var(--font-weight-bold);
}

.b-support__hours-list {
  display: grid;
  gap: var(--space-2);
  padding-left: 1.25rem;
}

.b-support__hours-list li::marker {
  color: var(--color-accent);
}

/* Карточка-кнопка «Чат поддержки» выглядит как карточки-ссылки */
.b-support__action {
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.b-support__card .c-card__link:hover {
  color: var(--color-link);
}