/* All Properties Tenerife — общий движущийся водяной фон страницы.

   Так он уже был сделан на «Контактах» (body::before / body::after с двумя
   встречными анимациями). На «Объектах» вода тоже есть. На «О нас» и «Услугах»
   её не было — страницы выглядели плоскими и выпадали из общего ряда.

   Файл повторяет контактную реализацию один в один, чтобы движение, скорость
   и плотность совпадали на всех четырёх страницах. Подключать ТОЛЬКО туда,
   где своего слоя воды нет: /about/ и /services/.
   На «Контактах» и «Объектах» подключать не нужно — там свой слой,
   получится двойной. */

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -2;
  background: url('/images/water-tile.jpg') top left/560px 560px repeat;
  opacity: .55;
  animation: aptWaterA 76s linear infinite;
  pointer-events: none;
}

body::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(180deg, rgba(233,242,243,.5), rgba(226,236,238,.34) 40%, rgba(214,227,231,.44)),
    url('/images/water-tile.jpg') top left/560px 560px repeat;
  animation: aptWaterB 49s linear infinite;
  pointer-events: none;
}

@keyframes aptWaterA {
  from { background-position: 0 0; }
  to   { background-position: 560px 560px; }
}

@keyframes aptWaterB {
  from { background-position: center, 0 0; }
  to   { background-position: center, -560px -560px; }
}

@media (prefers-reduced-motion: reduce) {
  body::before,
  body::after { animation: none; }
}