/* Фон страниц платформы — реальные фото оснащённых объектов AquaMania (источник aquamania.pro/wemade),
   под тёмным градиент-оверлеем для читаемости (приём из protoB). Фото задаётся per-page через --bgimg. */
body{
  background-image:
    linear-gradient(rgba(7,11,15,.50), rgba(7,11,15,.66)),
    var(--bgimg, url('/photos/p16.webp'));
  background-size: cover;
  /* вертикальная позиция — СВОЯ на каждую страницу (--bgpos), т.к. композиция фото разная:
     у портретных мебель посередине, у горизонтальных — внизу кадра. Дефолт 55%. */
  background-position: var(--bgpos, center 55%);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-color: #070B0F;
}
/* на мобильных fixed-фон лагает (особенно iOS) → обычная прокрутка */
@media (max-width:820px){ body{ background-attachment: scroll; } }

/* AVIF-фон для браузеров с image-set() (Chrome 113+/Safari 17+/FF 113+): модерн берёт .avif,
   всё старое падает на --bgimg (.webp) — фолбэк полный, ни одна страница не ломается.
   Каждый экран рядом с --bgimg задаёт --bgimg-avif (image-set avif+webp). */
@supports (background-image: image-set(url('/i.avif') type('image/avif'))){
  body{
    background-image:
      linear-gradient(rgba(7,11,15,.50), rgba(7,11,15,.66)),
      var(--bgimg-avif, var(--bgimg, url('/photos/p16.webp')));
  }
}

/* Бренд в шапке — иконка товарного знака (лесенка-бассейн + две волны) в фирменном cyan,
   органично на тёмной шапке; слово «АКВАМАНИЯ» рядом — текстом в шрифте платформы (Space Grotesk).
   Перекрывает прежний квадрат-«A» (bg.css линкуется последним). HTML-текст уже заменён на АКВАМАНИЯ. */
.brand .mark{
  background:url('/logo-icon.png') center/contain no-repeat !important;
  border:0 !important; box-shadow:none !important; border-radius:0 !important;
  color:transparent !important;   /* на случай остатка буквы */
  width:38px !important; height:38px !important;   /* чуть крупнее */
}
/* двухстрочный лок-ап: АКВАМАНИЯ (cyan, как иконка) + подпись «оборудование для бассейна» */
.brand .bname{ display:inline-flex; flex-direction:column; line-height:1.04; color:var(--accent); }
.brand .bsub{
  font-family:var(--ff-t); font-weight:500; font-size:9px; letter-spacing:.2px;
  color:var(--text-muted); margin-top:2px; text-transform:none;
}
@media (max-width:560px){ .brand .bsub{ display:none; } }