/* Основной контейнер */
.stats-container {
  display: flex;
  flex-wrap: wrap; /* Разрешаем перенос на новые строки */
  gap: 15px;       /* Расстояние между карточками */
  justify-content: center;
  padding: 10px;
}

/* Базовый стиль карточки */
.stat-card {
  border: 1px solid #009EFF;
  border-radius: 20px;
  overflow: hidden;
  font-family: Arial, sans-serif;
  text-align: center;
  background: white;
  
  /* По умолчанию (для ПК): 6 карточек в ряд с учетом gap */
  flex: 1 1 calc(16.66% - 15px); 
  min-width: 150px; /* Минимальная ширина, чтобы не сжимались слишком сильно */
}

.stat-top {
  height: 100px; /* Ваша фиксированная высота */
  box-sizing: border-box; /* Чтобы padding входил в эти 60px */
  padding: 20px 5px;
  color: #004a8d;
  font-weight: bold;
  font-size: 14px;
  border-bottom: 1px solid #009EFF;
}

.stat-bottom {
  height: 100px; /* Фиксированная высота */
  box-sizing: border-box; /* Чтобы padding не добавлялся к высоте */
  background-color: #eef4fb;
  padding: 10px 0;
  color: #004a8d;
  font-size: 30px; /* Уменьшили размер для мобильных */
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* --- Адаптация под разные экраны --- */

/* Планшеты (до 992px): 3 карточки в ряд */
@media (max-width: 992px) {
  .stat-card {
    flex: 1 1 calc(33.33% - 15px);
  }
}

/* Телефоны (до 480px): 2 карточки в ряд */
@media (max-width: 480px) {
  .stat-card {
    flex: 1 1 calc(50% - 15px);
    min-width: 130px;
  }
  .stat-bottom {
    font-size: 30px; /* Еще немного уменьшаем цифру */
  }
  .stat-top {
    font-size: 12px;
  }
}