/* Page-specific styles for inner service pages (e.g. naruzhnye-inzhenernye-seti.html).
   Reuses tokens/components from main.css — only adds what's genuinely new. */

/* Hero with a photo background (page-specific) — keeps the same dark
   readability gradient as the default navy hero, swaps the base layer for a photo.
   Each page opts in via a second modifier class that only sets background-image. */
.hero--photo{
  background:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%);
  background-size:cover;
  background-position:center 30%;
  background-repeat:no-repeat;
}
.hero--photo::before{display:none}
.hero--photo-kanalizaciya{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/tehnicheskoe-obsluzhivanie-kanalizatsionnykh-setey.png");
}
.hero--photo-teplo{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/tehnicheskoe-obsluzhivanie-teplovyh-setey.png");
}
.hero--photo-livnevka{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/tehnicheskoe-obsluzhivanie-livnevoy-kanalizatsii.png");
}
.hero--photo-kns{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/obsluzhivanie-kns-kanalizatsionnykh-nasosnykh-stantsiy.png");
}
.hero--photo-proektirovanie{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/proektirovanie-naruzhnykh-inzhenernykh-setey.png");
}
.hero--photo-proektirovanie-teplo{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/proektirovanie-naruzhnykh-setey-teplosnabzheniya.png");
}
.hero--photo-proektirovanie-kanalizacii{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/proektirovanie-naruzhnykh-setey-kanalizatsii.png");
}
.hero--photo-proektirovanie-vodoprovod{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/proektirovanie-naruzhnogo-vodoprovoda.png");
}
.hero--photo-proektirovanie-kns{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/proektirovanie-kns.png");
}
.hero--photo-sistemy-otopleniya{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/sistemy-otopleniya.png");
}
.hero--photo-montazh-otopleniya{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/montazh-sistem-otopleniya.png");
}
.hero--photo-proektirovanie-otopleniya{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/proektirovanie-sistem-otopleniya.png");
}
.hero--photo-servis-otopleniya{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/servisnoe-obsluzhivanie-otoplenie.png");
}
.hero--photo-uzly-ucheta{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/uzly-ucheta-teplovoy-energii.png");
}
.hero--photo-poverka{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/poverka.png");
}
.hero--photo-itp-ctp{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/stroitelstva-individualnyh-teplovyh-punktov-itp-ctp.png");
}
.hero--photo-proektirovanie-itp{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/proektirovanie-individualnogo-teplovogo-punkta.png");
}
.hero--photo-proektirovanie-ctp{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/proektirovanie-centralnogo-teplovogo-punkta.png");
}
.hero--photo-montazh-itp{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/montazh-individualnogo-teplovogo-punkta-itp.png");
}
.hero--photo-montazh-ctp{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/montazh-centralnogo-teplovogo-punkta.png");
}
.hero--photo-servis-itp-ctp{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/servisnoe-obsluzhivanie-teplovyh-punktov.png");
}
.hero--photo-naruzhnye-seti{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/service/naruzhnye-inzhenernye-seti/ns.png");
}
.hero--photo-servis-vodosnabzhenie{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/service/vodosnabzhenie/servisnoye-obsjuzhivanie.png");
}
.hero--photo-montazh-vodosnabzheniya{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/service/vodosnabzhenie/montazh-inzhenernyh-sistem-vodosnabzheniya.png");
}
.hero--photo-proektirovanie-vodosnabzheniya{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/service/vodosnabzhenie/proektirovanie-vodosnabzhenie.png");
}
.hero--photo-sistemy-vodosnabzheniya{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/service/vodosnabzhenie/vodosnabzhenie.png");
}
.hero--photo-montazh-kanalizatsii-vodootvedeniya{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/servisnoe-obsluzhivanie-naruzhnykh-inzhenernykh-setey.png");
}
.hero--photo-montazh-vodootvedenie{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/montazh-sistem-kanalizatsii-i-vodootvedeniya.png");
}
.hero--photo-sistemy-vodootvedeniya{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/sistemy-vodootvedeniya.png");
}
.hero--photo-kontakty{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/info/contcts.png");
}
.hero--photo-o-kompanii{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/info/company.png");
}
.hero--photo-ventilyatsiya-himicheskih-proizvodstv{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/ventilyatsiya-ximicheskih-proizvodstv.png");
}
.hero--photo-ventilyatsiya-basseynov{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/ventilyatsiya-basseynov.png");
}
.hero--photo-ventilyatsiya-avtostoyanki{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/ventilyatsiya-avtostoyanki.png");
}
.hero--photo-ventilyatsiya-oteley{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/ventilyatsiya-oteley.png");
}
.hero--photo-ventilyatsiya-salona-krasoty{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/ventilyaciya-salona-krasoty.png");
}
.hero--photo-ventilyatsiya-servernoj{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/ventilyatsiya-servernoj.png");
}
.hero--photo-montazh-ventilyatsii-mkd{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/montazh-ventilyaczii-v-mnogokvartirnom-dome.png");
}
.hero--photo-ventilyatsiya-agroobektov{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/ventilyatsiya-agroobektov.png");
}
.hero--photo-ventilyatsiya-medicinskih-uchrezhdenij{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/montazh-ventilyacii-medicinskih-uchrezhdenij.png");
}
.hero--photo-ventilyatsiya-farmsklada{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/ventilyatsiya-farmatsevticheskikh-proizvodstv.png");
}
.hero--photo-ventilyatsiya-aeroportov{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/ventilyatsiya-aeroportov.png");
}
.hero--photo-ventilyatsiya-stadionov{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/ventilyatsiya-stadionov.png");
}
.hero--photo-ventilyatsiya-sklada{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/ventilyatsiya-sklada.png");
}
.hero--photo-ventilyatsiya-kafe-restoranov{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/ventilyatsiya_kafe_i_restorana.png");
}
.hero--photo-ventilyatsiya-obshchestvennogo-pitaniya{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/ventilyatsiya-predpriyatiy-obshchestvennogo-pitaniya.png");
}
.hero--photo-ventilyatsiya-torgovyh-tsentrov{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/ventilyatsiya-v-torgovyh-tsentrah.png");
}
.hero--photo-proektirovanie-ventilyatsii{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/proektirovanie-ventilyatsii.png");
}
.hero--photo-montazh-vytyazhnoy-ventilyatsii{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/montazh-vytyazhnoy-ventilyatsii.png");
}
.hero--photo-montazh-pritochnoy-ventilyatsii{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/montazh-pritochnoj-ventilyaczii.png");
}
.hero--photo-montazh-pritochno-vytyazhnoy-ventilyatsii{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/montazh-pritochno-vytyazhnoj-ventilyaczii.png");
}
.hero--photo-montazh-sistem-ventilyaczii{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/montazh-sistem-ventilyaczii.png");
}
.hero--photo-montaj-sistem-konditsionirovaniya{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/montaj-sistem-konditsionirovaniya.png");
}
.hero--photo-remont-sistem-konditsionirovaniya{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/remont-sistem-konditsionirovaniya.png");
}
.hero--photo-puskonaladochnye-raboty-sistemy-konditsionirovaniya{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/puskonaladochnye-raboty-sistemy-konditsionirovaniya.png");
}
.hero--photo-obsluzhivanie-sistem-kondicionirovanija{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/obsluzhivanie-sistem-kondicionirovanija.png");
}
.hero--photo-proektirovanie-sistemy-konditsionirovaniya{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/proektirovanie-sistemy-konditsionirovaniya.png");
}
.hero--photo-montazh-vrv-vrf-sistem-konditsionirovaniya{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/montazh-vrv-i-vrf-sistem-konditsionirovaniya.png");
}
.hero--photo-remont-vrv-vrf-sistem{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/remont-vrf-vrv.png");
}
.hero--photo-obsluzhivanie-vrv-vrf-sistem{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/obsluzhivanie-vrf-vrv.png");
}
.hero--photo-vrf-vrv-sistemy{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/vrf-vrv-sistemy.png");
}
.hero--photo-montazh-chillerov{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/montazh-chillerov.png");
}
.hero--photo-montazh-fankojlov{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/montazh-fankojlov.png");
}
.hero--photo-obsluzhivanie-fankojlov{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/obsluzhivanie-fankoylov.png");
}
.hero--photo-obsluzhivanie-chillerov{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/obsluzhivanie-chillers.png");
}
.hero--photo-remont-i-obsluzhivanie-fankojlov{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/remont-fankoyla.png");
}
.hero--photo-remont-chillerov{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/remont-chillerov.png");
}
.hero--photo-chiller-fankojl-sistema{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/chiller-fankojl-sistema.png");
}
.hero--photo-montazh-precizionnyh-kondicionerov{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/montazh-precizionnyh-kondicionerov.png");
}
.hero--photo-remont-pretsizionnyh-kondicionerov{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/remont-pretsizionnykh-konditsionerov.png");
}
.hero--photo-obsluzhivanie-precizionnyh-kondicionerov{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/obsluzhivanie-precizionnyh-kondicionerov.png");
}
.hero--photo-pretsizionnoe-konditsionirovanie{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/pretsizionnoe-konditsionirovanie.png");
}
.hero--photo-montazh-promyshlennyh-kondicionerov{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/montazh-promyshlennyh-kondicionerov.png");
}
.hero--photo-sistemy-kondicionirovaniya{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/montazh-promyshlennyh-kondicionerov.png");
}
.hero--photo-ventilyacionnye-sistemy{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/ventilyacionnye-sistemy.png");
}
.hero--photo-montazh-sistem-dymoudaleniya-i-protivodymnoy-ventilyacii{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/montazh-sistem-dymoudaleniya.png");
}
.hero--photo-obsluzhivanie-sistem-dymoudalenija{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/obsluzhivanie-sistem-dymoudalenija.png");
}
.hero--photo-remont-sistem-dymoudaleniya{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/remont-sistem-dymoudaleniya.png");
}
.hero--photo-proektirovanie-sistem-dymoudaleniya{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/proektirovanie-sistemy-dymoudaleniya.png");
}
.hero--photo-sistemy-dymoudaleniya{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/sistemy-dymoudaleniya.png");
}
.hero--photo-montazh-obshcheobmennoy-ventilyatsii{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/montazh-obshheobmennoj-ventilyaczii.png");
}
.hero--photo-montazh-promyshlennoy-ventilyatsii{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/montazh-promyshlennoj-ventiljacii.png");
}
.hero--photo-montazh-pnevmotransporta{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/montazh-pnevmotransporta.png");
}
.hero--photo-montazh-sistem-aspiracii{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/montazh-sistem-aspiracii.png");
}
.hero--photo-remont-obsluzhivanie-ventilyatsii{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/remont-i-servisnoe-obsluzhivanie-sistem-ventilyatsii.png");
}
.hero--photo-promyvka-otopleniya{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/promivka-sistem-otopleniya.png");
}
.hero--photo-promyvka-boylerov{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/promivka-i-dezentifikaciya-boylerov.png");
}
.hero--photo-podgotovka-sezon{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/podgotovka-zdaniy-k-otopleniu.png");
}
.hero--photo-kotelnoe{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/kotelnoye-oborudovanie.png");
}
.hero--photo-stroitelstvo-kotelnykh{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/striotelstvo-kotelnyh.png");
}
.hero--photo-to-kotelnykh{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/tekhnicheskoe-obsluzhivanie-kotelnyh.png");
}
.hero--photo-remont-kotelnyh{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/remont-kotelnogo-oborudovaniya.png");
}
.hero--photo-pnr-nadzor{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/tekhnicheskiy-nadzor-i-pnr.png");
}
.hero--photo-avtomatizatsiya-kotelnykh{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/avtomatizaciya-kotelnyh.png");
}
.hero--photo-montazh-nis{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/montazh-naruzhnyh-inzhenernyh-setey.png");
}
.hero--photo-montazh-teplotrass{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/montazh-teplotrass.png");
}
.hero--photo-montazh-vodosnabzhenie{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/montazh-naruzhnyh-setey-vodosnabzheniya.png");
}
.hero--photo-montazh-kanalizaciya{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/montazh-naruzhnyh-kanalizatsionnykh-setey.png");
}
.hero--photo-montazh-livnevka{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/montazh-livnevyh-kanalizatsionnykh-setey.png");
}
.hero--photo-montazh-drenazh{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/montazh-drenazhnyh-sistem-vodootvedeniya.png");
}
.hero--photo-montazh-kns{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/montazh-kns-kanalizatsionnykh-nasosnykh-stantsiy.png");
}
.hero--photo-montazh-bytovaya{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/montazh-naruzhnyh-setey-bytovoy-kanalizatsii.png");
}
.hero--photo-remont-hub{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/remont-inzhenernyh-setey-i-kommunikatsiy.png");
}
.hero--photo-remont-teplotrassy{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/remont-teplotrassy.png");
}
.hero--photo-avariynyy-remont-teplotrassy{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/avariynyy-remont-teplotrassy.png");
}
.hero--photo-remont-livnevka{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/remont-livnevoy-kanalizatsii.png");
}
.hero--photo-remont-vodootvedenie{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/remont-setey-vodootvedeniya.png");
}
.hero--photo-remont-vodosnabzhenie{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/remont-naruzhnyh-setey-vodosnabzheniya.png");
}
.hero--photo-remont-kns{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/remont-kns-kanalizatsionnykh-nasosnykh-stantsiy.png");
}
.hero--photo-remont-los{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/remont-los-lokalnykh-ochistnykh-sooruzheniy.png");
}
.hero--photo-rekonstrukciya{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/rekonstruktsiya-inzhenernykh-sooruzheniy.png");
}
.hero--photo-servis-hub{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/servisnoe-obsluzhivanie-naruzhnykh-inzhenernykh-setey.png");
}
.hero--photo-obsluzh-drenazh{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/obsluzhivanie-drenazhnoy-kanalizatsii.png");
}
.hero--photo-obsluzh-los{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/obsluzhivanie-los-lokalnykh-ochistnykh-sooruzheniy.png");
}
.hero--photo-teleinspekciya{background-image:
    linear-gradient(90deg,rgba(8,26,46,.86) 0%,rgba(8,26,46,.5) 46%,rgba(8,26,46,.12) 100%),
    url("../public/images/hero/teleinspektsiya-kanalizatsionnykh-trub.png");
}

