/* Banque de questions Nimsea — la vente de la version complète (17/10/2026) : commande, retour de paiement avec le code,
   facture, conditions de vente. S'ajoute à boutique.css (mêmes variables, mêmes boutons). */
.commande{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:24px;margin-top:clamp(18px,3vw,30px);align-items:start}
.produit{background:var(--navy);color:#fff;border-radius:28px;padding:clamp(24px,3.5vw,36px);box-shadow:0 30px 70px -26px rgba(14,26,43,.5)}
.produit .etiq{margin:0;font:800 11.5px/1 var(--f-titre);letter-spacing:1.84px;text-transform:uppercase;color:rgba(255,255,255,.7)}
.produit .prix-grand{margin:8px 0 20px;font:900 clamp(42px,6vw,58px)/1 var(--f-titre);letter-spacing:-.03em}
.produit ul{display:grid;gap:11px;margin:0;padding:0;list-style:none}
.produit li{display:flex;gap:10px;color:rgba(255,255,255,.88);line-height:1.45}
.produit li::before{content:"✓";color:var(--teal);font-weight:900}
.formulaire{background:var(--panel);border:1px solid var(--line-soft);border-radius:28px;padding:clamp(22px,3.5vw,34px);box-shadow:0 18px 44px -18px rgba(14,26,43,.2)}
.formulaire h2{margin:0 0 18px;font-size:clamp(22px,3vw,26px)}
.champ{display:grid;gap:6px;margin:0 0 16px}
.champ label{font-weight:600;font-size:15px}
.champ small{color:var(--gray-l);font-size:13.5px}
.champ input[type=text],.champ input[type=email],.champ textarea{width:100%;padding:13px 16px;border-radius:16px;border:1.35px solid rgba(14,26,43,.22);background:#fff;color:var(--ink);font:inherit}
.champ textarea{min-height:84px;resize:vertical}
.champ input:focus-visible,.champ textarea:focus-visible{outline:3px solid rgba(0,181,165,.45);outline-offset:1px;border-color:var(--teal)}
.coche{display:flex;gap:12px;align-items:flex-start;min-height:44px;margin:0 0 14px;font-size:14.5px;line-height:1.5;color:var(--gray)}
.coche input{flex:none;width:22px;height:22px;margin-top:2px;accent-color:var(--teal-d)}
.coche a{display:inline-block;padding:12px 2px;margin:-12px 0;color:var(--teal-d);font-weight:600}
.erreurs{margin:0 0 18px;padding:14px 18px;border:1.5px solid var(--coral);border-radius:18px;background:rgba(240,100,73,.08)}
.erreurs ul{margin:6px 0 0;padding-left:20px}
.piege{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.formulaire .btn{width:100%;justify-content:center;font-size:17px;min-height:56px;margin-top:6px;cursor:pointer}
.secu{margin:14px 0 0;font-size:13.5px;color:var(--gray-l);text-align:center}
.formulaire .btn:disabled{opacity:.6;cursor:wait}
.code-boite{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin:18px 0 8px;padding:16px 18px;border-radius:20px;background:var(--navy)}
.code-boite code{font:800 clamp(19px,5vw,30px)/1.2 ui-monospace,Consolas,"Courier New",monospace;color:#fff;letter-spacing:.05em;word-break:break-all;user-select:all}
.code-boite .btn{min-height:44px;padding:12px 22px;border-color:rgba(255,255,255,.4);color:#fff;background:transparent;cursor:pointer}
.code-boite .btn:hover,.code-boite .btn:focus-visible{background:#fff;color:var(--ink);outline:none}
.message .aide{font-size:14.5px;color:var(--gray-l)}
.liens-bas{margin-top:20px;font-size:14.5px}
.liens-bas a{display:inline-block;padding:12px 4px}
.cgv a,.facture a,.message a:not(.btn){display:inline-block;padding:12px 2px;margin:-12px 0}
@media (min-width:861px){.produit{position:sticky;top:90px}}
.choix{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));margin:26px 0 0;padding:0;list-style:none}
.choix li{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:20px 22px;border-radius:24px;background:var(--panel);border:1px solid var(--line-soft);box-shadow:0 12px 30px -16px rgba(14,26,43,.2)}
.choix b{font:900 24px/1.1 var(--f-titre);letter-spacing:-.3px}
.choix .prix-c{font-weight:600;color:var(--teal-d);margin-bottom:8px}
.note-jeu{max-width:640px;margin:18px 0 0;padding:12px 16px;border-radius:16px;background:rgba(0,181,165,.12);color:var(--ink)}
.facture{max-width:820px;margin:clamp(20px,4vw,40px) auto 0;padding:clamp(24px,4vw,44px);border-radius:28px;background:var(--panel);border:1px solid var(--line-soft);box-shadow:0 18px 44px -18px rgba(14,26,43,.2)}
.facture h1{font-size:clamp(30px,5vw,42px)}
.facture .meta{margin:6px 0 0;color:var(--gray);font-weight:600}
.facture .deux{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:26px 0}
.facture h2{margin:0 0 8px;font:800 11.5px/1 var(--f-titre);letter-spacing:1.84px;text-transform:uppercase;color:var(--gray-l)}
.facture p{margin:0 0 6px;line-height:1.55}
.facture table{width:100%;border-collapse:collapse;margin-top:8px}
.facture th,.facture td{padding:12px 8px;text-align:left;border-bottom:1px solid var(--line)}
.facture th:last-child,.facture td:last-child{text-align:right;white-space:nowrap}
.facture tfoot td{border-bottom:0;font-weight:600}
.facture tfoot tr.total td{font:900 20px var(--f-titre);border-top:2px solid var(--ink)}
.facture .petit{margin-top:18px;font-size:14px;color:var(--gray-l)}
.facture .noprint{margin-top:22px}
.cgv{max-width:820px;margin:clamp(20px,4vw,40px) auto 0;padding:clamp(24px,4vw,44px);border-radius:28px;background:var(--panel);border:1px solid var(--line-soft);box-shadow:0 18px 44px -18px rgba(14,26,43,.2)}
.cgv h1{font-size:clamp(30px,5vw,42px)}
.cgv .version{margin:6px 0 24px;color:var(--gray-l);font-size:14px}
.cgv h2{margin:26px 0 6px;font:900 20px/1.2 var(--f-titre)}
.cgv p{margin:0;color:var(--gray);line-height:1.65}
@media (max-width:860px){.commande{grid-template-columns:1fr}.facture .deux{grid-template-columns:1fr}}
/* facture imprimée : A4, noir sur blanc, deux colonnes vendeur / client même sur une page « étroite » */
@page{size:A4;margin:16mm}
@media print{
  .barre,.pied,.noprint,.hero{display:none!important}
  html,body{background:#fff!important;color:#000}
  body{font-size:11.5pt;line-height:1.45}
  .facture{max-width:none;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:#fff}
  .facture,.facture *{color:#000!important}
  .facture h1{font-size:26pt}
  .facture .deux{grid-template-columns:1fr 1fr;gap:18pt}
  .facture h2{font-size:9pt;letter-spacing:1.2px}
  .facture th,.facture td{border-bottom:1px solid #999}
  .facture tfoot tr.total td{border-top:2px solid #000;font-size:14pt}
  .facture table,.facture tr{break-inside:avoid}
}