/* ========================================================================
   Elatrik v27 — homepage diensten-grid: 4 blokken + 3 blokken
   Alleen de home dienstenkaarten op desktop. Mobiel/tablet blijft ongemoeid.
   ======================================================================== */

@media (min-width: 1200px) {
    .page-home .section-services .services-grid {
        display: grid !important;
        grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
        gap: 1.15rem !important;
        align-items: stretch;
    }

    .page-home .section-services .service-card {
        grid-column: span 2;
        min-height: 255px;
    }

    /* Bij 7 diensten: rij 1 = 4 kaarten, rij 2 = 3 kaarten mooi gecentreerd. */
    .page-home .section-services .service-card:nth-child(5):nth-last-child(3) {
        grid-column: 2 / span 2;
    }
}