.home-highlights {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

/* Grid 2:1 (HeroBanner + coloană laterală) — spacing (gap-3/mb-3) e aplicat prin
   utilități Bootstrap direct în markup. Coloana laterală și cardurile se ascund
   sub lg prin utilități responsive (d-none d-lg-flex / d-none d-lg-grid în markup),
   iar grid-ul principal se colapsează la o singură coloană. Breakpoint aliniat la
   lg-ul Bootstrap (991.98px), în locul vechiului 1000px. grid-template-columns
   rămâne custom (2fr/1fr și repeat(3,1fr) — CSS Grid, nu are echivalent utilitar). */
.home-highlights__top {
    display: grid;
    grid-template-columns: 2fr 1fr;
}

.home-highlights__cards {
    grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 991.98px) {
    .home-highlights__top {
        grid-template-columns: 1fr;
    }
}