/* CAFEMINCE — CHECKOUT (commande / upsells / merci) — chrome calqué sur les pages checkout
   du concurrent : header blanc + logo, fond gris-bleu clair, cartes blanches
   arrondies, bouton VERT plein largeur, badge SSL, footer noir. */

:root{ --blue:#1c4d3a; --green:#1c4d3a; --green-d:#143a2b; --ink:#141b26; --soft:#4c5a6a; --line:#e3e9f0; --bg:#f4f1ea; --gold1:#f0d97a; --gold2:#c9a233; }
*{box-sizing:border-box;}
body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,'Segoe UI',Roboto,Arial,sans-serif;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;}
img{max-width:100%;display:block;}
.wrap{width:min(100% - 32px,1040px);margin-inline:auto;}

/* Header blanc */
.chead{background:#fff;border-bottom:1px solid var(--line);}
.chead .in{width:min(100% - 32px,1040px);margin-inline:auto;display:flex;align-items:center;justify-content:space-between;height:62px;}
.clogo{font-weight:800;font-size:24px;color:var(--ink);text-decoration:none;letter-spacing:-.02em;}
.clogo b{color:var(--blue);}
.securebar{background:#e9f7ef;color:#18823f;text-align:center;font-weight:700;font-size:13.5px;padding:8px;}

/* Grille checkout */
.checkout{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;padding:28px 0 50px;align-items:start;}
@media(max-width:860px){.checkout{grid-template-columns:1fr;}}
.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 4px 18px -10px rgba(20,40,70,.18);margin-bottom:18px;}
.card h3{margin:0 0 14px;font-size:19px;}
.summary{position:sticky;top:80px;}

/* Formulaire */
.field label{display:block;font-weight:600;font-size:14px;margin:14px 0 6px;}
.field input,.field select{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:10px;font-size:16px;font-family:inherit;background:#fff;}
.row2{display:grid;gap:12px;grid-template-columns:1fr 1fr;}
#payment-element{margin:14px 0;}
.consent{display:flex;gap:8px;font-size:13.5px;color:var(--soft);margin-top:10px;}
.err{color:#c0392b;font-size:14px;margin-top:8px;}

/* Bouton vert */
.gbtn{display:block;width:100%;background:linear-gradient(180deg,var(--green),var(--green-d));color:#fff;font-weight:800;font-size:18px;text-transform:uppercase;letter-spacing:.02em;padding:17px;border-radius:12px;border:0;cursor:pointer;box-shadow:0 8px 18px rgba(28,77,58,.35);text-align:center;text-decoration:none;}
.gbtn:hover{filter:brightness(1.05);}
.gbtn[disabled]{opacity:.6;cursor:default;}
.ssl{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--soft);font-size:12.5px;margin-top:12px;}
.ssl b{color:#18823f;}

/* Récap */
.sline{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px dashed var(--line);font-size:15px;}
.stotal{display:flex;justify-content:space-between;font-weight:800;font-size:22px;margin-top:12px;}
.v{color:#18823f;}
.seal{flex:0 0 60px;width:60px;height:60px;border-radius:50%;background:linear-gradient(180deg,var(--gold1),var(--gold2));color:#3a2c06;display:grid;place-items:center;font-weight:800;font-size:12px;text-align:center;line-height:1;}
.guar{display:flex;gap:14px;align-items:center;background:#f6f9fc;border:1px solid var(--line);border-radius:12px;padding:14px;margin-top:16px;font-size:14px;}

/* Footer noir */
.bfoot{background:#111418;color:#a9b2bd;padding:34px 0;}
.bfoot .clogo{color:#fff;}
.bfoot .fl{margin-top:14px;font-size:14px;}
.bfoot .fl a{color:#c7cfd8;text-decoration:none;display:block;margin:6px 0;}

/* Merci */
.thanks{max-width:640px;margin:40px auto;text-align:center;}
.check{width:78px;height:78px;margin:0 auto 18px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-size:42px;box-shadow:0 8px 20px rgba(28,77,58,.35);}
.ritual{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;text-align:left;margin:24px 0;box-shadow:0 4px 18px -10px rgba(20,40,70,.18);}
.small{font-size:14px;color:var(--soft);}