/* =========================================================
   BURSTY CONTACTS SECTION (Дополнение к UI Kit)
   ========================================================= */
.bursty-contacts-section {
  /* Цвет фона берётся из темы (светлой или тёмной) */
  background: var(--bg-soft);
  color: var(--text);
}

.bursty-contacts-deco {
  position: absolute;
  width: 520px;
  height: 520px;
  border-radius: 50%;
  /* Используем полупрозрачный акцент из UI Kit вместо хардкодного #D7FF38 */
  background: radial-gradient(circle, var(--accent-alpha-20) 0%, transparent 70%);
  bottom: -200px;
  left: -140px;
  filter: blur(40px);
  pointer-events: none;
  z-index: 0;
}

/* Увеличиваем максимальную ширину контейнера */
.bursty-contacts-section .bc-container {
  max-width: 1280px; /* было 1200px */
}

/* Немного уменьшаем gap */
.bursty-contacts-section .bc-grid {
  gap: 20px; /* было 24px */
}

/* Убираем перенос для телефона */
.bursty-contacts-section .bc-value {
  font-size: 20px;
  white-space: nowrap;
}

@media(max-width:980px){
  .bursty-contacts-section .bc-container {
    max-width: 100%;
  }
  .bursty-contacts-section .bc-grid { 
    gap: 16px;
  }
  .bursty-contacts-section .bc-value {
    font-size: 18px;
    white-space: normal; /* на планшетах разрешаем перенос */
  }
}

@media(max-width:560px){
  .bursty-contacts-section .bc-card { 
    padding: 26px 16px;
  }
  .bursty-contacts-section .bc-value { 
    font-size: 17px;
  }
}

/* Адаптив для декоративных элементов на мобильных устройствах */
@media (max-width: 768px) {
  .bursty-contacts-deco {
    width: 320px;
    height: 320px;
    bottom: -100px;
    left: -100px;
  }
}

/* 1. Делаем основной фон секции полностью прозрачным */
.bursty-contacts-section {
  background: transparent !important;
}

/* 2. Убираем локальный декоративный шар (blob), 
   так как теперь у нас есть красивый глобальный атмосферный фон */
.bursty-contacts-deco {
  display: none !important;
}