#preloader {
  display: none;
  position: fixed !important;
  left: 0 !important;
  top: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  z-index: 999999 !important;
  cursor: default !important; /* Обычная стрелочка курсора */
  background: rgba(0, 0, 0, 0.4) !important; /* Затемнение экрана */
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* Прозрачный защитный щит от повторных кликов */
#preloader:before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
  pointer-events: auto !important;
}

/* Скрываем заводские элементы плагина */
#preloader #preloader-inner:before,
#preloader #preloader-inner:after {
  display: none !important;
}

/* КИСЛОТНО-ОРАНЖЕВОЕ КОЛЬЦО ПО ЦЕНТРУ СМАРТФОНА И ПК */
#preloader #preloader-inner {
  display: block !important;
  position: absolute !important;
  left: 50% !important;
  top: 45% !important;
  width: 55px !important;
  height: 55px !important;
  margin: -27px 0 0 -27px !important;
  border-radius: 50% !important;
  border: 3px solid rgba(255, 102, 0, 0.1) !important;
  border-top-color: #ff6600 !important;
  box-shadow: 0 0 15px rgba(255, 102, 0, 0.6) !important;
  -webkit-animation: spinStalker 1s linear infinite !important;
  animation: spinStalker 1s linear infinite !important;
}

/* ТЕКСТ ПОД КОЛЬЦОМ */
#preloader:after {
  display: block !important;
  content: "СВЯЗЬ С СЕРВЕРОМ... ПОДОЖДИТЕ" !important;
  position: fixed !important;
  top: 45% !important;
  left: 50% !important;
  -webkit-transform: translate(-50%, 50px) !important;
  transform: translate(-50%, 50px) !important;
  width: 250px !important;
  text-align: center !important;
  color: #ff6600 !important;
  font-family: "Courier New", Courier, monospace !important;
  font-size: 11px !important;
  font-weight: bold !important;
  letter-spacing: 1px !important;
  text-shadow: 0 0 5px rgba(255, 102, 0, 0.6) !important;
  -webkit-animation: stalkerPulse 1.5s ease-in-out infinite !important;
  animation: stalkerPulse 1.5s ease-in-out infinite !important;
}

@keyframes spinStalker { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@-webkit-keyframes spinStalker {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes stalkerPulse {
  0%, 100% { opacity: 0.3; }
  50% { opacity: 1; }
}
