/* ==========================================================================
   QAZ-CO₂ — прелоадер (экран загрузки)
   ========================================================================== */

#preloader{
  position:fixed;
  inset:0;
  z-index:9999;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:30px;
  background:#0F3D77;
  background-image:
    radial-gradient(120% 90% at 50% 0%, rgba(46,111,183,.55) 0%, rgba(15,61,119,0) 60%),
    linear-gradient(180deg,#10417e 0%,#0b2f5e 100%);
  opacity:1;
  visibility:visible;
  transition:opacity .5s ease, visibility .5s ease;
}

/* состояние «загрузка завершена» */
#preloader.is-hidden{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}

/* блокируем скролл, пока идёт загрузка */
body.is-loading{overflow:hidden}

/* --- логотип --- */
.preloader-logo{
  width:min(230px,58vw);
  height:66px;
  background:url('../images/logo-w.png') center/contain no-repeat;
  animation:pl-logo-in .7s ease both;
}

/* --- прогресс-полоса --- */
.preloader-bar{
  position:relative;
  width:min(230px,58vw);
  height:3px;
  border-radius:3px;
  background:rgba(255,255,255,.18);
  overflow:hidden;
}
.preloader-bar i{
  position:absolute;
  top:0;
  left:-40%;
  width:40%;
  height:100%;
  border-radius:3px;
  background:linear-gradient(90deg,rgba(255,255,255,0),#ffffff 45%,#9bd0f3 100%);
  animation:pl-bar 1.15s cubic-bezier(.62,.03,.36,.97) infinite;
}

/* --- подпись --- */
.preloader-text{
  font-family:Montserrat,Arial,sans-serif;
  font-size:10px;
  font-weight:700;
  letter-spacing:2.4px;
  text-transform:uppercase;
  color:#bcd6ee;
  margin:0;
  animation:pl-logo-in .7s .1s ease both;
}

/* --- пузырьки CO₂ --- */
.preloader-bubbles{
  position:absolute;
  inset:0;
  overflow:hidden;
  pointer-events:none;
}
.preloader-bubbles span{
  position:absolute;
  bottom:-40px;
  border-radius:50%;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.18);
  animation:pl-bubble 9s linear infinite;
}
.preloader-bubbles span:nth-child(1){left:12%;width:14px;height:14px;animation-duration:8s;animation-delay:0s}
.preloader-bubbles span:nth-child(2){left:26%;width:8px;height:8px;animation-duration:6.5s;animation-delay:1.2s}
.preloader-bubbles span:nth-child(3){left:41%;width:20px;height:20px;animation-duration:10s;animation-delay:.6s}
.preloader-bubbles span:nth-child(4){left:58%;width:10px;height:10px;animation-duration:7.4s;animation-delay:2.1s}
.preloader-bubbles span:nth-child(5){left:72%;width:16px;height:16px;animation-duration:9.2s;animation-delay:.3s}
.preloader-bubbles span:nth-child(6){left:86%;width:7px;height:7px;animation-duration:6s;animation-delay:1.7s}

@keyframes pl-bar{
  0%{left:-40%}
  100%{left:100%}
}
@keyframes pl-logo-in{
  from{opacity:0;transform:translateY(10px)}
  to{opacity:1;transform:none}
}
@keyframes pl-bubble{
  0%{transform:translateY(0) scale(.9);opacity:0}
  12%{opacity:1}
  85%{opacity:.7}
  100%{transform:translateY(-108vh) scale(1.15);opacity:0}
}

@media(max-width:800px){
  .preloader-logo{height:54px}
  #preloader{gap:24px}
}

/* уважение к настройке «уменьшить анимацию» */
@media(prefers-reduced-motion:reduce){
  .preloader-bubbles{display:none}
  .preloader-logo,.preloader-text{animation:none}
  .preloader-bar i{animation-duration:1.8s}
}