/* ==============================================
   Colitrans Home — Responsive
   Breakpoints : 1024 / 768 / 480
   ============================================== */

/* ── 1024px ─────────────────────────────────── */
@media (max-width: 1024px) {

	#colitrans-page .hero-inner {
		grid-template-columns: 1fr;
		gap: 48px;
	}

	#colitrans-page .expertise .container-inner {
		grid-template-columns: 1fr;
		gap: 60px;
	}

	#colitrans-page .steps {
		grid-template-columns: repeat(3, 1fr);
	}

	#colitrans-page .zone .container-inner {
		grid-template-columns: 1fr;
		gap: 48px;
	}
}

/* ── 768px ──────────────────────────────────── */
@media (max-width: 768px) {

	#colitrans-page .hero-inner {
		padding: 60px 24px;
	}

	/* Padding commun : expertise, processus, zone, confiance */
	#colitrans-page .ch-section {
		padding: 64px 24px;
	}

	#colitrans-page .expertise-cols {
		grid-template-columns: 1fr;
	}

	#colitrans-page .steps {
		grid-template-columns: repeat(2, 1fr);
	}

	#colitrans-page .avis-grid {
		grid-template-columns: 1fr;
	}

	#colitrans-page .cta-band {
		padding: 56px 24px;
	}
}

/* ── 480px ──────────────────────────────────── */
@media (max-width: 480px) {

	#colitrans-page .steps {
		grid-template-columns: 1fr;
	}

	#colitrans-page .step-arrow {
		display: none;
	}
}