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

/* Hero — larger gap */
.service-hero__grid {
    gap: var(--t3br-spacing-4xl);
}

/* Realisations — force 3 columns, cap total width for centering */
.service-realisations__grid {
    grid-template-columns: repeat(3, 1fr);
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

/* Process — 4 columns when there are 4 steps */
.service-process__steps {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}