/* Breadcrumbs (sit on the navy hero background) */
.breadcrumbs{display:flex;align-items:center;gap:8px;row-gap:6px;font-size:12px;color:var(--tint-2);margin-bottom:20px;flex-wrap:wrap}
.breadcrumbs a{color:var(--tint-2);white-space:nowrap}
.breadcrumbs a:hover{color:#fff}
.breadcrumbs__current{color:#fff;font-weight:500;white-space:nowrap}
.breadcrumbs span[aria-hidden]{flex:none}

.hero__phone{display:inline-flex;align-items:center;gap:8px;color:#fff;font-size:15px;font-weight:700}
.hero__phone:hover{color:var(--blue-200)}
.hero__actions{align-items:center}

/* Optional 2-column layout for hero badge lists with longer copy */
.hero__badges--grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}

/* Generic paragraph blocks */
.text-block{max-width:820px;font-size:14px;line-height:var(--body-line);color:var(--color-body-on-light);margin:0 0 24px}
.text-note{max-width:820px;font-size:14px;line-height:var(--body-line);color:var(--color-body-on-light);margin:0}

/* Checklist (network types) */
.checklist{display:grid;grid-template-columns:1fr 1fr;gap:12px 32px;max-width:900px}
.checklist li{display:flex;gap:10px;font-size:14px;color:var(--slate-700);line-height:21px}
.checklist__mark{color:var(--blue-500);font-weight:700;flex:none}

/* Feature cards grid (reuses .card-object family, no label line) */
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.feature-grid--3col{grid-template-columns:repeat(3,1fr)}

/* Spec list — bold lead-in + description, stacked */
.spec-list{display:grid;gap:14px;max-width:900px}
.spec-item{font-size:14px;line-height:var(--body-line);color:var(--color-body-on-light);padding:18px 20px;background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-panel)}
.spec-item b{color:var(--navy-600)}

/* Technology / method cards (reuses .info-non-accent) */
.tech-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}

