/* Secțiunea de highlights de pe Home - spațiere verticală a secțiunii */
.home-highlights {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

/* Rândul de sus al highlights-urilor - banner mare (3fr) + card lateral (1fr) */
.home-highlights-top {
    display: grid;
    grid-template-columns: 3fr 1fr;
}

/* Rândul de carduri mici de sub banner - 3 coloane egale */
.home-highlights-cards {
    grid-template-columns: repeat(3, 1fr);
}

/* Breakpoint sub desktop (<992px) - banner-ul mare și cardul lateral trec pe o singură coloană */
@media (max-width: 991.98px) {
    .home-highlights-top {
        grid-template-columns: 1fr;
    }
}