/* Page Livraison — modes de livraison + délais. */

.liv-head { max-width: 720px; margin: 0 auto clamp(36px, 5vw, 56px); text-align: center; }
.liv-head h1 { font-family: var(--font-display); font-size: clamp(1.9rem, 4.4vw, 3rem); line-height: 1.08; margin: 10px 0 16px; color: var(--ink); }
.liv-lead { color: var(--muted); font-size: 1.08rem; line-height: 1.7; margin: 0; }

/* Cartes des modes de livraison */
.liv-modes { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.liv-card {
	background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius);
	padding: 30px 26px;
	transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.liv-card:hover { transform: translateY(-3px); box-shadow: 0 16px 40px rgba(32, 30, 26, 0.1); border-color: var(--brass); }
.liv-ico {
	display: inline-flex; align-items: center; justify-content: center;
	width: 58px; height: 58px; border-radius: 50%; margin-bottom: 18px;
	background: color-mix(in srgb, var(--brass) 15%, var(--bg)); color: var(--brass-d);
}
.liv-card h2 { font-family: var(--font-display); font-size: 1.22rem; color: var(--ink); margin: 0 0 10px; }
.liv-card p { color: var(--muted); line-height: 1.65; margin: 0; font-size: 0.96rem; }

/* Délais */
.liv-delais {
	margin-top: clamp(40px, 6vw, 66px);
	background: var(--bg); border: 1px solid var(--line); border-radius: var(--radius);
	padding: clamp(24px, 3vw, 40px);
}
.liv-delais-titre { display: flex; align-items: center; gap: 10px; font-family: var(--font-display); font-size: 1.4rem; color: var(--ink); margin: 0 0 18px; }
.liv-delais-ico { display: inline-flex; color: var(--brass-d); }
.liv-delais-list { list-style: none; margin: 0; padding: 0; }
.liv-delais-list li { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 20px; padding: 15px 0; border-top: 1px solid var(--line); }
.liv-delais-list li:first-child { border-top: 0; padding-top: 4px; }
.liv-delais-list .d-t { font-weight: 600; color: var(--ink); flex: 1 1 250px; }
.liv-delais-list .d-d { color: var(--muted); flex: 2 1 300px; }
.liv-delais-note { margin: 18px 0 0; color: var(--faint); font-size: 0.9rem; font-style: italic; }

/* Appel à l'action */
.liv-cta {
	margin-top: clamp(40px, 6vw, 66px); text-align: center;
	background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius);
	padding: clamp(30px, 4vw, 46px);
}
.liv-cta p { font-family: var(--font-display); font-size: clamp(1.2rem, 2.5vw, 1.6rem); color: var(--ink); margin: 0 0 20px; }

@media (max-width: 860px) {
	.liv-modes { grid-template-columns: 1fr; }
}