/* Barre de progression : Panier → Rendez-vous (ou Livraison / Ramassage) → Paiement */
.pc-flow { display: flex; align-items: center; width: 100%; margin: 0 0 16px; font-family: Inter, system-ui, sans-serif; }
.pc-flow[hidden] { display: none; }
.pc-flow .st { display: flex; align-items: center; gap: 8px; flex: none; font-size: 13.5px; font-weight: 700; line-height: 1.1; color: #9ca3af; white-space: nowrap; }
.pc-flow .st b { width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; flex: none; font-size: 13px; font-weight: 800; background: #e5e7eb; color: #6b7280; transition: background .2s, color .2s; }
.pc-flow .st b svg { width: 15px; height: 15px; }
.pc-flow .st.cur { color: #111827; }
.pc-flow .st.cur b { background: #dc2626; color: #fff; box-shadow: 0 0 0 4px rgba(220, 38, 38, .16); }
.pc-flow .st.done { color: #111827; }
.pc-flow .st.done b { background: #16a34a; color: #fff; }
.pc-flow .ln { flex: 1 1 auto; height: 3px; margin: 0 10px; min-width: 14px; border-radius: 2px; background: #e5e7eb; }
.pc-flow .ln.on { background: #16a34a; }
.pc-flow-cart { padding: 14px 18px 2px; margin: 0; }
.pc-flow.on-dark { margin: 0 auto 14px; max-width: 640px; padding: 0 4px; }
.pc-flow.on-dark .st { color: #9ca3af; }
.pc-flow.on-dark .st.cur, .pc-flow.on-dark .st.done { color: #fff; }
.pc-flow.on-dark .st b { background: #374151; color: #d1d5db; }
.pc-flow.on-dark .st.cur b { background: #dc2626; color: #fff; }
.pc-flow.on-dark .st.done b { background: #16a34a; color: #fff; }
.pc-flow.on-dark .ln { background: #374151; }
.pc-flow.on-dark .ln.on { background: #16a34a; }
@media (max-width: 480px) {
  .pc-flow .st { gap: 6px; font-size: 12px; }
  .pc-flow .st b { width: 24px; height: 24px; font-size: 12px; }
  .pc-flow .st b svg { width: 13px; height: 13px; }
  .pc-flow .ln { margin: 0 6px; min-width: 8px; }
}
.rv-h1 + .pc-flow { margin-top: 16px; }