/* ---- Quiz Page ---- */
.quiz-step { display: none; }
.quiz-step.active { display: block; }

.quiz-options { display: grid; gap: var(--space-3); }
.quiz-option {
  display: flex; align-items: center; padding: var(--space-4) var(--space-5);
  border: 2px solid var(--color-gray-200); border-radius: var(--border-radius);
  font-weight: 500; font-size: var(--text-base); text-align: left;
  min-height: 56px; cursor: pointer; transition: all var(--transition-fast);
}
.quiz-option:hover { border-color: var(--color-accent); background: var(--color-accent-light); }
.quiz-option.selected { border-color: var(--color-accent); background: var(--color-accent); color: var(--color-white); }
.quiz-option:focus-visible { outline: 3px solid var(--color-accent); outline-offset: 2px; }

/* ===== Quiz Result Screen ===== */
.quiz-result-header{text-align:center;margin-bottom:clamp(2rem,4vw,3rem)}
.quiz-result-card{display:grid;grid-template-columns:1fr;gap:clamp(1.5rem,3vw,2.5rem);align-items:center;background:var(--bg-white);border-radius:var(--radius-lg);padding:clamp(1.5rem,3vw,2.5rem);box-shadow:0 4px 24px rgba(0,0,0,0.06);border:1px solid var(--border);max-width:720px;margin:0 auto}
.quiz-result-card-media{text-align:center;background:var(--bg-cream);border-radius:var(--radius);padding:var(--space-6)}
.quiz-result-card-media img{width:100%;max-width:260px;height:auto;filter:drop-shadow(0 8px 24px rgba(0,0,0,0.08))}
.quiz-result-card-body{display:flex;flex-direction:column;gap:var(--space-4)}
.quiz-result-price-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}
.quiz-result-price{display:flex;align-items:baseline;gap:var(--space-3)}
.quiz-result-compare{text-decoration:line-through;color:var(--text-faint);font-size:var(--text-base);font-weight:500}
#quiz-result-price-main{font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;color:var(--text-primary);line-height:1}
.quiz-result-price-unit{font-size:var(--text-base);font-weight:500;color:var(--text-muted);margin-left:2px}
.quiz-result-save-badge{display:inline-flex;align-items:center;background:var(--color-accent-light);color:var(--color-accent);padding:6px 14px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:0.04em;white-space:nowrap}
.quiz-result-benefits{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;list-style:none}
.quiz-result-benefits li{position:relative;padding-left:24px;font-size:var(--text-sm);color:var(--text-body);line-height:1.5}
.quiz-result-benefits li::before{content:'';position:absolute;left:0;top:6px;width:16px;height:16px;background:var(--color-accent-light);border-radius:50%}
.quiz-result-benefits li::after{content:'';position:absolute;left:4px;top:9px;width:8px;height:4px;border-left:2px solid var(--color-accent);border-bottom:2px solid var(--color-accent);transform:rotate(-45deg)}
.quiz-result-microcopy{text-align:center;font-size:var(--text-xs);color:var(--text-faint);margin:0}
.quiz-result-trust{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);margin-top:clamp(2rem,4vw,3rem);max-width:720px;margin-left:auto;margin-right:auto}
.quiz-result-trust-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-cream);border-radius:var(--radius);font-size:var(--text-sm);color:var(--text-primary);font-weight:600;line-height:1.25}
.quiz-result-trust-item svg{flex-shrink:0}
.quiz-result-trust-item small{display:block;font-size:var(--text-xs);font-weight:400;color:var(--text-faint);margin-top:2px}
.quiz-result-footer{display:flex;gap:var(--space-3);justify-content:center;margin-top:clamp(2rem,4vw,3rem);flex-wrap:wrap}
.quiz-result-footer .btn{flex:1;min-width:140px;max-width:200px}
@media(min-width:720px){
  .quiz-result-card{grid-template-columns:1fr 1.2fr}
  .quiz-result-trust{grid-template-columns:repeat(4,1fr)}
}