/* ───────── Services page ───────── */

/* Six-card grid: 3×2 on desktop, 2×3 on tablet, stacked on mobile */
@media (min-width: 981px) {
    .services.services-6 {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 740px) and (max-width: 980px) {
    .services.services-6 {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Seven-card grid: 4+3 on desktop, 2×4 on tablet, stacked on mobile */
@media (min-width: 981px) {
    .services.services-7 {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (min-width: 740px) and (max-width: 980px) {
    .services.services-7 {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Catalogue index cards: the title is the link, child services list below */
.service-card--index h3 a {
    color: inherit;
    text-decoration: none;
}

.service-card--index h3 a::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
}

.service-card--index .service-list {
    position: relative;
    z-index: 1;
}

.service-card--index .service-list a {
    color: var(--text-secondary);
    text-decoration: none;
}

.service-card--index .service-list a:hover {
    color: var(--accent-purple);
}