/**
 * Single Service — Tablet overrides (768px+)
 * Loaded via media="(min-width: 768px)"
 *
 * @package T3BR
 */

/* 1. Hero — side by side */
.service-hero__grid {
    flex-direction: row;
    align-items: center;
    gap: var(--t3br-spacing-3xl);
}

.service-hero__content {
    order: 1;
    flex: 1;
}

.service-hero__image {
    order: 2;
    flex: 1;
}

/* 2. Pain — 3 columns */
.service-pain__grid {
    grid-template-columns: repeat(3, 1fr);
}

/* 4. Process — multi-column */
.service-process__steps {
    grid-template-columns: repeat(3, 1fr);
}

/* 5. Réalisations — grid on tablet+, hide carousel */
.service-realisations__grid {
    display: grid;
}

.service-realisations__carousel {
    display: none;
}