/* =========================================================
   OZEON — СВЕТЛЯЧКИ HERO
   ========================================================= */


/* ===== СЛОЙ СВЕТЛЯЧКОВ ===== */

.hero_fireflies {
  position: absolute;                               /* Независимый слой */

  width: 30px;                                     /* Область движения */
  height: 40px;                                     /* Область движения */

  top: 230px;                                       /* Позиция сверху */
  left: 1330px;                                     /* Позиция слева */

  z-index: 5;                                       /* Слой */

  --movement: random;                               /* Тип движения: orbit, random, float, figure8, vertical */
  --fireflies-count: 20;                              /* Количество светлячков */
  --mouse-effect: none;                            /* Реакция мыши: none, repel, attract */
  --glow-effect: false;                              /* Свечение */
  --flicker-effect: true;                           /* Мерцание */
  --click-effect: false;                             /* Реакция на клик */

  pointer-events: auto;                             /* Взаимодействие */
}


/* ===== СВЕТЛЯЧОК ===== */

.hero_firefly {
  position: absolute;                               /* Свободное расположение */

  width: 1.5px;                                       /* Размер светлячка */
  height: 1.5px;                                      /* Размер светлячка */

  border-radius: 100%;                               /* Круглая форма */

  background-color: #fff7a0;                        /* Цвет свечения */

  box-shadow: 0 0 4px rgba(255, 247, 160, 0.9);    /* Свечение */

  cursor: pointer;                                  /* Курсор */

  will-change: left, top, opacity, transform;       /* Оптимизация */
}


/* ===== ОТКЛЮЧЕНИЕ СВЕЧЕНИЯ ===== */

.hero_fireflies[data-glow="false"] .hero_firefly {
  box-shadow: none;                                 /* Без свечения */
}


/* ===== ОТКЛЮЧЕНИЕ МЕРЦАНИЯ ===== */

.hero_fireflies[data-flicker="false"] .hero_firefly {
  opacity: 1;                                       /* Постоянная яркость */
}


/* ===== НАВЕДЕНИЕ ===== */

.hero_firefly:hover {
  transform: scale(2);                              /* Увеличение */

  box-shadow:
    0 0 10px rgba(255, 247, 160, 1),
    0 0 18px rgba(255, 247, 160, 0.7);              /* Усиление свечения */
}


/* ===== КЛИК ===== */

.hero_firefly.clicked {
  transform: scale(2.5);                            /* Увеличение */

  opacity: 0;                                       /* Исчезновение */
}