/**
 * pool-shader — геометрия канваса с процедурной водой.
 *
 * Контейнер занял место <video>, которое раньше отсюда крутило parallax.mp4:
 * тот же родитель, та же позиция в DOM. Поэтому каждое правило здесь — зеркало
 * соответствующего правила для video. Селекторы и значения не выдуманы: они
 * скопированы 1:1 из существующих правил, чтобы геометрия совпала пиксель-в-пиксель.
 * Правила для video в main.css/style.css остались — там ещё есть другие видео.
 * Источник каждого правила — в комментарии над ним.
 *
 * object-fit намеренно не переносится: он не применим к <canvas>. Кадрирование
 * обеспечивает сам шейдер — движок читает размер бокса и подгоняет aspect.
 *
 * Файл подключается ПОСЛЕ main.css/style.css (см. header.php), поэтому при равной
 * специфичности выигрывает он.
 */

.pool-shader {
  /* Канвас — декоративный фон: не должен перехватывать ни клики, ни жесты.
     Движок ставит канвасу touch-action:none — без этого скролл по области
     параллакса залипал бы на мобильных. pointer-events на обёртке гасит и это. */
  pointer-events: none;
  overflow: hidden;
  /* ВРЕМЕННО: вместо WebGL-шейдера — статичный кадр воды (67КБ webp).
     pool-lite.js отключён в header.php/header-pk.php, пока не решены
     тормоза рендера на слабых устройствах. Вернуть шейдер: включить скрипт
     обратно — канвас перекроет фон, правило можно не трогать (останется
     фолбэком на случай упавшего WebGL). */
  background: #0d5f8a url("../assets/img/pool-static.webp") center / cover no-repeat;
}

/* main.css:18223 — .parallax video */
.parallax .pool-shader {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
}

/* main.css:10983 — .connection__bg video */
.connection__bg .pool-shader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* main.css:7585 — .buy-final__bg video, .buy-final__bg img */
.buy-final__bg .pool-shader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* main.css:4535 — .about-intro__body video */
.about-intro__body .pool-shader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

/* style.css:4011 — .feedback__bg video (полупрозрачная подложка) */
.feedback__bg .pool-shader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0.3;
}

/* main.css:23327 — .unexist__bg video, .unexist__bg img */
.unexist__bg .pool-shader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* template_styles.css:4902 — .ashort__bg video */
.ashort__bg .pool-shader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* adm.css:530 — .authorize__bg (класс висит на самом <video>, поэтому здесь
   обёртка получает и класс authorize__bg, и pool-shader). */
.pool-shader.authorize__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

/* personal-cabinet.css:9 — .authorize.is-pk .authorize__bg { position: fixed } */
.authorize.is-pk .pool-shader.authorize__bg {
  position: fixed;
}