/* ---- Quiz interactif "Trouver mon traceur en 30 secondes" ---- */
.tg-quiz-root{
  max-width:640px; margin:0 auto; background:#fff; border:1px solid var(--tg-line);
  border-radius:var(--tg-radius); box-shadow:var(--tg-shadow); padding:2rem 1.8rem;
}
.tg-quiz-progress{
  height:8px; background:var(--tg-cream-dim); border-radius:999px; overflow:hidden; margin-bottom:1.6rem;
}
.tg-quiz-progress-bar{
  height:100%; width:0%; border-radius:999px;
  background:linear-gradient(90deg, var(--tg-steel), var(--tg-amber));
  transition:width 0.4s cubic-bezier(.2,.8,.2,1);
}
.tg-quiz-step{
  font-size:0.78rem; text-transform:uppercase; letter-spacing:0.08em; color:var(--tg-steel);
  font-weight:700; margin:0 0 0.5rem;
}
.tg-quiz-title{
  font-family:var(--tg-font-display); font-weight:600; font-size:1.35rem; color:var(--tg-navy);
  margin:0 0 1.4rem;
}
.tg-quiz-options{ display:flex; flex-direction:column; gap:0.7rem; }
.tg-quiz-opt{
  display:block; width:100%; text-align:left; font-family:var(--tg-font-body); font-size:0.98rem;
  font-weight:600; color:var(--tg-navy); background:var(--tg-cream); border:1.5px solid var(--tg-line);
  border-radius:12px; padding:0.9rem 1.1rem; cursor:pointer; transition:border-color .15s ease, background .15s ease, transform .15s ease;
}
.tg-quiz-opt:hover{ border-color:var(--tg-amber); background:var(--tg-cream-dim); transform:translateX(3px); }
.tg-quiz-back{
  margin-top:1.2rem; background:none; border:none; color:var(--tg-steel); font-size:0.86rem;
  font-weight:600; cursor:pointer; padding:0;
}
.tg-quiz-back:hover{ color:var(--tg-navy); }

.tg-quiz-results{ display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-top:0.5rem; }
.tg-quiz-result-card{
  border:1px solid var(--tg-line); border-radius:var(--tg-radius); padding:1rem; text-align:center; position:relative;
}
.tg-quiz-result-card.tg-best{ border-color:var(--tg-tape); background:rgba(242,201,76,0.12); }
.tg-quiz-result-card img{
  width:70px; height:70px; object-fit:contain; background:var(--tg-cream-dim); border-radius:10px;
  padding:6px; margin:0 auto .6rem; display:block;
}
.tg-quiz-result-name{
  font-family:var(--tg-font-display); font-weight:600; font-size:0.86rem; color:var(--tg-navy);
  margin:0 0 .4rem; line-height:1.3; min-height:2.2em;
}
.tg-quiz-result-score{
  display:inline-block; background:var(--tg-cream-dim); border:1px solid var(--tg-line); border-radius:999px;
  padding:.15rem .6rem; font-weight:700; font-size:.8rem; color:var(--tg-navy); margin-bottom:.35rem;
}
.tg-quiz-result-price{
  font-family:var(--tg-font-display); font-weight:600; color:var(--tg-amber-deep); font-size:.92rem; margin-bottom:.5rem;
}
.tg-quiz-result-card a.tg-btn-compare{ font-size:.76rem; padding:.5rem .6rem; }
.tg-quiz-restart{
  display:block; margin:1.6rem auto 0; background:none; border:1.5px solid var(--tg-navy); color:var(--tg-navy);
  font-weight:600; font-size:.86rem; padding:.6rem 1.3rem; border-radius:999px; cursor:pointer;
}
.tg-quiz-restart:hover{ background:var(--tg-navy); color:#fff; }

@media(max-width:640px){
  .tg-quiz-root{ padding:1.5rem 1.2rem; }
  .tg-quiz-results{ grid-template-columns:1fr; }
}