/* Styles spécifiques à la page checkout (paiement) */
.checkout{background:#FFF8E9; padding: 30px 0}
.grid{display:grid; grid-template-columns:1fr; gap:22px}
@media(min-width:860px){.grid{grid-template-columns:1.2fr .8fr}}
.card{background:white;border:1px solid #e7dcc9;border-radius:16px;padding:18px;box-shadow:0 2px 8px rgba(0,0,0,.03)}
.card h3{margin-bottom:8px}
.card h3 + form .form-row:first-child{margin-top:6px}
.card + .card{margin-top:16px}
.form-row{display:flex; gap:0; flex-wrap:wrap; flex-direction:column}
.card form .form-row{margin-top:6px}
.form-field{display:flex; flex-direction:column; flex:1; min-width:100%}
.form-row .form-field + .form-field{margin-top:6px}
.form-field label{font-weight:400; font-size:.92rem; color:#202226; margin-bottom:6px}
.form-field input{padding:10px 12px; border:1px solid #e7dcc9; border-radius:10px; width:100%}
.form-field input::placeholder{color:#9aa0a6}
.btn{display:inline-block;background:#F95E2D;color:#FFF8E9;font-weight:bold;font-family:'Montserrat', Arial, sans-serif;font-size:1rem;padding:12px 22px;border-radius:30px;border:2px solid transparent;text-decoration:none;cursor:pointer;transition:.2s}
.btn:hover{background:#FFF8E9;color:#F95E2D;border-color:#F95E2D;transform:scale(1.03)}
.btn[disabled]{opacity:.6; cursor:not-allowed; transform:none}
.muted{color:#666}
.sum-row{display:flex; justify-content:space-between; margin:6px 0}
.sum-row.total{font-weight:800}
.address-summary{margin-top:12px; padding-top:8px; border-top:1px solid rgba(0,0,0,.08)}

/* Indication visuelle basique des champs invalides */
.form-field input:invalid{border-color:#d9534f}