/* Simulateur « Trouver ma plancha » (01/11/2026, V2 le 01/11/2026). Couleurs et rayons de la charte.
   Les questions occupent l'écran (panneau sombre), les résultats s'affichent ensuite sur fond clair. */
.simu-head{padding-bottom:6px}
.simu-head h1{margin:6px 0 0}
#simu{padding-top:10px}

/* Panneau des questions */
.simu{background:var(--c-dark);color:#EFECE4;border-radius:20px;padding:clamp(22px,4vw,48px);min-height:min(74vh,760px);display:flex;flex-direction:column;box-shadow:0 18px 40px rgba(0,0,0,.16)}
.simu-top-row{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:28px}
.simu-step-n{font:700 12px/1 var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:#BDB8AD}
.simu-back{border:0;background:transparent;color:#EFECE4;font:600 14px var(--f-body);cursor:pointer;text-decoration:underline;text-decoration-color:var(--c-primary);text-underline-offset:4px;padding:0}
.simu-prog{height:8px;background:#55524e;border-radius:4px;margin:14px 0 clamp(22px,4vh,44px)}
.simu-prog i{display:block;height:100%;width:0;background:var(--c-primary);border-radius:4px;transition:width .3s ease}
.simu-q{border:0;margin:auto 0;padding:0;min-width:0}
.simu-q legend{padding:0;margin:0 0 clamp(18px,3vh,30px)}
.simu-q h2{color:#fff;font-size:clamp(24px,3.4vw,38px);line-height:1.15;margin:0;text-wrap:balance}
.simu-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}
.simu-opts button{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:16px;text-align:left;font:700 16px/1.3 var(--f-body);border:2px solid transparent;background:#fff;color:var(--c-dark);border-radius:14px;padding:18px;cursor:pointer;min-height:132px;transition:transform .12s,border-color .15s,background .15s}
.simu-opts button:hover{border-color:var(--c-primary);transform:translateY(-2px)}
.simu-opts button.on{background:var(--c-primary);border-color:var(--c-primary);color:#fff}
.simu-opts button:disabled{opacity:.35;cursor:not-allowed;transform:none}
.simu-opts button:focus-visible{outline:3px solid #fff;outline-offset:2px}
.simu-ico{width:34px;height:34px;fill:none;stroke:var(--c-primary);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.simu-opts button.on .simu-ico{stroke:#fff}
.simu-note{margin:16px 0 0;color:#CFCAC0;font-size:14px}

/* Résultats */
.simu-res{margin-top:4px}
.simu-res-head h2{font-size:clamp(24px,3vw,32px);margin:0 0 4px}
.simu-res-acts{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:10px 0 18px}
.simu-warn{background:var(--c-primary-50);color:var(--c-primary-t);border-radius:10px;padding:10px 14px;font-size:14px}
.simu-top{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.simu-card{position:relative;display:flex;flex-direction:column;border:1px solid var(--g200);background:var(--g0);border-radius:var(--card-r);overflow:hidden}
.simu-card.best{border:2px solid var(--c-primary)}
.simu-badge{position:absolute;top:10px;left:10px;z-index:1;background:var(--c-primary);color:#fff;font:700 11.5px/1 var(--f-body);text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:6px 10px}
.simu-img{display:block;aspect-ratio:4/3;background:var(--g50)}
.simu-img img{width:100%;height:100%;object-fit:contain;display:block}
.simu-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1}
.simu-score{display:flex;align-items:baseline;gap:8px}
.simu-score b{font:800 26px/1 var(--f-title);color:var(--c-green-t)}
.simu-score span{font-size:13px;font-weight:700;color:var(--c-green-t)}
.simu-card h3{font-size:17px;margin:0}
.simu-card h3 a{color:inherit;text-decoration:none}
.simu-why{list-style:none;margin:0;padding:0;font-size:13.5px;display:grid;gap:4px}
.simu-why li{padding-left:20px;position:relative}
.simu-why li::before{content:"✓";position:absolute;left:0;color:var(--c-green-t);font-weight:800}
.simu-why.neg li::before{content:"!";color:var(--c-primary-t)}

/* Lignes marchands (même logique que les offres des avis) */
.simu-offers{display:grid;gap:6px;margin-top:auto;padding-top:6px}
.simu-off{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;border:1px solid var(--g200);border-radius:10px;padding:8px 10px;text-decoration:none;color:var(--c-dark);background:#fff}
.simu-off:hover{border-color:var(--c-primary)}
.simu-off.best{border-color:var(--c-green-t);background:var(--c-green-50)}
.simu-off img{width:56px;height:22px;object-fit:contain}
.simu-off .m-txt{display:inline-grid;place-items:center;width:56px;height:22px;font:800 11px var(--f-body);color:var(--g600)}
.simu-off span{font-size:13.5px;font-weight:600}
.simu-off b{font-size:15px;font-variant-numeric:tabular-nums}
.simu-off i{font-style:normal;color:var(--c-primary);font-weight:800}
.simu-all{display:flex;justify-content:center;align-items:center;gap:6px;border:1px solid var(--c-dark);background:#fff;color:var(--c-dark);border-radius:var(--btn-r);padding:10px 14px;font:700 13px var(--f-body);text-transform:uppercase;letter-spacing:.04em;text-decoration:none}
.simu-all:hover{background:var(--c-dark);color:#fff}

/* Nos autres offres : rangée défilante */
.simu-more{margin-top:28px}
.simu-more h3{font-size:20px;margin:0 0 12px}
.simu-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,280px);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 12px;-webkit-overflow-scrolling:touch}
.simu-rail .simu-card{scroll-snap-align:start}
.simu-rail .simu-img{aspect-ratio:16/10}
.simu-rail .simu-score b{font-size:20px}
.simu-how{margin-top:18px}
.simu-txt{max-width:820px}

@media (max-width:860px){
  .simu-top{grid-template-columns:1fr}
  .simu{min-height:calc(100vh - 140px);border-radius:16px}
}
@media (max-width:560px){
  .simu-opts{grid-template-columns:1fr 1fr;gap:10px}
  .simu-opts button{min-height:112px;padding:14px;font-size:15px}
  .simu-ico{width:28px;height:28px}
  .simu-rail{grid-auto-columns:78%}
}