/* Pages d'information (livraison, paiement, suivi) et confirmation de commande. Valeurs via tokens.css. */
.faits { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--sg-6); }
.faits > div { border-top: 3px solid var(--sg-sceau); padding-top: var(--sg-4); }
.faits b { display: block; font-size: var(--sg-t-lead); font-weight: 700; line-height: 1.25; }
.faits p { margin-top: var(--sg-2); color: var(--sg-gris); }
@media (max-width: 767px) { .faits { grid-template-columns: 1fr; gap: var(--sg-5); } }
.info-bloc { display: grid; grid-template-columns: 1fr 2fr; gap: var(--sg-7); align-items: start; }
.info-bloc .attente { margin-top: var(--sg-3); }
@media (max-width: 1023px) { .info-bloc { grid-template-columns: 1fr; gap: var(--sg-5); } }
.moyens { display: flex; flex-wrap: wrap; gap: var(--sg-3); margin-top: var(--sg-5); list-style: none; padding: 0; }
.moyens li { padding: var(--sg-2) var(--sg-4); border: var(--sg-filet); background: var(--sg-blanc); font-weight: 600; }

/* Suivi de colis : deux formulaires côte à côte */
.suivi-grille { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--sg-8); }
.suivi-grille .contact-form { max-width: none; }
@media (max-width: 1023px) { .suivi-grille { grid-template-columns: 1fr; gap: var(--sg-6); } }

/* Confirmation de commande */
.confirme { max-width: 720px; }
.confirme .coche { display: inline-grid; place-items: center; width: 56px; height: 56px; border-radius: 50%; background: var(--sg-succes); color: var(--sg-blanc); font-size: 28px; font-weight: 700; margin-bottom: var(--sg-4); }
.confirme-faits { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--sg-5); margin-top: var(--sg-6); }
.confirme-faits dt { color: var(--sg-gris); font-size: var(--sg-t-petit); }
.confirme-faits dd { margin: var(--sg-1) 0 0; font-weight: 600; overflow-wrap: anywhere; }
@media (max-width: 767px) { .confirme-faits { grid-template-columns: 1fr; gap: var(--sg-4); } }
.confirme-suite { display: flex; flex-wrap: wrap; gap: var(--sg-3); margin-top: var(--sg-6); }

/* Panier vide et recherche sans résultat */
.vide-page { text-align: center; }
.vide-page .lead { margin: var(--sg-4) auto 0; }
.vide-page .actions { justify-content: center; }