/* Б-07 «Что получаете». Источник: по вёрстке verter.me/wms/, перерисован */

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

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

.b-benefits__item {
  display: grid;
  align-content: start;
  gap: var(--space-2);
  padding: var(--space-5);
  border-top: 3px solid var(--color-accent);
  border-radius: 0 0 var(--radius-lg) var(--radius-lg);
  background: var(--color-surface-muted);
}

.b-benefits__title {
  font-size: var(--fs-h4);
  line-height: var(--lh-snug);
  letter-spacing: -0.01em;
}

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

/* Серый фон для чередования с соседними блоками */
.b-benefits--muted {
  background: var(--color-bg);
}

.b-benefits--muted .b-benefits__item {
  background: var(--color-surface);
}

/* Текстовый вид: только заголовок и абзац */
.b-benefits--text .c-section-head {
  margin-bottom: 0;
}