:root{--marine:#002533;--jaune:#e8b04b;--teal-fonce:#8a5a00;--fond:#f4f7f8;--blanc:#ffffff;--bord:#e1e8ec;--bord-fort:#c3cfd6;--texte:#0f1f2b;--texte-2:#4a5060;--gris:#5b6170;--vert:#17695c;--vert-fond:#e2f1ec;--orange:#8f3b00;--orange-fond:#fce6d6;--ambre:#7a4e00;--ambre-fond:#fcefd0}*{box-sizing:border-box}body,html{margin:0}body{font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--fond);color:var(--texte);min-height:100vh;display:flex;flex-direction:column}a{color:var(--teal-fonce)}a:hover{color:var(--marine)}button,input,select,textarea{font:inherit}.conteneur{width:100%;max-width:1180px;margin:0 auto;padding:0 24px}main{flex:1 1;padding:32px 0 64px}.entete{background:var(--blanc);border-bottom:1px solid var(--bord)}.entete .conteneur{flex-wrap:wrap;justify-content:space-between;padding-top:14px;padding-bottom:14px}.entete .conteneur,.marque{display:flex;gap:12px;align-items:center}.marque{text-decoration:none;color:var(--texte)}.marque img{width:48px;height:44px;border-radius:10px;object-fit:cover}.marque strong{display:block;font-size:18px}.marque span{font-size:13px;color:var(--gris)}.menu{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.pied{background:var(--marine);color:#fff;font-size:14px}.pied .conteneur{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding-top:20px;padding-bottom:20px}.pied .doux{color:#c9d1e0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 20px;border-radius:12px;border:1px solid var(--bord-fort);background:var(--blanc);font-weight:700;font-size:15px;text-decoration:none;cursor:pointer}.btn,.btn:hover{color:var(--texte)}.btn:hover{border-color:var(--marine)}.btn-jaune{background:var(--jaune);border-color:var(--jaune);color:var(--marine);font-weight:800}.btn-marine{background:var(--marine);border-color:var(--marine);color:#fff}.btn-marine:hover{color:#fff}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-petit{min-height:40px;padding:0 14px;font-size:14px}.carte{background:var(--blanc);border:1px solid var(--bord);border-radius:18px;padding:26px}.grille{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:14px;gap:14px}.deux-colonnes{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}.deux-colonnes>.principal{flex:999 1 560px;min-width:0}.deux-colonnes>.lateral{flex:1 1 300px;min-width:0}.pile{display:flex;flex-direction:column;gap:18px}h1{font-size:30px;line-height:1.15}h1,h2{margin:0;font-weight:800}h2{font-size:20px}p{margin:0;line-height:1.55}.doux{color:var(--texte-2)}.petit{font-size:13px}.choix{display:flex;flex-direction:column;gap:6px;text-align:left;padding:18px 20px;border-radius:14px;border:2px solid var(--bord);background:var(--blanc);color:var(--texte);cursor:pointer}.choix[aria-pressed=true]{border-color:var(--teal-fonce);background:color-mix(in srgb,var(--jaune) 12%,#fff)}.choix .cat{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--teal-fonce)}.choix .titre{font-size:17px;font-weight:800}.choix .prix{font-size:16px;font-weight:700}.choix .note{font-size:13px;color:var(--gris);line-height:1.45}.champ{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;color:#3f4452}.champ input,.champ select{height:46px;padding:0 12px;border:1px solid var(--bord-fort);border-radius:10px;font-size:15px;color:var(--texte);background:#fff;font-weight:500}.champ input:focus,.champ select:focus{outline:3px solid #b8f3eb;border-color:var(--marine)}.majuscules input{text-transform:uppercase}.pastilles{display:flex;flex-wrap:wrap;gap:8px}.pastille{min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--bord-fort);background:#fff;color:var(--texte);font-weight:700;cursor:pointer}.pastille[aria-pressed=true]{background:var(--marine);border-color:var(--marine);color:#fff}.etapes{flex-wrap:wrap;margin:0 0 20px;padding:0;list-style:none}.etapes,.etapes li{display:flex;gap:8px}.etapes li{align-items:center;padding:8px 14px 8px 8px;border-radius:999px;font-size:14px;font-weight:700;background:#fff;border:1px solid var(--bord);color:var(--gris)}.etapes li .n{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;background:#f1efe8}.etapes li.active{background:var(--marine);border-color:var(--marine);color:#fff}.etapes li.active .n{background:var(--jaune);color:var(--marine)}.etapes li.faite{color:var(--vert)}.etapes li.faite .n{background:var(--vert-fond)}.alerte{padding:12px 14px;border-radius:12px;font-size:14px;line-height:1.5}.alerte-erreur{background:var(--orange-fond);color:var(--orange)}.alerte-ok{background:var(--vert-fond);color:var(--vert)}.alerte-info{background:#f1efe8;color:#3f4452}.ligne-piece{flex-wrap:wrap;align-items:center;justify-content:space-between;padding:14px 16px;border:1px solid var(--bord);border-radius:12px}.ligne-piece,.resume{display:flex;gap:12px}.resume{background:var(--marine);color:#fff;border-radius:18px;padding:22px;flex-direction:column}.resume .l{display:flex;justify-content:space-between;gap:12px;font-size:14px}.resume .l span:first-child{color:#c9d1e0}.resume .l span:last-child{font-weight:700;text-align:right}.tableau{width:100%;border-collapse:collapse;font-size:14px}.tableau th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--gris);padding:10px 8px}.tableau td{padding:12px 8px;border-top:1px solid #eceae3}.defile{overflow-x:auto}[aria-label^="QR code"] svg{width:100%;height:100%;display:block}.marque .logo{min-width:52px;height:40px;padding:0 8px;border-radius:11px;background:var(--jaune);color:var(--marine);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;letter-spacing:.02em}.statut{display:inline-block;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap;background:#eef2f4;color:#3f4f5a}.statut-credit_valide,.statut-payee{background:var(--vert-fond);color:var(--vert)}.statut-attente_identite,.statut-attente_paiement,.statut-attente_signature,.statut-dossier_yas{background:var(--ambre-fond);color:var(--ambre)}.statut-credit_refuse{background:var(--orange-fond);color:var(--orange)}.bandeau,.statut-livree{background:var(--marine);color:#fff}.bandeau{border-radius:22px;padding:40px 34px;display:flex;flex-direction:column;gap:14px}.bandeau h1{font-size:34px;max-width:680px}.bandeau p{color:#c8d6dc;max-width:640px}.entreprise{display:flex;align-items:center;gap:16px;padding:18px;border:2px solid var(--bord);border-radius:16px;background:#fff;text-decoration:none;color:var(--texte)}.entreprise:hover{border-color:var(--teal-fonce);color:var(--texte)}.entreprise img{width:60px;height:60px;border-radius:12px;object-fit:cover}.liens-bas{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;font-size:14px}.produit{flex-direction:column;border:1px solid var(--bord);border-radius:18px;overflow:hidden}.produit,.produit .visuel{display:flex;background:#fff}.produit .visuel{height:170px;align-items:center;justify-content:center;border-bottom:1px solid var(--bord);position:relative}.produit .visuel img{max-height:150px;max-width:85%;object-fit:contain}.produit .visuel .vide{font-size:44px;opacity:.25}.produit .verrou{position:absolute;inset:0;background:rgba(255,255,255,.82);display:flex;align-items:center;justify-content:center;text-align:center;padding:18px;font-weight:700;font-size:13px;color:var(--texte-2)}.produit .corps{padding:18px;display:flex;flex-direction:column;gap:8px;flex:1 1}.produit ul{margin:0;padding-left:18px;color:var(--texte-2);font-size:13px}.produit .prix{font-size:22px;font-weight:800}.barre{text-decoration:line-through;color:var(--gris);font-size:13px}.qr{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px;border:1px solid var(--bord);border-radius:16px;background:#fff}.qr .image{width:220px;height:220px}.qr .image svg{width:100%;height:100%;display:block}.onglets{display:flex;flex-wrap:wrap;gap:6px;border-bottom:1px solid var(--bord)}.onglets a{padding:10px 14px;font-weight:700;color:var(--texte-2);text-decoration:none;border-bottom:2px solid transparent}.onglets a[aria-current=page]{color:var(--texte);border-bottom-color:var(--teal-fonce)}.chiffres{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));grid-gap:12px;gap:12px}.chiffre{background:#fff;border:1px solid var(--bord);border-radius:14px;padding:16px}.chiffre .l{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--gris);font-weight:700}.chiffre .v{font-size:26px;font-weight:800}.statut-preparation{background:var(--ambre-fond);color:var(--ambre)}.statut-en_route{background:#e6f0fb;color:#1f5fa8}.statut-arrive{background:var(--vert-fond);color:var(--vert)}.lecteur-qr{position:relative;width:100%;max-width:420px;aspect-ratio:1;border-radius:16px;overflow:hidden;background:#0b1b24}.lecteur-qr video{width:100%;height:100%;object-fit:cover}.lecteur-qr .viseur{position:absolute;inset:18%;border:3px solid #2ae3cc;border-radius:14px;box-shadow:0 0 0 999px rgba(0,0,0,.35)}.fournisseur{display:flex;gap:18px;align-items:center}.fournisseur img{width:96px;height:96px;object-fit:contain;border-radius:16px;flex:none}.fournisseur .cat{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--teal-fonce)}.fournisseur strong{font-size:18px}.choix-fournisseur{text-decoration:none;color:var(--texte);border:2px solid var(--bord);transition:border-color .15s}.choix-fournisseur:hover{border-color:var(--teal-fonce);color:var(--texte)}