/* ================== L A M P O 4 K A ================== */
#bulb {
  position: sticky;
  display: block;
  line-height: 0;

  width: 100%;
  z-index: 11;
  top: 0;
  left: 0;

  background: transparent;
  pointer-events: auto;
  /* явно включаем события, т.к. они выключены для баннера ниже */
  cursor: pointer;

  border: none;
  outline: none;

  padding: 0;
  margin: 0;

  /* touch-action: manipulation — разрешает только панорамирование и масштабирование щипком (pinch-zoom), */
  /* но блокирует двойной тап для зума. Оптимальный вариант для отключения зума по двойному касанию. */
  touch-action: manipulation;
}

#bulb img {
  position: absolute;
  display: block;
  width: 8rem;
  top: -0.6rem;
  left: -2.4rem;
  padding: 0;
  margin: 0;
}

.switch {
  float: right;
  cursor: pointer;
  /* touch-action: manipulation — разрешает только панорамирование и масштабирование щипком (pinch-zoom), */
  /* но блокирует двойной тап для зума. Оптимальный вариант для отключения зума по двойному касанию. */
  touch-action: manipulation;

  /* Отключаем синюю подсветку на мобильных */
  -webkit-tap-highlight-color: transparent;

  /* Убираем стандартный контур фокуса */
  outline: none;

  /* Предотвращаем появление контекстного меню при долгом тапе */
  -webkit-touch-callout: none;

  /* Запрещаем выделение текста внутри кнопки */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  /* Курсор-указатель для визуальной подсказки */
  cursor: pointer;

  /* Стилизация кнопки (настройте под дизайн) */
  border: none;
  /* убираем границу */
  background: none;
  /* прозрачный фон */
  padding: 0;
  /* убираем внутренние отступы */
  display: block;

  margin: 0 0.1rem 0 0.1rem;
}

.switch:focus {
  outline: none;
  /* Убираем стандартную рамку при любом фокусе */
}

.switch:focus-visible {
  outline: 2px solid #716b5a;
  /* Добавляем рамку только при фокусе с клавиатуры */
  /* outline-offset: 2px; */
}


.switch img {
  display: block;
  width: 4.2rem;
  height: auto;
}


#kusochnitsa {
  position: sticky;
  width: 100%;
  z-index: 12;
  top: 0;
  left: 0;
  background: transparent;
  border: none;
  outline: none;
}

.kusok {
  display: none;
  position: absolute;
  z-index: 13;
  top: 5.5rem;
  left: 0.3rem;
  width: 3rem;
}

.kusok1go {
  display: block;
  animation: kusok1a 2s ease-out;
}

.kusok2go {
  display: block;
  animation: kusok2a 2s ease-out;
}

.kusok3go {
  display: block;
  animation: kusok3a 2s ease-out;
}

.kusok4go {
  display: block;
  animation: kusok4a 2s ease-out;
}

.kusok5go {
  display: block;
  animation: kusok5a 2s ease-out;
}

@keyframes kusok1a {
  from {
    top: 5.5rem;
    left: 0.3rem;
  }

  to {
    top: 120vh;
    left: 100%;
  }
}

@keyframes kusok2a {
  from {
    top: 5.5rem;
    left: 0.3rem;
  }

  to {
    top: 120vh;
    left: 60%;
  }
}

@keyframes kusok3a {
  from {
    top: 5.5rem;
    left: 0.3rem;
  }

  to {
    top: 100vh;
    left: 30%;
  }
}

@keyframes kusok4a {
  from {
    top: 5.5rem;
    left: 0.3rem;
  }

  to {
    top: 100vh;
    left: 15%;
  }
}

@keyframes kusok5a {
  from {
    top: 5.5rem;
    left: 0.3rem;
  }

  to {
    top: 100vh;
    left: 1rem;
  }
}