/* ─── Stats Section ──────────────────────────────────────────────────────── */

.stats {
  width: 100%;
  padding-inline: 28px;
}

.stats__inner {
  display: flex;
  flex-direction: column;
  gap: var(--gap-content);
  align-items: center;
}

/* ─── Cards row ─────────────────────────────────────────────────────────── */

.stats__cards {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--gap-cards);
  width: 100%;
}

/* ─── Single stat card ──────────────────────────────────────────────────── */

.stat-card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  padding: 33px 25px 32px;
  background-color: var(--color-white);
  border: 1px solid var(--color-card-border);
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-card);
  overflow: hidden;
  flex-shrink: 0;
}

.stat-card__number {
  font-family: var(--font-heading);
  font-size: var(--size-stat);
  line-height: var(--size-stat);
  color: var(--color-accent);
  white-space: nowrap;
}

.stat-card__text {
  font-size: 17px;
  line-height: 26.35px;
  color: var(--color-text-dark);
}

.stat-card__text strong {
  font-weight: 700;
}

.stat-card__text span {
  font-weight: 400;
}