/* Металлсервис: исправление ширины статистики, 2026-09-17.
   Подключить ПОСЛЕ style.css. Меняются только элементы блока .stats. */

.stats .stats-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.stats .stat {
  min-width: 0;
  padding-inline: clamp(16px, 2.5vw, 32px);
}

.stats .stat-num {
  /* При увеличенном системном шрифте единица может перейти на новую строку. */
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  font-variant-numeric: tabular-nums;
}

.stats .stat-num .num,
.stats .stat-num em {
  white-space: nowrap;
}

.stats .stat-label {
  overflow-wrap: anywhere;
  line-height: 1.5;
}

@media (max-width: 1080px) {
  .stats .stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .stats .stat {
    padding: 32px clamp(12px, 3vw, 20px);
  }

  .stats .stat-num {
    font-size: clamp(24px, 7.5vw, 34px);
  }

  .stats .stat-label {
    font-size: 10px;
    letter-spacing: 0.12em;
  }
}

/* Сохраняем читаемость при очень узком окне и сильном увеличении страницы. */
@media (max-width: 319px) {
  .stats .stats-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .stats .stat {
    border-left: 0;
    border-top: 1px solid var(--line);
  }

  .stats .stat:first-child {
    border-top: 0;
  }
}