/* RÉUSSITO — pages boutique (commande, merci, mes fiches). Charte « Énergie » (energie.css) : palette stricte. */
.page-boutique{max-width:760px}
.b-titre{font-family:'Montserrat',Arial,sans-serif;font-weight:800;color:var(--navy);font-size:clamp(24px,5vw,34px);line-height:1.22;margin:18px 0 8px}
.b-sous{color:var(--encre);font-size:16.5px;margin-bottom:22px}
.b-carte{background:var(--blanc);border:1.5px solid var(--trait);border-radius:12px;padding:24px 22px;margin-bottom:18px;box-shadow:0 3px 14px rgba(20,51,95,.07)}
.b-carte h2{font-family:'Montserrat',Arial,sans-serif;font-weight:800;color:var(--navy);font-size:18px;margin-bottom:10px}
.b-prix{font-family:'Montserrat',Arial,sans-serif;font-weight:800;color:var(--orange);font-size:34px;line-height:1.1}
.b-prix small{font-size:14px;color:var(--gris);font-weight:700;margin-left:6px}
.b-liste{list-style:none;margin:10px 0 0}
.b-liste li{padding:7px 0;border-top:1px solid var(--trait);font-size:15px;display:flex;justify-content:space-between;gap:12px}
.b-liste li:first-child{border-top:none}
.b-liste .nb{color:var(--gris);white-space:nowrap}
.b-bonus{display:inline-block;font-family:'Montserrat',Arial,sans-serif;font-weight:800;font-size:10.5px;letter-spacing:.5px;color:var(--navy);background:var(--jaune);border-radius:999px;padding:2px 8px;margin-left:6px;vertical-align:middle}
.b-points{margin:12px 0 0;padding-left:20px;font-size:14.5px}
.b-points li{margin-bottom:5px}
.b-choix{display:flex;flex-direction:column;gap:8px;margin-top:8px}
.b-choix label{display:flex;align-items:center;gap:12px;background:var(--atelier);border:2px solid var(--trait);border-radius:12px;padding:12px 14px;cursor:pointer;font-weight:600}
.b-choix label:hover{border-color:var(--orange)}
.b-choix input{width:20px;height:20px;accent-color:var(--orange);flex-shrink:0}
.b-choix .nb{margin-left:auto;color:var(--gris);font-weight:400;font-size:14px;white-space:nowrap}
.b-cases{display:flex;flex-direction:column;gap:12px;margin:6px 0 18px}
.b-cases label{display:flex;gap:11px;align-items:flex-start;font-size:14.5px;line-height:1.45;cursor:pointer}
.b-cases input{margin-top:2px;width:20px;height:20px;accent-color:var(--orange);flex-shrink:0}
.b-cases a{color:var(--navy)}
.b-mention{font-size:13px;color:var(--gris);margin-top:10px;text-align:center;line-height:1.5}
.b-mention a{color:var(--gris)}
.b-erreur{background:var(--creme);border:2px solid var(--orange);border-radius:12px;padding:12px 14px;font-weight:700;color:var(--encre);margin-bottom:16px}
.b-ok{background:var(--navy);color:var(--blanc);border-radius:12px;padding:16px 18px;margin-bottom:18px;font-size:15.5px}
.b-ok b{color:var(--jaune)}
.b-partage{text-align:center;margin-top:16px;font-size:14px;color:var(--gris)}
.b-partage button{background:none;border:none;color:var(--navy);font-weight:700;text-decoration:underline;cursor:pointer;font-size:14px;font-family:inherit}
.b-lien-sec{display:block;text-align:center;margin-top:14px;color:var(--navy);font-weight:600;font-size:14.5px}
.b-mat{margin-top:6px}
.b-mat-tete{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:6px}
.b-mat-tete h2{margin:0}
/* audit 04/11/2026 : actions remontées sous le bandeau ; matières repliables sur les packs multi-matières */
.b-actions-haut{display:flex;flex-wrap:wrap;gap:10px;margin:-6px 0 18px}
.b-actions-haut .btn{width:auto;flex:1 1 220px;padding:11px 16px;font-size:14px}
.b-actions-haut form{display:contents}
details.b-mat>summary{list-style:none;cursor:pointer}
details.b-mat>summary::-webkit-details-marker{display:none}
details.b-mat>summary h2::before{content:"▸";display:inline-block;margin-right:8px;color:var(--orange);transition:transform .15s}
details.b-mat[open]>summary h2::before{transform:rotate(90deg)}
details.b-mat:not([open])>summary{margin-bottom:0}
.b-zip{display:inline-block;background:var(--orange);color:var(--blanc);font-family:'Montserrat',Arial,sans-serif;font-weight:800;font-size:13.5px;text-decoration:none;border-radius:999px;padding:9px 16px;white-space:nowrap}
.b-chap{font-family:'Montserrat',Arial,sans-serif;font-weight:800;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--orange);margin:14px 0 4px}
.b-fiches{list-style:none}
.b-fiches li{border-top:1px solid var(--trait)}
.b-fiches li:first-child{border-top:none}
.b-fiches li{display:flex;align-items:center;gap:8px}
.b-fiches a:first-child{flex:1;display:flex;justify-content:space-between;gap:12px;padding:9px 2px;color:var(--encre);text-decoration:none;font-size:15px;font-weight:600}
.b-qcm{flex:none;font-family:'Montserrat',Arial,sans-serif;font-weight:800;font-size:11.5px;letter-spacing:.4px;color:var(--navy);border:2px solid var(--navy);border-radius:999px;padding:3px 10px;text-decoration:none;white-space:nowrap}
.b-qcm:hover{background:var(--navy);color:var(--blanc)}
.b-score{border-color:transparent}
.b-score.solide{background:var(--navy);color:var(--blanc)}
.b-score.moyen{background:var(--jaune);color:var(--encre)}
.b-score.fragile{background:var(--orange);color:var(--blanc)}
.b-fiches a:first-child:hover{color:var(--navy);text-decoration:underline}
.b-fiches .taille{color:var(--gris);font-weight:400;font-size:13px;white-space:nowrap}
.b-sommaire{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 18px}
.b-sommaire a{border:2px solid var(--navy);border-radius:999px;padding:5px 12px;color:var(--navy);font-weight:700;font-size:13.5px;text-decoration:none}
.b-form-email{display:flex;flex-direction:column;gap:10px;margin-top:6px}
.b-form-email input[type=email]{width:100%;padding:14px 16px;border:2px solid var(--trait);border-radius:12px;font-size:16px;font-family:'Source Sans 3',Arial,sans-serif;background:var(--blanc);color:var(--encre)}
.b-form-email input[type=email]:focus{outline:none;border-color:var(--navy)}
.b-attente{text-align:center;padding:28px 10px}
.b-attente .rond{width:46px;height:46px;border:5px solid var(--trait);border-top-color:var(--orange);border-radius:50%;margin:0 auto 18px;animation:b-tourne 1s linear infinite}
@keyframes b-tourne{to{transform:rotate(360deg)}}
@media (max-width:560px){.b-carte{padding:20px 16px}.b-liste li,.b-fiches a{font-size:14.5px}}