/* HERO */
.hero{background:var(--text);padding:7% 5%;position:relative;overflow:hidden;text-align:center;}
.hero::before{content:'';position:absolute;top:-150px;left:50%;transform:translateX(-50%);width:700px;height:700px;background:radial-gradient(circle,rgba(201,169,110,.1),transparent 65%);pointer-events:none;}
.hero::after{content:'';position:absolute;right:6%;top:50%;transform:translateY(-50%);width:280px;height:340px;opacity:.08;pointer-events:none;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 420'%3E%3Cpath d='M180 28 c-22 0 -38 18 -38 40 c0 14 6 26 14 32 l-2 8 c-12 4 -22 12 -28 22 l-26 56 c-4 8 -2 16 4 20 c6 4 12 0 14 -6 l16 -34 l0 56 c0 4 -2 10 -2 20 l-12 88 c-2 14 8 22 18 22 c8 0 14 -6 14 -14 l4 -70 l4 0 l4 70 c0 8 6 14 14 14 c10 0 20 -8 18 -22 l-12 -88 c0 -10 -2 -16 -2 -20 l0 -56 l16 34 c2 6 8 10 14 6 c6 -4 8 -12 4 -20 l-26 -56 c-6 -10 -16 -18 -28 -22 l-2 -8 c8 -6 14 -18 14 -32 c0 -22 -16 -40 -38 -40 z' fill='none' stroke='%23c9a96e' stroke-width='2'/%3E%3Cline x1='60' y1='170' x2='300' y2='170' stroke='%23c9a96e' stroke-width='1' stroke-dasharray='3,4'/%3E%3Cline x1='60' y1='250' x2='300' y2='250' stroke='%23c9a96e' stroke-width='1' stroke-dasharray='3,4'/%3E%3C/svg%3E");}
.hero-eyebrow{display:inline-flex;align-items:center;gap:.6rem;background:rgba(201,169,110,.1);border:1px solid rgba(201,169,110,.25);border-radius:2px;padding:.4rem 1.1rem;font-size:.65rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:2rem;}
.hero h1{font-family:var(--serif);font-size:clamp(2.5rem,6vw,6rem);color:var(--cream);font-weight:700;line-height:1;margin-bottom:1rem;}
.hero h1 em{color:var(--gold);font-style:italic;}
.hero-sub{font-size:.9rem;color:#aaa;line-height:1.9;max-width:580px;margin:0 auto 2.5rem;letter-spacing:.3px;}
.hero-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;}
.btn-fill{background:var(--gold);color:var(--text);border:none;font-family:var(--sans);font-size:.75rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:1rem 2rem;cursor:pointer;transition:.2s;}
.btn-fill:hover{background:var(--gold-lt);}
.btn-border{background:transparent;color:var(--cream);border:1px solid rgba(255,255,255,.25);font-family:var(--sans);font-size:.75rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:1rem 2rem;cursor:pointer;transition:.2s;}
.btn-border:hover{border-color:var(--cream);}

/* THREE DOSHAS INTRO */
.doshas-section{padding:6% 5%;display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;}
.dosha-card{background:var(--white);border:1px solid var(--border);padding:2.5rem 2rem;text-align:center;position:relative;overflow:hidden;cursor:pointer;transition:box-shadow .3s,transform .3s;}
.dosha-card:hover{box-shadow:0 20px 60px rgba(28,10,10,.12);transform:translateY(-5px);}
.dosha-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;}
.dosha-card.vata::before{background:linear-gradient(90deg,#A0C4FF,#BDB2FF);}
.dosha-card.pitta::before{background:linear-gradient(90deg,#FF9F45,#FF6B2B);}
.dosha-card.kapha::before{background:linear-gradient(90deg,#52B788,#1B4332);}
.dosha-icon-wrap{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin:0 auto 1.5rem;border:1px solid var(--border);}
.dosha-card.vata .dosha-icon-wrap{background:#EFF6FF;}
.dosha-card.pitta .dosha-icon-wrap{background:#FFF7ED;}
.dosha-card.kapha .dosha-icon-wrap{background:#F0FDF4;}
.dosha-name{font-family:var(--serif);font-size:2rem;font-weight:700;color:var(--text);margin-bottom:.3rem;}
.dosha-element{font-size:.62rem;letter-spacing:3px;text-transform:uppercase;color:var(--muted);margin-bottom:1rem;}
.dosha-desc{font-size:.82rem;color:var(--muted);line-height:1.8;margin-bottom:1.5rem;min-height:60px;}
.dosha-traits{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;margin-bottom:1.5rem;}
.dt{background:var(--cream2);border:1px solid var(--border);font-size:.62rem;font-weight:700;letter-spacing:.5px;color:var(--muted);padding:.25rem .65rem;}
.dosha-link{font-size:.68rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--burgundy);display:flex;align-items:center;justify-content:center;gap:.4rem;transition:gap .2s;}
.dosha-link:hover{gap:.7rem;}

/* QUIZ SECTION */
.quiz-section{background:var(--cream2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:6% 5%;}
.quiz-inner{max-width:1100px;margin:0 auto;}
.quiz-eyebrow{font-size:.62rem;letter-spacing:3px;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:.5rem;display:block;text-align:center;}
.quiz-title{font-family:var(--serif);font-size:clamp(2rem,4vw,3.5rem);font-weight:700;color:var(--text);text-align:center;margin-bottom:.8rem;}
.quiz-title em{color:var(--burgundy);font-style:italic;}
.quiz-sub{font-size:.85rem;color:var(--muted);text-align:center;line-height:1.8;margin-bottom:3rem;}

/* QUIZ PROGRESS */
.quiz-progress{display:flex;align-items:center;gap:.5rem;margin-bottom:2rem;}
.qp-bar{flex:1;height:3px;background:var(--border);border-radius:2px;overflow:hidden;}
.qp-fill{height:100%;background:var(--burgundy);border-radius:2px;transition:width .4s;}
.qp-text{font-size:.65rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);white-space:nowrap;}

/* QUESTION CARDS */
.quiz-card{background:var(--white);border:1px solid var(--border);padding:2.5rem 2rem;margin-bottom:1.5rem;display:none;}
.quiz-card.active{display:block;}
.qnum{font-size:.62rem;letter-spacing:2px;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:.6rem;}
.qtext{font-family:var(--serif);font-size:1.8rem;font-weight:700;color:var(--text);margin-bottom:2rem;line-height:1.3;text-align:center;}
.q-opts{display:grid;grid-template-columns:repeat(3, 1fr);gap:.6rem;}
.qopt{background:var(--cream2);border:1px solid var(--border);padding:1.5rem 1rem;cursor:pointer;transition:.2s;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;}
.qopt:hover{border-color:var(--gold);background:var(--cream);}
.qopt.selected{background:var(--burgundy);border-color:var(--burgundy);color:var(--cream);}
.qopt-img{width:100%;height:auto;max-width:100%;border-radius:4px;flex-shrink:0;}
.qopt-img-fallback{width:100%;max-width:260px;aspect-ratio:4/3;border-radius:4px;flex-shrink:0;background:var(--cream);display:flex;align-items:center;justify-content:center;font-size:3rem;border:1px solid var(--border);}
.qopt-text{font-size:1.1rem;line-height:1.5;font-weight:600;letter-spacing:.3px;display:flex;align-items:center;}
.qopt.selected .qopt-img-fallback{background:transparent;}

/* NEW VALIDATION WARNING */
.quiz-warning{color:#d32f2f;font-size:0.8rem;font-weight:600;display:none;margin-top:1rem;text-align:right;}

.quiz-nav{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem;}
.quiz-prev,.quiz-next{font-family:var(--sans);font-size:.7rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:.8rem 1.6rem;border:1px solid var(--border);cursor:pointer;transition:.2s;background:transparent;color:var(--muted);}
.quiz-next{background:var(--burgundy);color:var(--cream);border-color:var(--burgundy);}
.quiz-prev:hover{border-color:var(--text);color:var(--text);}
.quiz-next:hover{background:var(--burgundy-dk);}

/* RESULT */
.quiz-result{background:var(--text);border:1px solid var(--gold-lt);padding:3rem 2.5rem;text-align:center;animation:fadeIn 0.5s;}
@keyframes fadeIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}
.result-eyebrow{font-size:.62rem;letter-spacing:3px;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:1rem;display:block;}
.result-icon{font-size:5rem;margin-bottom:1rem;}
.result-name{font-family:var(--serif);font-size:3.5rem;font-weight:700;color:var(--cream);margin-bottom:.5rem;}
.result-desc{font-size:.85rem;color:#aaa;line-height:1.8;max-width:480px;margin:0 auto 2rem;}
.result-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;}
.rbtn-fill{background:var(--gold);color:var(--text);border:none;font-family:var(--sans);font-size:.72rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:.9rem 2rem;cursor:pointer;}
.rbtn-border{background:transparent;color:var(--cream);border:1px solid rgba(255,255,255,.25);font-family:var(--sans);font-size:.72rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:.9rem 2rem;cursor:pointer;}

/* WHAT IS AYURVEDA SECTION */
.info-section{padding:6% 5%;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;}
.info-section.flipped{background:var(--white);}
.info-eyebrow{font-size:.62rem;letter-spacing:3px;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:.6rem;display:block;}
.info-title{font-family:var(--serif);font-size:clamp(1.8rem,3.5vw,3rem);font-weight:700;color:var(--text);margin-bottom:1rem;}
.info-title em{color:var(--burgundy);font-style:italic;}
.info-body{font-size:.85rem;color:var(--muted);line-height:2;margin-bottom:1.5rem;}
.info-list{list-style:none;display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.5rem;}
.info-list li{display:flex;align-items:flex-start;gap:.7rem;font-size:.82rem;color:var(--muted);}
.info-list li::before{content:'—';color:var(--gold);flex-shrink:0;margin-top:.05rem;}
.info-img{border:1px solid var(--border);aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;font-size:8rem;background:var(--cream2);position:relative;}
.info-img-anatomy{padding:1.25rem;font-size:0;background:linear-gradient(180deg,#fdfaf3 0%,#f4ecdc 100%);}
.dosha-anatomy{width:100%;height:100%;max-height:420px;display:block;}
.info-img-badge{position:absolute;bottom:-12px;left:1.5rem;background:var(--burgundy);color:var(--cream);font-size:.62rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:.4rem 1rem;}

/* CTA STRIP */
.cta-strip{background:var(--burgundy);padding:4rem 5%;text-align:center;}
.cta-strip h2{font-family:var(--serif);font-size:clamp(1.8rem,3.5vw,3rem);color:var(--cream);margin-bottom:.8rem;}
.cta-strip h2 em{color:var(--gold-lt);font-style:italic;}
.cta-strip p{font-size:.85rem;color:rgba(255,255,255,.7);margin-bottom:2rem;letter-spacing:.3px;}
.cta-btn{background:var(--cream);color:var(--burgundy);border:none;font-family:var(--sans);font-size:.75rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:1rem 2.5rem;cursor:pointer;transition:.2s;}
.cta-btn:hover{background:var(--gold-lt);}

@media(max-width:900px){
    .doshas-section{grid-template-columns:1fr;}
    .info-section{grid-template-columns:1fr;gap:2rem;}
}
@media(max-width:768px){
    .q-opts{grid-template-columns:1fr;}
}
@media(max-width:480px){
    .result-btns{flex-direction:column;align-items:center;}
}