/**
 * HARNOVA — Services grid (3 columns desktop, 2 tablet, 1 mobile).
 * Card visuals are inherited from the template's .services-section .services-card.
 */
.services-section {
    background-image: url('home-services-bg.jpg');
}

.services-section .services-grid-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3rem;
}

@media (max-width: 991px) {
    .services-section .services-grid-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 575px) {
    .services-section .services-grid-wrapper {
        grid-template-columns: 1fr;
    }
}

/* Cards are now links — reset anchor defaults */
.services-section a.services-card {
    display: block;
    text-decoration: none;
    color: inherit;
}