/* Нейтрализуем фоновые изображения виджета, которых нет в проекте,
   чтобы не было 404. Тёмный фон (#111010) у .map-3d__wrapper сохраняется. */
.map-3d__wrapper,
.map-3d__canvas-bg-1,
.map-3d__canvas-bg-2,
.map-3d__gradient-bg { background-image: none !important; }

/* Чиним sticky-залипание: исходный `.map-3d{overflow:clip}` ломает
   position:sticky у .map-3d__wrapper (секция «уезжает», state2 не держится,
   scroll-lock залипает). Возвращаем нормальный overflow. */
.map-3d { overflow: visible; }

/* Подсказки внизу: иконка + текст в строку */
.map-3d__tip-mouse,
.map-3d__tip-drag { display: flex; align-items: center; gap: 10px; }
.map-3d__tip-mouse span,
.map-3d__tip-drag span { color: #fff; font-size: 14px; line-height: 1.2; white-space: nowrap; }

/* Подписи городов рядом с точками на глобусе (появляются вместе с точкой) */
.map-3d__dot-label {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  font-size: 13px;
  line-height: 1;
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  transition: opacity .3s ease-in-out;
  text-shadow: 0 1px 4px rgba(0, 0, 0, .85);
}
.map-3d__dot.map-3d__dot_active .map-3d__dot-label { opacity: 1; }

/* Страховка от залипания прокрутки: даже если класс scroll-locked где-то
   добавится, страница остаётся скроллируемой. */
html.scroll-locked, body.scroll-locked { overflow: visible !important; }

/* На мобильных скрываем текстовые подписи точек (на мелком глобусе они
   наезжают друг на друга) — остаются только светящиеся точки-маркеры. */
@media (max-width: 768px) {
  /* Компактные подписи городов на мобиле */
  .map-3d__dot-label { font-size: 10px; left: 12px; }

  /* Подсказки внизу — по центру */
  .map-3d__tip-mouse, .map-3d__tip-drag {
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    justify-content: center;
    text-align: center;
  }
}