/* ==========================================================================
   Блок «Цифры» (stats). Обвязка вокруг готового .card-stat:
   сетка колонок + акцентный (оранжевый) вариант первой карточки.
   ========================================================================== */

.stats__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-20);
}

/* Карточки в этой сетке не квадратные (как в макете) — тянутся по высоте ряда. */
.stats .card-stat {
  aspect-ratio: auto;
  min-height: 320px;
}

/* --- Акцентная карточка (оранжевая, белый текст, контурная иконка) ---------*/
.card-stat--accent {
  background-color: var(--color-orange);
}

.card-stat--accent .card-stat__num,
.card-stat--accent .card-stat__label,
.card-stat--accent .card-stat__desc {
  color: var(--color-white);
}

.card-stat--accent .icon-card {
  color: var(--color-white);
  background-color: transparent;
  border: 1px solid var(--color-white-bg-opacity);
}

/* --- Адаптив: 4 колонки с планшета, выше высота на широких экранах ----------*/
@media (min-width: 1024px) {
  .stats__grid { grid-template-columns: repeat(4, 1fr); }
  .stats .card-stat { min-height: 300px; }
}

@media (min-width: 1440px) {
  .stats .card-stat { min-height: 360px; }
}

@media (min-width: 1920px) {
  .stats .card-stat { min-height: 480px; }
}