/* Quiz Olfativo — Danna Decor & Aromas */
.quiz-hero{background:linear-gradient(135deg,#4a301f 0%,#6c472f 52%,#8f6448 100%);color:#fff;padding:86px 0 78px}
.quiz-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.75fr);gap:56px;align-items:center}
.quiz-hero .eyebrow{display:inline-block;position:relative;padding-bottom:12px;margin-bottom:8px;color:#e9c2aa}
.quiz-hero .eyebrow:after{content:"";display:block;width:220px;max-width:100%;height:1px;background:rgba(233,194,170,.58);margin-top:12px}
.quiz-hero h1{max-width:760px;color:#fff;font-size:clamp(3rem,5.8vw,5.5rem);line-height:1.05;font-weight:400;letter-spacing:-.025em;margin:18px 0 24px}
.quiz-hero .lead{max-width:680px;color:rgba(255,255,255,.86);font-size:1.08rem;line-height:1.8}
.quiz-hero-card{background:rgba(255,253,249,.94);color:#2f2018;border:1px solid rgba(255,255,255,.18);border-radius:30px;padding:36px;box-shadow:0 30px 70px rgba(21,12,8,.28)}
.quiz-hero-card h2{font-family:var(--font-display,serif);font-size:2.2rem;line-height:1.08;font-weight:400;margin:0 0 16px}
.quiz-hero-card p{color:#6f5141;line-height:1.75}
.quiz-section{background:#f5efe7;padding:58px 0}
.quiz-shell{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start}
.quiz-card,.quiz-side-card{background:rgba(255,253,249,.94);border:1px solid rgba(154,101,72,.18);border-radius:28px;box-shadow:0 20px 48px rgba(52,34,23,.08)}
.quiz-card{padding:42px}.quiz-side-card{padding:28px;position:sticky;top:110px}
.quiz-progress{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}
.quiz-progress-label{text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;color:#a66f52;font-weight:600}
.quiz-progress-bar{flex:1;height:8px;background:#efe3d5;border-radius:999px;overflow:hidden}
.quiz-progress-fill{height:100%;width:0;background:#a66f52;border-radius:999px;transition:width .25s ease}
.quiz-question{display:none}.quiz-question.active{display:block}
.quiz-question h2{font-family:var(--font-display,serif);font-size:clamp(2.4rem,4vw,4.2rem);line-height:1.08;font-weight:400;letter-spacing:-.02em;margin:0 0 14px}
.quiz-question p{color:#6f5141;line-height:1.75;margin:0 0 26px}
.quiz-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.quiz-option{border:1px solid rgba(154,101,72,.22);background:#fffaf5;border-radius:20px;padding:20px;text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}
.quiz-option:hover{transform:translateY(-2px);border-color:rgba(166,111,82,.55);box-shadow:0 14px 28px rgba(52,34,23,.08)}
.quiz-option.selected{background:#f3e4d8;border-color:#a66f52}
.quiz-option strong{display:block;font-family:var(--font-display,serif);font-size:1.35rem;font-weight:500;color:#2f2018;margin-bottom:6px}
.quiz-option span{display:block;color:#6f5141;line-height:1.55;font-size:.98rem}
.quiz-actions{display:flex;gap:14px;flex-wrap:wrap;justify-content:space-between;margin-top:30px}
.quiz-actions .btn{cursor:pointer}.quiz-result{display:none}.quiz-result.active{display:block}
.result-pill{display:inline-flex;align-items:center;min-height:42px;padding:10px 18px;border:1px solid rgba(177,123,92,.28);border-radius:999px;background:rgba(255,250,245,.72);color:#a66f52;font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;margin-bottom:18px}
.quiz-result h2{font-family:var(--font-display,serif);font-size:clamp(2.8rem,5vw,5rem);line-height:1.08;font-weight:400;letter-spacing:-.025em;margin:0 0 18px}
.quiz-result .result-copy{color:#6f5141;line-height:1.85;font-size:1.04rem;max-width:760px}
.result-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:26px 0}
.result-products div{border:1px solid rgba(154,101,72,.18);border-radius:18px;background:#fffaf5;padding:18px;color:#6f5141}
.result-products strong{display:block;color:#2f2018;font-family:var(--font-display,serif);font-size:1.2rem;margin-bottom:6px}
.quiz-result-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}
.quiz-side-card h3{font-family:var(--font-display,serif);font-size:1.8rem;line-height:1.1;font-weight:400;margin:0 0 14px}
.quiz-side-card p,.quiz-side-card li{color:#6f5141;line-height:1.65}.quiz-side-card ul{padding-left:18px;margin:14px 0 0}.quiz-helper{margin-top:18px;padding-top:18px;border-top:1px solid rgba(154,101,72,.18)}
.compact-products-cta{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap}
.compact-products-cta .btn-secondary{background:transparent;border:1px solid #a66f52;color:#a66f52;box-shadow:none}
.compact-products-cta .btn-secondary:hover{background:#a66f52;color:#fff}
@media(max-width:980px){.quiz-hero{padding:58px 0 46px}.quiz-hero-grid,.quiz-shell{grid-template-columns:1fr}.quiz-card{padding:30px}.quiz-side-card{position:static}.quiz-options,.result-products{grid-template-columns:1fr}}
@media(max-width:640px){.quiz-hero h1{font-size:clamp(2.6rem,12vw,3.6rem)}.quiz-question h2{font-size:clamp(2.2rem,10vw,3.2rem)}.quiz-card{padding:24px}.quiz-actions{flex-direction:column}.quiz-actions .btn,.quiz-result-actions .btn{width:100%;justify-content:center}}