/* CPQ Form : styles migrés du bloc HTML brut (sélecteurs id -> classes). */
.cpq-famille[hidden],.cpq-btn-retour[hidden],.cpq-modal[hidden],.cpq-scroll-hint[hidden]{display:none!important}

/* Étape 1 */
.cpq-famille{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin:24px auto;max-width:900px}
.cpq-btn-choix{flex:1 1 320px;max-width:420px;padding:22px 28px;border:2px solid #fff;border-radius:6px;background:transparent;color:#fff;font:inherit;font-size:18px;font-weight:600;line-height:1.3;cursor:pointer;transition:background .2s,color .2s}
.cpq-btn-choix:hover,.cpq-btn-choix:focus-visible{background:#fff;color:#2e2360}
.cpq-btn-retour{display:block;margin:0 auto 16px;background:none;border:0;padding:0;color:#fff;font:inherit;text-decoration:underline;cursor:pointer}

/* Modale */
.cpq-modal{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:999999 !important;display:flex;align-items:center;justify-content:center}
.cpq-modal-box{background:#fff;color:#222;max-width:760px;width:92%;max-height:92vh;display:flex;flex-direction:column;padding:24px;border-radius:8px;box-sizing:border-box}
.cpq-modal-box h3{color:#2e2360;margin:0;font-size:22px;line-height:1.3}
.cpq-modal-box label{color:#222;cursor:pointer}
.cpq-modal-texte{flex:1 1 auto;min-height:0;max-height:60vh;overflow:auto;border:1px solid #ddd;border-radius:4px;padding:16px 20px;margin:16px 0 8px;font-size:15px;line-height:1.55;color:#222}
.cpq-modal-texte h4{color:#2e2360;font-size:17px;margin:22px 0 8px;line-height:1.3}
.cpq-modal-texte p,.cpq-modal-texte ul{margin:0 0 10px}
.cpq-modal-texte ul{padding-left:22px}
.cpq-modal-texte li{margin-bottom:6px}
.cpq-modal-texte ul ul{margin-top:6px}
.cpq-modal-texte .encadre{background:#f3f1fa;border-left:4px solid #2e2360;padding:10px 14px;margin:0 0 12px}
.cpq-modal-texte .note{font-size:14px;color:#555;padding-left:22px}
.cpq-modal-texte table{width:100%;border-collapse:collapse;margin:8px 0 14px;font-size:14px}
.cpq-modal-texte th,.cpq-modal-texte td{border:1px solid #ddd;padding:6px 10px;text-align:left;vertical-align:top;color:#222}
.cpq-modal-texte th{background:#f3f1fa}
.cpq-modal-texte td:last-child,.cpq-modal-texte th:last-child{text-align:right;white-space:nowrap}
.cpq-modal-texte tfoot td{font-weight:700}
.cpq-modal-texte a{color:#2e2360}
.cpq-scroll-hint{font-size:13px;color:#777;margin:0 0 8px;text-align:center}
.cpq-modal-actions{margin-top:16px;display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
.cpq-modal-actions button{padding:10px 18px;border-radius:4px;border:1px solid #2e2360;font:inherit;cursor:pointer}
.cpq-btn-annuler{background:#fff;color:#2e2360}
.cpq-btn-confirmer{background:#2e2360;color:#fff}
.cpq-btn-confirmer:disabled,.cpq-chk-accepte:disabled+span{opacity:.4;cursor:not-allowed}