/* "Why us" reasons (reuses .info-non-accent + .trust-reason__index) */
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}

/* Price tables */
.price-table-block__note{font-size:12px;color:var(--slate-400);font-style:italic;margin:14px 0 0}
.price-table-wrap{overflow-x:auto;border:1px solid var(--border-light)}
.price-table{width:100%;border-collapse:collapse;font-size:13px;min-width:520px}
.price-table th{background:#dce5ee;color:#123f6b;text-align:left;padding:12px 16px;font-weight:700;white-space:nowrap;border-radius:0}
.price-table td{padding:11px 16px;border-top:1px solid var(--border-light);color:var(--slate-700);white-space:nowrap}
.price-table td:first-child{font-weight:700;color:var(--navy-600)}
.price-table tbody tr:nth-child(even){background:var(--surface-tint)}

/* Price-list accordion, table variant */
.price-category__items--table{padding:0}

/* CTA contact form (reuses .calc-form__field, adds textarea) */
.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:8px}
.contact-form__full{grid-column:1/-1}
.calc-form__field textarea{
  width:100%;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);
  border-radius:8px;padding:12px 14px;color:#fff;font-size:14px;font-family:var(--font-base);
  resize:vertical;min-height:96px;
}
.calc-form__field textarea::placeholder{color:rgba(255,255,255,.55)}

