/* =============================================================
   airfilsoft.css — страница «Аэрация + обезжелезивание + умягчение»
   ============================================================= */

.soft-hero__bg {
  background-image: url('/assets/img/photos/FS_fon.webp');
}

/* ── Диагональный баннер ───────────────────────────────────── */
/* Пропорции: крайние 22%, внутренние 20%, центр 16%          */
/* Границы: 22% / 42% / 58% / 78%, диагональ ±6%             */

.tri-banner {
  position: relative;
  overflow: hidden;
}

.tri-banner__slice {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
}

.tri-banner__slice--1 {
  background-image: url('/assets/img/dangers/hard.jpg');
  clip-path: polygon(0 0, calc(13% + 4%) 0, calc(13% - 4%) 100%, 0 100%);
}

.tri-banner__slice--2 {
  background-image: url('/assets/img/dangers/fer_2.jpg');
  clip-path: polygon(calc(13% + 4%) 0, calc(32% + 4%) 0, calc(32% - 4%) 100%, calc(13% - 4%) 100%);
}

.tri-banner__slice--3 {
  background-image: url('/assets/img/dangers/aer_bubbles.jpg');
  clip-path: polygon(calc(32% + 4%) 0, calc(50% + 4%) 0, calc(50% - 4%) 100%, calc(32% - 4%) 100%);
}

.tri-banner__slice--4 {
  background-image: url('/assets/img/dangers/marg_3.jpg');
  clip-path: polygon(calc(50% + 4%) 0, calc(68% + 4%) 0, calc(68% - 4%) 100%, calc(50% - 4%) 100%);
}

.tri-banner__slice--5 {
  background-image: url('/assets/img/dangers/mutn.jpg');
  clip-path: polygon(calc(68% + 4%) 0, calc(87% + 4%) 0, calc(87% - 4%) 100%, calc(68% - 4%) 100%);
}

.tri-banner__slice--6 {
  background-image: url('/assets/img/dangers/cvet.jpg');
  clip-path: polygon(calc(87% + 4%) 0, 100% 0, 100% 100%, calc(87% - 4%) 100%);
}