/* Tunnel de commande multi-étapes — namespacé sous #mcc-tunnel. */
#mcc-tunnel{
  --ink:#0b2e2b;--teal:#14655e;--red:#c00000;--red-d:#a00000;--line:#e4e6e2;--muted:#5b6b66;--paper:#f7f5f0;
  font-family:"IBM Plex Sans",system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#1c2b27;
  max-width:900px;margin:0 auto;line-height:1.55;
}
#mcc-tunnel *{box-sizing:border-box}
#mcc-tunnel h1{font-family:"Bricolage Grotesque",system-ui,sans-serif;color:var(--ink);font-size:1.7rem;margin:0 0 .3rem;letter-spacing:-.02em}
#mcc-tunnel h3{font-family:"Bricolage Grotesque",system-ui,sans-serif;color:var(--ink);margin:1.2rem 0 .4rem}
#mcc-tunnel .lead{color:var(--muted);margin:0 0 1.2rem}
#mcc-tunnel .mcc-card{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 30px rgba(11,46,43,.06);padding:22px}

/* progress */
#mcc-tunnel .mcc-steps{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0 0 18px;padding:0;counter-reset:s}
#mcc-tunnel .mcc-steps li{flex:1 1 auto;min-width:96px;display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--muted);border-top:3px solid var(--line);padding-top:8px}
#mcc-tunnel .mcc-steps li .n{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--line);color:#3a4a45;font-weight:700;font-size:.75rem;flex:none}
#mcc-tunnel .mcc-steps li.current{color:var(--ink);border-top-color:var(--red)}
#mcc-tunnel .mcc-steps li.current .n{background:var(--red);color:#fff}
#mcc-tunnel .mcc-steps li.done{border-top-color:var(--teal)}
#mcc-tunnel .mcc-steps li.done .n{background:var(--teal);color:#fff}
@media(max-width:640px){#mcc-tunnel .mcc-steps li .t{display:none}}

/* offers */
#mcc-tunnel .mcc-offer{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:10px 0}
#mcc-tunnel .mcc-check{display:flex;gap:10px;align-items:flex-start;cursor:pointer}
#mcc-tunnel .mcc-check input{margin-top:4px}
#mcc-tunnel .mcc-check small{color:var(--muted)}
#mcc-tunnel .mcc-qty input{width:90px}

/* forms */
#mcc-tunnel .mcc-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px}
#mcc-tunnel .mcc-row{display:flex;gap:12px;align-items:flex-end;margin-bottom:6px}
#mcc-tunnel .mcc-f{display:flex;flex-direction:column;gap:5px}
#mcc-tunnel .mcc-f.full,#mcc-tunnel .mcc-grid .full{grid-column:1/-1}
#mcc-tunnel .mcc-f.grow{flex:1}
#mcc-tunnel label{font-size:.8rem;font-weight:600;color:var(--muted)}
#mcc-tunnel input[type=text],#mcc-tunnel input[type=email],#mcc-tunnel input[type=tel],#mcc-tunnel input[type=number]{
  border:1px solid #c7cec9;border-radius:9px;padding:.6rem .7rem;font:inherit;color:var(--ink);width:100%;background:#fff}
#mcc-tunnel input:focus{outline:2px solid var(--red);outline-offset:1px;border-color:var(--red)}
@media(max-width:640px){#mcc-tunnel .mcc-grid{grid-template-columns:1fr}}

/* buttons / nav */
#mcc-tunnel .mcc-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px}
#mcc-tunnel .mcc-btn{display:inline-block;background:var(--red);color:#fff;border:0;border-radius:11px;padding:.8rem 1.3rem;font:inherit;font-weight:700;cursor:pointer;text-decoration:none}
#mcc-tunnel .mcc-btn:hover{background:var(--red-d)}
#mcc-tunnel .mcc-btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}
#mcc-tunnel .mcc-btn.ghost:hover{border-color:var(--teal);background:rgba(20,101,94,.05)}

/* misc */
#mcc-tunnel .mcc-note{color:var(--muted);font-size:.85rem;margin-top:12px}
#mcc-tunnel .mcc-msg{font-size:.85rem;color:var(--teal);min-height:1.1em;margin:.3rem 0 0}
#mcc-tunnel .mcc-todo{background:#fbf3e2;border-left:4px solid #e6a02c;color:#5a4413;padding:.7rem .9rem;border-radius:0 8px 8px 0;font-size:.9rem}
#mcc-tunnel .mcc-timeline{margin:0 0 1rem;padding-left:1.1rem}
#mcc-tunnel .mcc-timeline li{margin:.5rem 0}
#mcc-tunnel .mcc-bullets{margin:0 0 1rem;padding-left:1.1rem}
#mcc-tunnel .mcc-confirm{text-align:center}
#mcc-tunnel .mcc-ok{width:64px;height:64px;border-radius:50%;background:var(--teal);color:#fff;font-size:2rem;display:grid;place-items:center;margin:0 auto 12px}

/* devis (étape 4) */
#mcc-tunnel .mcc-devis{overflow-x:auto;margin:.4rem 0 1rem}
#mcc-tunnel .mcc-devis table{width:100%;border-collapse:collapse;font-size:.9rem}
#mcc-tunnel .mcc-devis th{background:var(--ink);color:#fff;text-align:left;padding:8px 10px;font-family:"Bricolage Grotesque",sans-serif;font-weight:600}
#mcc-tunnel .mcc-devis td{border-bottom:1px solid var(--line);padding:8px 10px;vertical-align:top}
#mcc-tunnel .mcc-devis td.r{text-align:right;white-space:nowrap}
#mcc-tunnel .mcc-devis td.c{text-align:center}
#mcc-tunnel .mcc-tot{max-width:420px;margin-left:auto}
#mcc-tunnel .mcc-tot>div{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid var(--line)}
#mcc-tunnel .mcc-tot .big{font-size:1.05rem;color:var(--red);border-bottom:0}
#mcc-tunnel .mcc-tot .big b{color:var(--red)}
#mcc-tunnel .mcc-tot .sub{color:var(--muted);font-size:.85rem;border-bottom:0}
#mcc-tunnel .mcc-check2{display:flex;gap:9px;align-items:flex-start;margin:12px 0;font-size:.9rem;color:#1c2b27}
#mcc-tunnel input[type=file]{font:inherit}
#mcc-tunnel .mcc-err{background:rgba(192,0,0,.08);border-left:4px solid var(--red);color:#7a1111;padding:.7rem .9rem;border-radius:0 8px 8px 0;font-size:.9rem;margin:0 0 12px}

/* teasing */
#mcc-tunnel .mcc-teaser{text-align:center;padding:40px 24px}
#mcc-tunnel .mcc-badge{display:inline-block;background:var(--red);color:#fff;border-radius:999px;padding:.3rem .9rem;font-size:.78rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;margin-bottom:14px}
#mcc-tunnel .mcc-teaser h1{font-size:2rem;margin:.2rem 0 .6rem}
#mcc-tunnel .mcc-teaser .lead{max-width:640px;margin:0 auto 1.4rem}
#mcc-tunnel .mcc-teaser-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
#mcc-tunnel .mcc-teaser .mcc-note{margin-top:16px}

/* Segmentation par statut (profil déduit) */
#mcc-tunnel .mcc-statut{background:rgba(20,101,94,.08);border:1px solid rgba(20,101,94,.25);border-radius:10px;padding:.6rem .8rem;margin:.2rem 0 .4rem;font-size:.92rem;color:#173f3a}
#mcc-tunnel .mcc-statut b{color:var(--teal)}
#mcc-tunnel .mcc-statut-note{color:var(--muted);font-size:.82rem}
#mcc-tunnel .mcc-statut-help{font-size:.82rem;color:var(--muted);margin:.1rem 0 .6rem}
#mcc-tunnel .mcc-statut-help a{color:var(--red);font-weight:600}

/* Sélecteur d'accompagnement (étape offres) */
#mcc-tunnel .mcc-acc-h{font-family:"Bricolage Grotesque",sans-serif;color:var(--ink);font-size:1.15rem;margin:1.4rem 0 .2rem}
#mcc-tunnel .mcc-acc-h span{color:var(--muted);font-weight:400;font-size:.9rem}
#mcc-tunnel .mcc-acc{display:grid;gap:8px;margin:.4rem 0 1rem}
#mcc-tunnel .mcc-acc-opt{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:12px;padding:.7rem .9rem;cursor:pointer}
#mcc-tunnel .mcc-acc-opt:hover{border-color:var(--teal);background:rgba(20,101,94,.04)}
#mcc-tunnel .mcc-acc-opt input{margin-top:4px}
#mcc-tunnel .mcc-acc-opt small{color:var(--muted)}
#mcc-tunnel select{border:1px solid #c7cec9;border-radius:9px;padding:.55rem .6rem;font:inherit;color:var(--ink);background:#fff;width:100%}