/* 6 карточек в один ряд, маленький зазор как внизу */
.statistics_grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  column-gap: 6px;
  row-gap: 6px;
  margin-top: 10px;
}

/* Карточка ─ более вытянутая и с “контуром” */
.statistics_container {
  position: relative;
  overflow: hidden;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  padding: 14px 18px 16px;
  border-radius: 18px;

  /* фон и контур как на нижнем скрине */
  background:
    radial-gradient(circle at top left, rgba(255,255,255,0.06), transparent 55%),
    linear-gradient(180deg, #171b27 0%, #070910 100%);
  box-shadow:
    0 0 0 1px rgba(255,255,255,0.03),      /* тонкий светлый контур */
    0 14px 30px rgba(0,0,0,0.85);          /* мягкая тень вниз */

  color: var(--text-custom);
  transition: transform var(--transition-ease-2),
              box-shadow var(--transition-ease-2),
              background var(--transition-ease-2);
}

.statistics_container:hover {
  transform: translateY(-2px);
  box-shadow:
    0 0 0 1px rgba(255,255,255,0.06),
    0 18px 40px rgba(0,0,0,0.9);
}

/* Заголовок сверху */
.statistics_name {
  font-size: var(--font-size-m);
  color: var(--span-half);
  margin-bottom: 4px;
  text-align: center;
}

/* Низ: иконка + число */
.statistics_body {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.statistics_number {
  font-family: var(--font-family-1);
  font-size: 1.8rem;
  font-weight: var(--font-weight-7);
  color: #ffffff;
}

/* Иконка слева от цифры, как внизу */
.statistics_icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.statistics_icon svg {
  width: 26px;
  height: auto;
  fill: var(--span);
}

/* VIP-карточка – как золотая во втором скрине */
.statistic__premium {
  background:
    radial-gradient(circle at top left, rgba(255,255,255,0.10), transparent 60%),
    linear-gradient(135deg, #3b2a11 0%, #17151b 40%, #0b090e 100%);
  box-shadow:
    0 0 0 1px rgba(255,203,120,0.8),
    0 18px 40px rgba(0,0,0,0.9);
}

.statistic__premium .statistics_name {
  color: var(--money);
}

.statistic__premium .statistics_number {
  color: #ffffff;
}

.statistic__premium .statistics_icon svg {
  fill: var(--money);
}

/* Пульсация оставляем как была */
.pulse_prem {
  animation: pulse-prem 2s infinite;
}

@keyframes pulse-prem {
  0%   { box-shadow: 0 0 0 0 rgba(255,203,120,0.8); }
  100% { box-shadow: 0 0 0 18px rgba(255,203,120,0); }
}

/* Адаптив, чтобы на узких экранах они ломались, но на десктопе были 6 в линию */
@media (max-width: 1400px) {
  .statistics_grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

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

@media (max-width: 600px) {
  .statistics_grid {
    grid-template-columns: 1fr;
  }
}