/* =============================================================
   dirty.css — переопределения для страницы «Обезжелезивание + умягчение»
   ============================================================= */

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

/* ── Диагональный баннер ───────────────────────────────────── */
.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(16% + 6%) 0, calc(16% - 6%) 100%, 0 100%);
}

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

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

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

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