:root{
 --maroon:#3d0a0a; --maroon-2:#5c1010; --saffron:#ff7b00; --saffron-2:#ff9e2c;
 --gold:#ffc857; --gold-2:#e8a820; --cream:#fff8ee; --ink:#2a1a12;
 --glass:rgba(255,255,255,.72); --glass-dark:rgba(61,10,10,.55);
 --shadow-3d:0 2px 4px rgba(61,10,10,.08),0 12px 24px rgba(61,10,10,.12),0 32px 64px rgba(61,10,10,.14);
 --shadow-lift:0 4px 8px rgba(61,10,10,.12),0 24px 48px rgba(255,123,0,.22),0 48px 96px rgba(61,10,10,.18);
 --r:22px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Mukta',sans-serif;color:var(--ink);background:var(--cream);line-height:1.75;overflow-x:hidden}
h1,h2,h3,h4{font-family:'Rozha One',serif;font-weight:400;line-height:1.3;color:var(--maroon)}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}

/* ---------- header ---------- */
.hdr{position:sticky;top:0;z-index:100;backdrop-filter:blur(18px);background:linear-gradient(180deg,rgba(255,248,238,.95),rgba(255,248,238,.82));border-bottom:1px solid rgba(232,168,32,.35);box-shadow:0 8px 32px rgba(61,10,10,.08)}
.hdr .wrap{display:flex;align-items:center;justify-content:space-between;height:74px;gap:16px}
.logo{display:flex;align-items:center;gap:10px;font-family:'Rozha One',serif;font-size:1.15rem;color:var(--maroon)}
.logo .om{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:1.4rem;color:#fff;background:radial-gradient(circle at 30% 30%,var(--saffron-2),var(--maroon));box-shadow:0 6px 16px rgba(255,123,0,.45),inset 0 -3px 6px rgba(0,0,0,.25)}
nav.menu{display:flex;gap:4px;align-items:center;flex-wrap:wrap}
nav.menu a{padding:8px 13px;border-radius:12px;font-weight:600;font-size:.95rem;transition:.25s}
nav.menu a:hover{background:rgba(255,123,0,.12);color:var(--saffron);transform:translateY(-2px)}
.btn{display:inline-block;padding:13px 26px;border-radius:16px;font-weight:700;color:#fff;background:linear-gradient(145deg,var(--saffron-2),var(--saffron) 55%,#d96400);box-shadow:0 6px 0 #a34b00,0 16px 32px rgba(255,123,0,.4);transition:.18s;transform-style:preserve-3d}
.btn:hover{transform:translateY(3px);box-shadow:0 3px 0 #a34b00,0 8px 20px rgba(255,123,0,.4)}
.btn.ghost{background:linear-gradient(145deg,#fff,#fdf2df);color:var(--maroon);box-shadow:0 6px 0 rgba(232,168,32,.6),0 16px 32px rgba(61,10,10,.12);border:1px solid var(--gold)}
.btn.wa{background:linear-gradient(145deg,#34d269,#1faa4f);box-shadow:0 6px 0 #12813a,0 16px 32px rgba(31,170,79,.4)}

/* ---------- hero ---------- */
.hero{position:relative;padding:90px 0 120px;color:var(--cream);background:
 radial-gradient(1200px 600px at 80% -10%,rgba(255,158,44,.35),transparent 60%),
 radial-gradient(900px 500px at -10% 110%,rgba(255,200,87,.22),transparent 60%),
 linear-gradient(160deg,#2b0606 0%,var(--maroon) 45%,#6b1a08 100%)}
.hero::after{content:"";position:absolute;inset:auto 0 -2px 0;height:90px;background:var(--cream);clip-path:ellipse(75% 100% at 50% 100%)}
.hero .wrap{position:relative;z-index:2;display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center}
.hero .kicker{display:inline-block;padding:8px 18px;border-radius:999px;background:rgba(255,200,87,.15);border:1px solid rgba(255,200,87,.5);color:var(--gold);font-weight:700;letter-spacing:.5px;margin-bottom:18px}
.hero h1{color:#fff;font-size:clamp(1.9rem,4.2vw,3.3rem);text-shadow:0 4px 24px rgba(0,0,0,.4);margin-bottom:16px}
.hero h1 em{font-style:normal;color:var(--gold)}
.hero p.lead{font-size:1.13rem;color:#ffe9cf;max-width:560px;margin-bottom:30px}
.hero .cta{display:flex;gap:14px;flex-wrap:wrap}
.hero-art{position:relative;perspective:1000px}
.hero-art .frame{border-radius:28px;overflow:hidden;transform:rotateY(-8deg) rotateX(3deg);box-shadow:-30px 40px 80px rgba(0,0,0,.45),0 0 0 6px rgba(255,200,87,.35),0 0 0 14px rgba(255,200,87,.12);transition:.5s}
.hero-art .frame:hover{transform:rotateY(-2deg) rotateX(1deg)}
.hero-art img{width:100%;height:380px;object-fit:cover}
.float-om{position:absolute;font-size:2rem;color:rgba(255,200,87,.35);animation:float 7s ease-in-out infinite;user-select:none;z-index:1}
@keyframes float{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-26px) rotate(6deg)}}

/* ---------- trust bar ---------- */
.trust{margin-top:-60px;position:relative;z-index:5}
.trust .row{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.trust .cell{background:var(--glass);backdrop-filter:blur(14px);border:1px solid rgba(232,168,32,.4);border-radius:var(--r);padding:22px 18px;text-align:center;box-shadow:var(--shadow-3d);transition:.3s;transform-style:preserve-3d}
.trust .cell:hover{transform:translateY(-8px) rotateX(4deg);box-shadow:var(--shadow-lift)}
.trust b{display:block;font-family:'Rozha One',serif;font-size:1.5rem;color:var(--saffron)}
.trust span{font-size:.92rem;color:#6b4a35}

/* ---------- sections ---------- */
section{padding:72px 0}
.sec-head{text-align:center;max-width:720px;margin:0 auto 44px}
.sec-head .eyebrow{color:var(--saffron);font-weight:800;letter-spacing:2px;text-transform:uppercase;font-size:.82rem}
.sec-head h2{font-size:clamp(1.6rem,3vw,2.4rem);margin:8px 0 10px}
.sec-head p{color:#7a5a44}
.flourish{width:120px;margin:14px auto 0;height:3px;border-radius:3px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}

/* ---------- bento ---------- */
.bento{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.bento .card{position:relative;border-radius:var(--r);overflow:hidden;min-height:230px;display:flex;align-items:flex-end;box-shadow:var(--shadow-3d);transition:.35s;transform-style:preserve-3d;will-change:transform}
.bento .card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.6s}
.bento .card:hover img{transform:scale(1.08)}
.bento .card:hover{transform:translateY(-10px) rotateX(3deg);box-shadow:var(--shadow-lift)}
.bento .card .ovl{position:relative;z-index:2;width:100%;padding:40px 18px 16px;background:linear-gradient(transparent,rgba(43,6,6,.92));color:#fff}
.bento .card .ovl b{font-family:'Rozha One',serif;font-size:1.15rem;display:block}
.bento .card .ovl span{font-size:.85rem;color:var(--gold)}
.bento .card.big{grid-row:span 2;min-height:480px}

/* ---------- pooja grid ---------- */
.pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.pcard{background:#fff;border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow-3d);transition:.3s;border:1px solid rgba(232,168,32,.25);transform-style:preserve-3d}
.pcard:hover{transform:translateY(-10px) rotateX(3deg) rotateY(-2deg);box-shadow:var(--shadow-lift)}
.pcard img{height:170px;width:100%;object-fit:cover}
.pcard .pad{padding:16px 16px 20px}
.pcard h3{font-size:1.02rem;margin-bottom:6px}
.pcard p{font-size:.87rem;color:#7a5a44;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pcard .go{font-weight:800;color:var(--saffron);font-size:.9rem}
.filter{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:34px}
.filter button{padding:10px 20px;border-radius:999px;border:1.5px solid var(--gold);background:#fff;font-family:inherit;font-weight:700;color:var(--maroon);cursor:pointer;transition:.25s;font-size:.95rem}
.filter button.on,.filter button:hover{background:linear-gradient(145deg,var(--saffron-2),var(--saffron));color:#fff;border-color:var(--saffron);box-shadow:0 8px 20px rgba(255,123,0,.35)}

/* ---------- steps ---------- */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;counter-reset:st}
.step{position:relative;background:linear-gradient(160deg,#fff,#fff3e0);border-radius:var(--r);padding:56px 20px 24px;border:1px solid rgba(232,168,32,.35);box-shadow:var(--shadow-3d);transition:.3s}
.step:hover{transform:translateY(-8px);box-shadow:var(--shadow-lift)}
.step::before{counter-increment:st;content:counter(st);position:absolute;top:-22px;left:20px;width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-family:'Rozha One',serif;font-size:1.4rem;color:#fff;background:radial-gradient(circle at 30% 25%,var(--saffron-2),var(--maroon));box-shadow:0 10px 24px rgba(255,123,0,.45),inset 0 -3px 6px rgba(0,0,0,.3)}
.step b{font-family:'Rozha One',serif;display:block;margin-bottom:6px;color:var(--maroon)}
.step p{font-size:.92rem;color:#6b4a35}

/* ---------- testimonials ---------- */
.tgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.tcard{background:var(--glass);backdrop-filter:blur(10px);border-radius:var(--r);padding:26px;border:1px solid rgba(232,168,32,.35);box-shadow:var(--shadow-3d);position:relative;transition:.3s}
.tcard:hover{transform:translateY(-6px)}
.tcard::before{content:"❝";position:absolute;top:-18px;left:20px;font-size:3rem;color:var(--saffron);text-shadow:0 6px 14px rgba(255,123,0,.4)}
.tcard p{font-size:.95rem;color:#5c4433;margin:10px 0 16px}
.tcard .who{display:flex;align-items:center;gap:12px}
.tcard .av{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#fff;background:linear-gradient(145deg,var(--gold-2),var(--saffron));box-shadow:0 6px 14px rgba(232,168,32,.5)}
.tcard .who b{display:block;color:var(--maroon);line-height:1.2}
.tcard .who span{font-size:.82rem;color:#8a6a52}
.stars{color:var(--gold-2);letter-spacing:2px}

/* ---------- pooja detail ---------- */
.phero{background:linear-gradient(160deg,#2b0606,var(--maroon) 60%,#5c1a08);color:#fff;padding:56px 0 70px;position:relative}
.phero::after{content:"";position:absolute;inset:auto 0 -2px 0;height:60px;background:var(--cream);clip-path:ellipse(75% 100% at 50% 100%)}
.phero .wrap{display:grid;grid-template-columns:1fr 400px;gap:44px;align-items:center;position:relative;z-index:2}
.phero h1{color:#fff;font-size:clamp(1.6rem,3.4vw,2.6rem);margin:10px 0 14px}
.crumb{font-size:.85rem;color:var(--gold)}
.crumb a{text-decoration:underline dotted}
.phero .meta{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 24px}
.phero .chip{padding:7px 15px;border-radius:999px;background:rgba(255,200,87,.14);border:1px solid rgba(255,200,87,.45);font-size:.85rem;color:var(--gold)}
.phero .frame{border-radius:24px;overflow:hidden;transform:rotateY(8deg) rotateX(2deg);box-shadow:30px 40px 80px rgba(0,0,0,.5),0 0 0 6px rgba(255,200,87,.3);transition:.5s}
.phero .frame:hover{transform:rotateY(2deg)}
.phero .frame img{width:100%;height:300px;object-fit:cover}
.article{display:grid;grid-template-columns:1fr 340px;gap:44px;align-items:start}
.article h2{font-size:1.5rem;margin:34px 0 12px;padding-left:14px;border-left:4px solid var(--saffron);border-radius:2px}
.article h2:first-child{margin-top:0}
.article ul,.article ol{margin:10px 0 10px 24px}
.article li{margin-bottom:8px}
.aside{position:sticky;top:96px;display:grid;gap:18px}
.abox{background:#fff;border-radius:var(--r);padding:24px;border:1px solid rgba(232,168,32,.3);box-shadow:var(--shadow-3d)}
.abox h3{margin-bottom:12px;font-size:1.1rem}
.abox .btn{width:100%;text-align:center;margin-top:8px}
.abox ul{list-style:none}
.abox li{padding:8px 0;border-bottom:1px dashed rgba(232,168,32,.4);font-size:.92rem}
.abox li a{color:var(--maroon);font-weight:600}
.abox li a:hover{color:var(--saffron)}
.benefit-list li{list-style:none;position:relative;padding-left:30px;margin-bottom:10px}
.benefit-list li::before{content:"🪔";position:absolute;left:0}

/* ---------- faq ---------- */
.faq{max-width:820px;margin:0 auto}
.faq details{background:#fff;border-radius:16px;margin-bottom:12px;border:1px solid rgba(232,168,32,.35);box-shadow:0 6px 18px rgba(61,10,10,.07);overflow:hidden;transition:.3s}
.faq details[open]{box-shadow:var(--shadow-3d)}
.faq summary{padding:18px 22px;font-weight:700;cursor:pointer;color:var(--maroon);list-style:none;position:relative;padding-right:48px}
.faq summary::after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(145deg,var(--saffron-2),var(--saffron));color:#fff;font-weight:800;transition:.3s}
.faq details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.faq .ans{padding:0 22px 18px;color:#6b4a35}

/* ---------- CTA band ---------- */
.band{background:linear-gradient(120deg,var(--maroon),#7a2408 60%,#a33d00);border-radius:28px;color:#fff;padding:44px 40px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;box-shadow:var(--shadow-lift);position:relative;overflow:hidden}
.band::before{content:"ॐ";position:absolute;right:-20px;top:-40px;font-size:12rem;color:rgba(255,200,87,.12)}
.band h2{color:#fff;font-size:1.7rem}
.band p{color:#ffd9ae}

/* ---------- footer ---------- */
footer{background:linear-gradient(180deg,#2b0606,#1d0404);color:#e8cdb2;margin-top:80px;padding:64px 0 0}
footer h4{color:var(--gold);margin-bottom:16px;font-size:1.05rem}
.fgrid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:36px;padding-bottom:44px}
footer a{display:block;padding:4px 0;font-size:.92rem;color:#d9b896;transition:.2s}
footer a:hover{color:var(--gold);transform:translateX(4px)}
.fbot{border-top:1px solid rgba(255,200,87,.18);padding:18px 0;font-size:.85rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;color:#a98868}

/* ---------- floating ---------- */
.wa-float{position:fixed;right:22px;bottom:88px;z-index:120;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#34d269,#1faa4f);color:#fff;font-size:1.7rem;box-shadow:0 12px 30px rgba(31,170,79,.5);animation:pulse 2.6s infinite}
@keyframes pulse{0%,100%{box-shadow:0 12px 30px rgba(31,170,79,.5),0 0 0 0 rgba(52,210,105,.5)}55%{box-shadow:0 12px 30px rgba(31,170,79,.5),0 0 0 20px rgba(52,210,105,0)}}
.mob-cta{display:none;position:fixed;bottom:0;left:0;right:0;z-index:110;grid-template-columns:1fr 1fr;background:rgba(43,6,6,.96);backdrop-filter:blur(10px)}
.mob-cta a{padding:15px;text-align:center;font-weight:800;color:#fff}
.mob-cta a.c{background:linear-gradient(145deg,var(--saffron-2),var(--saffron))}
.mob-cta a.w{background:linear-gradient(145deg,#34d269,#1faa4f)}

/* ---------- reveal ---------- */
.rv{opacity:0;transform:translateY(34px);transition:opacity .7s ease,transform .7s ease}
.rv.in{opacity:1;transform:none}

/* ---------- blog ---------- */
.bpost{max-width:800px;margin:0 auto}
.bpost .article-img{border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow-3d);margin-bottom:30px}
.bpost h2{font-size:1.45rem;margin:30px 0 12px;padding-left:14px;border-left:4px solid var(--saffron)}
.bpost p{margin-bottom:14px}
.bpost ol,.bpost ul{margin:0 0 14px 26px}
.bdate{color:#8a6a52;font-size:.88rem}

/* ---------- booking packages ---------- */
.pkg-wrap{margin:14px 0 8px}
.pkgs{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.pkg{position:relative;background:#fff;border:2px solid rgba(232,168,32,.35);border-radius:var(--r);padding:24px 18px 18px;cursor:pointer;transition:.25s;box-shadow:var(--shadow-3d);transform-style:preserve-3d}
.pkg:hover{transform:translateY(-8px) rotateX(3deg);box-shadow:var(--shadow-lift)}
.pkg.sel{border-color:var(--saffron);background:linear-gradient(160deg,#fff,#fff1dd);box-shadow:0 0 0 3px rgba(255,123,0,.25),var(--shadow-lift)}
.pkg .pop{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:linear-gradient(145deg,var(--saffron-2),var(--saffron));color:#fff;font-size:.72rem;font-weight:800;padding:4px 14px;border-radius:999px;box-shadow:0 6px 14px rgba(255,123,0,.45);white-space:nowrap}
.pkg .em{font-size:1.9rem}
.pkg h4{font-size:1.05rem;margin:6px 0 2px}
.pkg .mem{font-size:.82rem;color:#8a6a52;font-weight:700}
.pkg .price{font-family:'Rozha One',serif;font-size:1.7rem;color:var(--saffron);margin:8px 0 10px}
.pkg .price small{font-size:.8rem;color:#8a6a52;font-family:Mukta}
.pkg ul{list-style:none;border-top:1px dashed rgba(232,168,32,.5);padding-top:10px}
.pkg li{font-size:.8rem;color:#6b4a35;padding:4px 0 4px 20px;position:relative}
.pkg li::before{content:"✓";position:absolute;left:0;color:#1faa4f;font-weight:800}
.pkg .tick{position:absolute;top:12px;right:12px;width:24px;height:24px;border-radius:50%;border:2px solid rgba(232,168,32,.5);display:grid;place-items:center;font-size:.8rem;color:#fff;transition:.2s}
.pkg.sel .tick{background:var(--saffron);border-color:var(--saffron)}
.book-bar{position:sticky;bottom:14px;z-index:60;margin-top:22px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:linear-gradient(120deg,var(--maroon),#7a2408);border-radius:20px;padding:16px 22px;color:#fff;box-shadow:0 20px 50px rgba(43,6,6,.45)}
.book-bar .sum b{font-family:'Rozha One',serif;font-size:1.3rem;color:var(--gold)}
.book-bar .sum span{display:block;font-size:.85rem;color:#ffd9ae}
.book-bar .btn{margin:0}
.paynote{font-size:.82rem;color:#8a6a52;margin-top:10px;text-align:center}
@media(max-width:640px){.book-bar{bottom:60px}}

/* ---------- responsive ---------- */
@media(max-width:1020px){
 .bento,.pgrid,.steps,.trust .row{grid-template-columns:repeat(2,1fr)}
 .tgrid{grid-template-columns:1fr 1fr}
 .hero .wrap,.phero .wrap{grid-template-columns:1fr}
 .article{grid-template-columns:1fr}.aside{position:static}
 .fgrid{grid-template-columns:1fr 1fr}
 .hero-art{display:none}
}
@media(max-width:640px){
 nav.menu{display:none}
 .pgrid,.bento,.steps,.trust .row,.tgrid,.fgrid{grid-template-columns:1fr}
 .mob-cta{display:grid}
 body{padding-bottom:52px}
 .hero{padding:56px 0 90px}
 section{padding:52px 0}
}

/* ---------- Chadhava Styles ---------- */
.chadhava-grid {
 display: grid;
 grid-template-columns: repeat(3, 1fr);
 gap: 24px;
 margin-top: 24px;
}
.chadhava-card {
 background: #fff;
 border: 1px solid rgba(232, 168, 32, .25);
 border-radius: var(--r);
 overflow: hidden;
 box-shadow: var(--shadow-3d);
 transition: .3s;
 display: flex;
 flex-direction: column;
}
.chadhava-card:hover {
 transform: translateY(-8px);
 box-shadow: var(--shadow-lift);
}
.chadhava-card img {
 height: 180px;
 width: 100%;
 object-fit: cover;
}
.chadhava-card .pad {
 padding: 20px;
 display: flex;
 flex-direction: column;
 flex-grow: 1;
}
.chadhava-card h3 {
 font-size: 1.2rem;
 margin-bottom: 8px;
 color: var(--maroon);
}
.chadhava-card p {
 font-size: .9rem;
 color: #7a5a44;
 margin-bottom: 16px;
 flex-grow: 1;
}
.chadhava-card .meta {
 display: flex;
 justify-content: space-between;
 align-items: center;
 border-top: 1px dashed rgba(232, 168, 32, .3);
 padding-top: 14px;
 margin-top: auto;
}
.chadhava-card .price {
 font-weight: 700;
 color: var(--saffron);
 font-size: 1.1rem;
}
.chadhava-card .btn {
 padding: 8px 18px;
 border-radius: 12px;
 font-size: .9rem;
 box-shadow: 0 4px 0 #a34b00;
}

/* Offering Details packages list */
.offering-grid {
 display: grid;
 grid-template-columns: repeat(2, 1fr);
 gap: 18px;
 margin: 20px 0;
}
.offering-card {
 position: relative;
 background: #fff;
 border: 2px solid rgba(232, 168, 32, .35);
 border-radius: var(--r);
 padding: 20px;
 cursor: pointer;
 transition: .25s;
 box-shadow: var(--shadow-3d);
 display: flex;
 align-items: flex-start;
 gap: 14px;
}
.offering-card:hover {
 transform: translateY(-4px);
 box-shadow: var(--shadow-lift);
}
.offering-card.sel {
 border-color: var(--saffron);
 background: linear-gradient(160deg, #fff, #fff1dd);
 box-shadow: 0 0 0 3px rgba(255, 123, 0, .2), var(--shadow-lift);
}
.offering-card input[type="checkbox"] {
 margin-top: 6px;
 width: 18px;
 height: 18px;
 accent-color: var(--saffron);
 cursor: pointer;
}
.offering-card .text-wrap {
 flex-grow: 1;
}
.offering-card h4 {
 font-size: 1.05rem;
 color: var(--maroon);
 display: flex;
 justify-content: space-between;
 align-items: center;
}
.offering-card h4 span.price {
 color: var(--saffron);
 font-family: 'Rozha One', serif;
 font-size: 1.15rem;
}
.offering-card p {
 font-size: .82rem;
 color: #7a5a44;
 margin-top: 4px;
 line-height: 1.5;
}
.offering-card .badge {
 position: absolute;
 top: -11px;
 right: 14px;
 background: linear-gradient(145deg, var(--saffron-2), var(--saffron));
 color: #fff;
 font-size: .65rem;
 font-weight: 800;
 padding: 2px 10px;
 border-radius: 99px;
 white-space: nowrap;
}

/* Sankalp Form progress bar & gotra dropdown */
.progress-bar {
 display: flex;
 justify-content: space-between;
 max-width: 600px;
 margin: 0 auto 36px;
 position: relative;
}
.progress-bar::before {
 content: "";
 position: absolute;
 top: 16px;
 left: 10%;
 right: 10%;
 height: 3px;
 background: rgba(232, 168, 32, .25);
 z-index: 1;
}
.progress-bar .step-num {
 position: relative;
 z-index: 2;
 display: flex;
 flex-direction: column;
 align-items: center;
 gap: 8px;
 font-size: .88rem;
 font-weight: 700;
 color: #8a6a52;
}
.progress-bar .step-num span {
 width: 34px;
 height: 34px;
 border-radius: 50%;
 background: #fff;
 border: 2.5px solid rgba(232, 168, 32, .4);
 display: grid;
 place-items: center;
 font-family: 'Rozha One', serif;
 transition: .3s;
}
.progress-bar .step-num.active {
 color: #ff7b00;
}
.progress-bar .step-num.active span {
 background: linear-gradient(145deg, var(--saffron-2), var(--saffron));
 color: #fff;
 border-color: var(--saffron);
 box-shadow: 0 4px 10px rgba(255,123,0,.35);
}

.sform {
 background: #fff;
 border-radius: var(--r);
 border: 1px solid rgba(232, 168, 32, .3);
 box-shadow: var(--shadow-3d);
 padding: 36px;
 max-width: 680px;
 margin: 0 auto;
}
.form-group {
 margin-bottom: 22px;
 position: relative;
}
.form-group label {
 display: block;
 font-weight: 700;
 color: var(--maroon);
 margin-bottom: 6px;
 font-size: .95rem;
}
.form-group label em {
 color: var(--saffron);
 font-style: normal;
}
.form-group input[type="text"],
.form-group input[type="tel"] {
 width: 100%;
 padding: 12px 16px;
 border-radius: 12px;
 border: 1.5px solid rgba(232, 168, 32, .4);
 font-family: inherit;
 font-size: 1rem;
 transition: .2s;
 color: var(--ink);
}
.form-group input:focus {
 outline: none;
 border-color: var(--saffron);
 box-shadow: 0 0 0 3px rgba(255, 123, 0, .15);
}
.form-group .desc {
 font-size: .8rem;
 color: #8a6a52;
 margin-top: 4px;
}
.form-group.checkbox {
 display: flex;
 align-items: center;
 gap: 8px;
 margin-top: -8px;
}
.form-group.checkbox input {
 width: 18px;
 height: 18px;
 accent-color: var(--saffron);
 cursor: pointer;
}
.form-group.checkbox label {
 margin: 0;
 font-size: .9rem;
 font-weight: 600;
 cursor: pointer;
 color: #6b4a35;
}

.gotra-list {
 position: absolute;
 top: 100%;
 left: 0;
 right: 0;
 background: #fff;
 border: 1.5px solid var(--saffron);
 border-top: none;
 border-radius: 0 0 12px 12px;
 max-height: 180px;
 overflow-y: auto;
 z-index: 50;
 box-shadow: var(--shadow-3d);
 display: none;
}
.gotra-item {
 padding: 10px 16px;
 cursor: pointer;
 font-size: .95rem;
 font-weight: 600;
 transition: .18s;
}
.gotra-item:hover {
 background: rgba(255, 123, 0, .1);
 color: var(--saffron);
}

.checkout-summary {
 display: grid;
 gap: 12px;
 margin-top: 14px;
 background: rgba(255, 248, 238, .7);
 padding: 16px;
 border-radius: 12px;
 border: 1px dashed rgba(232, 168, 32, .4);
}
.summary-row {
 display: flex;
 justify-content: space-between;
 font-size: .95rem;
}
.summary-row.total {
 border-top: 1px solid rgba(232, 168, 32, .3);
 padding-top: 10px;
 font-weight: 800;
 color: var(--maroon);
 font-size: 1.1rem;
}

/* ---------- Panchang Styles ---------- */
.panchang-container {
 max-width: 900px;
 margin: 0 auto;
}
.panchang-header-card {
 background: linear-gradient(145deg, var(--maroon), var(--maroon-2));
 border-radius: var(--r);
 color: #fff;
 padding: 26px 30px;
 box-shadow: var(--shadow-3d);
 display: flex;
 justify-content: space-between;
 align-items: center;
 gap: 20px;
 flex-wrap: wrap;
 margin-bottom: 24px;
 border: 1px solid rgba(255, 200, 87, .3);
}
.panchang-header-card h2 {
 color: var(--gold);
 font-size: 1.6rem;
}
.panchang-header-card p {
 font-size: .9rem;
 color: #ffd9ae;
 margin-top: 4px;
}
.panchang-controls {
 display: flex;
 gap: 12px;
 align-items: center;
 flex-wrap: wrap;
}
.panchang-controls input[type="date"],
.panchang-controls select {
 padding: 10px 14px;
 border-radius: 10px;
 border: 1px solid var(--gold);
 background: rgba(255,255,255,.1);
 color: #fff;
 font-family: inherit;
 font-weight: 600;
 font-size: .9rem;
 outline: none;
 cursor: pointer;
}
.panchang-controls input[type="date"]::-webkit-calendar-picker-indicator {
 filter: invert(1);
}
.panchang-controls select option {
 background: var(--maroon);
 color: #fff;
}

.panchang-grid {
 display: grid;
 grid-template-columns: repeat(3, 1fr);
 gap: 18px;
 margin-bottom: 24px;
}
.panchang-card {
 background: #fff;
 border-radius: var(--r);
 border: 1px solid rgba(232, 168, 32, .25);
 padding: 20px;
 text-align: center;
 box-shadow: var(--shadow-3d);
 transition: .25s;
}
.panchang-card:hover {
 transform: translateY(-4px);
 box-shadow: var(--shadow-lift);
}
.panchang-card .icon {
 font-size: 1.8rem;
 margin-bottom: 8px;
 display: inline-block;
}
.panchang-card h3 {
 font-size: .88rem;
 font-weight: 700;
 text-transform: uppercase;
 color: #8a6a52;
 margin-bottom: 6px;
 letter-spacing: 1px;
}
.panchang-card .val {
 font-family: 'Rozha One', serif;
 font-size: 1.25rem;
 color: var(--maroon);
}
.panchang-card .sub {
 font-size: .82rem;
 color: #8a6a52;
 margin-top: 4px;
 font-weight: 600;
}

.muhurta-grid {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 20px;
}
.muhurta-box {
 background: #fff;
 border-radius: var(--r);
 border: 1px solid rgba(232, 168, 32, .25);
 padding: 24px;
 box-shadow: var(--shadow-3d);
}
.muhurta-box h3 {
 font-size: 1.2rem;
 margin-bottom: 16px;
 border-bottom: 2px solid rgba(232, 168, 32, .15);
 padding-bottom: 8px;
 color: var(--maroon);
}
.muhurta-item {
 display: flex;
 justify-content: space-between;
 align-items: center;
 padding: 10px 0;
 border-bottom: 1px dashed rgba(232, 168, 32, .2);
 font-size: .95rem;
}
.muhurta-item:last-child {
 border: none;
}
.muhurta-item span.lbl {
 font-weight: 700;
 color: #6b4a35;
 display: flex;
 align-items: center;
 gap: 8px;
}
.muhurta-item span.val {
 font-weight: 800;
 color: var(--ink);
}
.muhurta-item span.val.shubh {
 color: #1faa4f;
 background: rgba(31, 170, 79, .1);
 padding: 2px 10px;
 border-radius: 99px;
}
.muhurta-item span.val.ashubh {
 color: #d93838;
 background: rgba(217, 56, 56, .1);
 padding: 2px 10px;
 border-radius: 99px;
}

.panchang-footer-note {
 text-align: center;
 margin-top: 24px;
 font-size: .82rem;
 color: #8a6a52;
}
.panchang-footer-note a {
 text-decoration: underline;
}

/* Responsive adjustments */
@media(max-width: 900px) {
 .panchang-grid {
  grid-template-columns: repeat(2, 1fr);
 }
 .muhurta-grid {
  grid-template-columns: 1fr;
 }
}
@media(max-width: 600px) {
 .chadhava-grid, .offering-grid {
  grid-template-columns: 1fr;
 }
 .panchang-grid {
  grid-template-columns: 1fr;
 }
 .sform {
  padding: 20px;
 }
 .progress-bar {
  margin-bottom: 24px;
 }
 .progress-bar .step-num span {
  width: 28px;
  height: 28px;
  font-size: 1rem;
 }
}