/* SKS-MAX: 8 service visuals for existing .service-grid on homepage.
   Uses the approved artwork, cropped to image-only tiles (no embedded labels). */
.service-grid > :nth-child(1) .service-art,
.service-grid .service-card:nth-child(1) .service-art {
    background: #061725 url("./videonablyudenie.webp") center center / cover no-repeat !important;
}
.service-grid > :nth-child(2) .service-art,
.service-grid .service-card:nth-child(2) .service-art {
    background: #061725 url("./domofoniya.webp") center center / cover no-repeat !important;
}
.service-grid > :nth-child(3) .service-art,
.service-grid .service-card:nth-child(3) .service-art {
    background: #061725 url("./sks.webp") center center / cover no-repeat !important;
}
.service-grid > :nth-child(4) .service-art,
.service-grid .service-card:nth-child(4) .service-art {
    background: #061725 url("./vols.webp") center center / cover no-repeat !important;
}
.service-grid > :nth-child(5) .service-art,
.service-grid .service-card:nth-child(5) .service-art {
    background: #061725 url("./avtomatika-vorot.webp") center center / cover no-repeat !important;
}
.service-grid > :nth-child(6) .service-art,
.service-grid .service-card:nth-child(6) .service-art {
    background: #061725 url("./telefoniya.webp") center center / cover no-repeat !important;
}
.service-grid > :nth-child(7) .service-art,
.service-grid .service-card:nth-child(7) .service-art {
    background: #061725 url("./ohrannaya-signalizaciya.webp") center center / cover no-repeat !important;
}
.service-grid > :nth-child(8) .service-art,
.service-grid .service-card:nth-child(8) .service-art {
    background: #061725 url("./kontrol-dostupa.webp") center center / cover no-repeat !important;
}

/* Remove the old decorative emoji/icon from the illustration area only. */
.service-grid .service-art .art-symbol { opacity:0 !important; }
.service-grid .service-art::after { display:none !important; }
.service-grid .service-art { height:165px; overflow:hidden; transition:filter .25s ease; }
.service-grid .service-card:hover .service-art { filter:brightness(1.12); }
@media(max-width:550px) {
  .service-grid .service-art { height:125px; }
}