/* Contacts page — details left, form right */
.contacts-layout{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}
@media (max-width:900px){.contacts-layout{grid-template-columns:1fr}}

/* Consent checkbox row (inside dark contact-form panels) */
.form-consent{display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:18px;color:var(--color-body-on-navy)}
.form-consent input{margin-top:3px;flex:none}
.form-consent a{color:#fff;text-decoration:underline}

/* Yandex map embed wrapper */
.map-embed{border-radius:var(--radius-panel);overflow:hidden;border:1px solid var(--border-light)}
.map-embed iframe{display:block;width:100%;height:420px;border:0}

/* CTA banner — heading+description on the left, actions on the right (navy panel) */
.cta-banner{position:relative;display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap;overflow:hidden;padding:40px 48px}
.cta-banner::after{content:'';position:absolute;top:-70px;right:-70px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.08),transparent 70%);pointer-events:none}
.cta-banner__text{position:relative;z-index:1;max-width:640px}
.cta-banner__title{font-size:26px;line-height:1.25;font-weight:700;color:#fff;margin:0 0 10px}
.cta-banner__desc{font-size:14px;line-height:22px;color:var(--color-body-on-navy);margin:0}
.cta-banner__actions{position:relative;z-index:1;display:flex;align-items:center;gap:14px;flex:none}

@media (max-width:900px){
  .feature-grid{grid-template-columns:repeat(2,1fr)}
  .tech-grid,.why-grid{grid-template-columns:1fr 1fr}
  .checklist,.hero__badges--grid{grid-template-columns:1fr}
  .contact-form{grid-template-columns:1fr}
  .cta-banner{padding:32px}
}
@media (max-width:560px){
  .feature-grid,.tech-grid,.why-grid{grid-template-columns:1fr}
  .cta-banner__actions{width:100%}
  .cta-banner__actions .btn{flex:1;justify-content:center}
}