/* ============================================================
   Dr. Gyanendra Sharma — Vedic Astrology
   Premium Design System · Luxury Editorial · Dual Theme
   Theme 1 (default): Ivory · Beige · Champagne Gold
   Theme 2 (data-theme="dark"): Royal Dark — charcoal, black,
   metallic gold, ivory typography
   ============================================================ */

/* ---------- Tokens: Theme 1 (Ivory Luxury, default) ---------- */
:root{
  color-scheme:light;
  /* brand */
  --ivory:#F8F6F1;
  --beige:#EFE7DA;
  --gold:#C9A227;
  --gold-deep:#8C6D14;
  --gold-soft:rgba(201,162,39,.22);
  --gold-hair:rgba(201,162,39,.32);
  --saffron:#AE5A11;      /* deep saffron — AA on white & ivory */
  --saffron-dark:#8F470C;
  --green:#2F6B3C;
  --green-dark:#255430;
  /* surfaces */
  --bg:#F8F6F1;
  --band:#EFE7DA;
  --card:#FFFDF9;
  --tint-a:#FFFDF6;            /* featured card / summary top */
  --tint-b:#FBF4E4;            /* summary bottom */
  --frame-a:#FCFAF4;           /* portrait frame inner */
  --frame-b:#EFE7DA;
  --badge-hi:#FFFFFF;          /* icon badge highlight */
  --chip-bg:rgba(255,255,255,.7);
  --ghost-bg:rgba(255,255,255,.55);
  --glass:rgba(248,246,241,.82);       /* header */
  --glass-card:rgba(255,253,249,.9);   /* trust band, captions */
  --input-bg:#FFFFFF;
  --footer-bg:#2B261C;
  /* text */
  --ink:#2D2D2D;
  --text-2:#3D3D3D;
  --muted:#666666;
  /* depth */
  --inner-hi:rgba(255,255,255,.65);
  --shadow-sm:0 1px 2px rgba(45,45,45,.04), 0 6px 24px rgba(45,45,45,.06);
  --shadow-md:0 2px 4px rgba(45,45,45,.05), 0 18px 50px rgba(45,45,45,.10);
  --shadow-lg:0 4px 10px rgba(45,45,45,.06), 0 30px 80px rgba(45,45,45,.14);
  --emboss-hi:rgba(255,255,255,.75);
  --emboss-lo:rgba(120,90,10,.35);
  /* geometry & type */
  --r-sm:12px; --r-md:20px; --r-lg:28px;
  --font-head:'Cormorant Garamond','Tiro Devanagari Hindi',Georgia,serif;
  --font-body:'Inter','Mukta',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --font-hindi:'Tiro Devanagari Hindi','Cormorant Garamond',serif;
  --container:1180px;
  --sect:clamp(4.5rem,9vw,8.5rem);
  --ease:cubic-bezier(.22,.61,.36,1);
}

/* ---------- Tokens: Theme 2 (Royal Dark) ---------- */
[data-theme="dark"]{
  color-scheme:dark;
  --gold:#CFA92F;
  --gold-deep:#DCC069;                 /* champagne — accent text on dark */
  --gold-soft:rgba(207,169,47,.20);
  --gold-hair:rgba(207,169,47,.36);
  --bg:#151209;
  --band:#1C1810;
  --card:#211D12;
  --tint-a:#272212;
  --tint-b:#211C0F;
  --frame-a:#2C2617;
  --frame-b:#1E1A10;
  --badge-hi:#3A3420;
  --chip-bg:rgba(255,255,255,.05);
  --ghost-bg:rgba(255,255,255,.05);
  --glass:rgba(18,15,8,.78);
  --glass-card:rgba(30,26,16,.88);
  --input-bg:#1B1710;
  --footer-bg:#100D07;
  --ink:#F3EFE4;
  --text-2:#D9D2C2;
  --muted:#A69D88;
  --inner-hi:rgba(255,255,255,.05);
  --shadow-sm:0 1px 2px rgba(0,0,0,.4), 0 8px 28px rgba(0,0,0,.45);
  --shadow-md:0 2px 6px rgba(0,0,0,.45), 0 20px 56px rgba(0,0,0,.55);
  --shadow-lg:0 6px 14px rgba(0,0,0,.5), 0 34px 90px rgba(0,0,0,.65);
  --emboss-hi:rgba(255,235,170,.14);
  --emboss-lo:rgba(0,0,0,.85);
}

/* ---------- Reset ---------- */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
body{
  font-family:var(--font-body);
  color:var(--ink);
  background:var(--bg);
  line-height:1.75;
  font-size:1.0625rem;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
  transition:background .5s var(--ease),color .5s var(--ease);
}
img,svg,video{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}
:focus-visible{outline:3px solid var(--saffron);outline-offset:3px;border-radius:4px}
::selection{background:var(--gold-soft);color:var(--ink)}

.skip-link{position:absolute;left:-9999px;top:0;background:var(--ink);color:var(--bg);padding:.75rem 1.25rem;z-index:2000;border-radius:0 0 12px 0}
.skip-link:focus{left:0}

/* ---------- Typography ---------- */
h1,h2,h3,h4{font-family:var(--font-head);font-weight:600;line-height:1.22;color:var(--ink);letter-spacing:.005em}
h1,h2,h3{text-wrap:balance}
.hi{font-family:var(--font-hindi);font-weight:400;line-height:1.4} /* Tiro ships 400 only — authentic weight, no synthetic bold */
h1{font-size:clamp(2.4rem,5.2vw,4.1rem)}
h2{font-size:clamp(1.9rem,3.6vw,2.8rem)}
h3{font-size:clamp(1.3rem,2vw,1.6rem)}
p{max-width:68ch;text-wrap:pretty}
.lead{font-size:clamp(1.1rem,1.6vw,1.3rem);color:var(--muted);font-weight:400;line-height:1.8}
.txt{color:var(--text-2)}
.eyebrow{
  display:inline-flex;align-items:center;gap:.6rem;
  font-size:.78rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;
  color:var(--gold-deep);margin-bottom:1.1rem;
}
.eyebrow::before,.eyebrow.center::after{content:"";width:34px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}
.eyebrow.center::after{background:linear-gradient(90deg,var(--gold),transparent)}

.section-head{max-width:760px;margin:0 auto 4rem;text-align:center}
.section-head p{margin:1rem auto 0}

/* ---------- Layout ---------- */
.container{max-width:var(--container);margin-inline:auto;padding-inline:clamp(1.25rem,4vw,2.5rem)}
section{padding-block:var(--sect);position:relative}
.bg-beige{background:linear-gradient(180deg,var(--bg) 0%,var(--band) 18%,var(--band) 82%,var(--bg) 100%)}

.divider-om{display:flex;align-items:center;justify-content:center;gap:1.2rem;color:var(--gold);opacity:.85;padding-block:.25rem}
.divider-om::before,.divider-om::after{content:"";height:1px;width:min(160px,26vw);background:linear-gradient(90deg,transparent,var(--gold-hair))}
.divider-om::after{background:linear-gradient(90deg,var(--gold-hair),transparent)}
.divider-om span{font-family:var(--font-hindi);font-size:1.35rem;text-shadow:0 1px 0 var(--emboss-hi),0 -1px 1px var(--emboss-lo)}

/* ---------- Buttons ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.6rem;
  padding:1rem 2.1rem;border-radius:999px;font-weight:600;font-size:1rem;
  transition:transform .35s var(--ease),box-shadow .35s var(--ease),background .35s var(--ease);
  will-change:transform;position:relative;overflow:hidden;
}
.btn svg{flex:none}
.btn:active{transform:translateY(-1px) scale(.985)}
.btn-primary{
  background:linear-gradient(135deg,var(--saffron) 0%,var(--saffron-dark) 100%);
  color:#fff;box-shadow:0 14px 34px rgba(199,106,23,.32),inset 0 1px 0 rgba(255,255,255,.25);
}
.btn-primary::after{ /* quiet sheen sweep */
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(110deg,transparent 32%,rgba(255,255,255,.16) 50%,transparent 68%);
  transform:translateX(-130%);transition:transform .9s var(--ease);
}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 20px 44px rgba(199,106,23,.4),inset 0 1px 0 rgba(255,255,255,.25)}
.btn-primary:hover::after{transform:translateX(130%)}
.btn-ghost{
  border:1.5px solid var(--gold-hair);color:var(--ink);background:var(--ghost-bg);
}
.btn-ghost:hover{border-color:var(--gold);background:var(--card);transform:translateY(-3px);box-shadow:var(--shadow-sm)}
.btn-green{background:linear-gradient(135deg,#3B7F4A,var(--green));color:#fff;box-shadow:0 14px 34px rgba(47,107,60,.3),inset 0 1px 0 rgba(255,255,255,.2)}
.btn-green:hover{transform:translateY(-3px);box-shadow:0 20px 44px rgba(47,107,60,.38),inset 0 1px 0 rgba(255,255,255,.2)}
.btn-sm{padding:.7rem 1.5rem;font-size:.92rem}
.btn-block{width:100%}

/* ---------- Theme toggle ---------- */
.theme-toggle{
  width:42px;height:42px;border-radius:50%;flex:none;
  border:1px solid var(--gold-hair);background:var(--ghost-bg);color:var(--gold-deep);
  display:grid;place-items:center;transition:all .35s var(--ease);
}
.theme-toggle:hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:var(--shadow-sm)}
.theme-toggle .ic-sun{display:none}
[data-theme="dark"] .theme-toggle .ic-sun{display:block}
[data-theme="dark"] .theme-toggle .ic-moon{display:none}

/* ---------- Header ---------- */
.site-header{
  position:fixed;inset:0 0 auto 0;z-index:1000;
  transition:background .4s var(--ease),box-shadow .4s var(--ease),padding .4s var(--ease);
  padding-block:1.1rem;
}
.site-header.scrolled{
  background:var(--glass);
  -webkit-backdrop-filter:blur(18px) saturate(160%);
  backdrop-filter:blur(18px) saturate(160%);
  box-shadow:0 1px 0 var(--gold-hair),0 10px 40px rgba(0,0,0,.06);
  padding-block:.65rem;
}
.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.brand{display:flex;align-items:center;gap:.8rem}
.brand-mark{
  width:46px;height:46px;border-radius:50%;flex:none;
  display:grid;place-items:center;color:var(--gold-deep);
  background:radial-gradient(circle at 32% 28%,var(--badge-hi),var(--band));
  border:1px solid var(--gold-hair);box-shadow:var(--shadow-sm);
  font-family:var(--font-hindi);font-size:1.35rem;
  text-shadow:0 1px 0 var(--emboss-hi),0 -1px 1px var(--emboss-lo);
}
.brand-name{font-family:var(--font-head);font-weight:700;font-size:1.22rem;line-height:1.1;color:var(--ink)}
.brand-tag{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-deep)}
.nav-links{display:flex;align-items:center;gap:2rem}
.nav-links a:not(.btn){font-size:.95rem;font-weight:500;color:var(--ink);position:relative;padding-block:.35rem}
.nav-links a:not(.btn)::after{
  content:"";position:absolute;left:0;bottom:0;width:100%;height:1.5px;
  background:var(--gold);transform:scaleX(0);transform-origin:right;transition:transform .35s var(--ease);
}
.nav-links a:not(.btn):hover::after,.nav-links a[aria-current="page"]::after{transform:scaleX(1);transform-origin:left}
.nav-toggle{display:none;width:44px;height:44px;border-radius:12px;border:1px solid var(--gold-hair);background:var(--ghost-bg);place-items:center}
.nav-toggle span,.nav-toggle span::before,.nav-toggle span::after{
  display:block;width:20px;height:2px;background:var(--ink);border-radius:2px;position:relative;transition:all .3s var(--ease);content:"";
}
.nav-toggle span::before{position:absolute;top:-6px}
.nav-toggle span::after{position:absolute;top:6px}
.nav-open .nav-toggle span{background:transparent}
.nav-open .nav-toggle span::before{top:0;transform:rotate(45deg)}
.nav-open .nav-toggle span::after{top:0;transform:rotate(-45deg)}

@media(max-width:920px){
  .nav-toggle{display:grid}
  .nav-links{
    position:fixed;inset:0;background:var(--glass);
    -webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%);
    flex-direction:column;justify-content:center;justify-content:safe center;gap:2.1rem;font-size:1.2rem;
    overflow-y:auto;padding-block:calc(5rem + env(safe-area-inset-top,0px)) calc(5rem + env(safe-area-inset-bottom,0px));
    opacity:0;pointer-events:none;transform:translateY(-12px);
    transition:opacity .4s var(--ease),transform .4s var(--ease);z-index:-1;
  }
  .nav-open .nav-links{opacity:1;pointer-events:auto;transform:none;z-index:999}
}

/* ---------- Hero ---------- */
.hero{
  min-height:100svh;display:flex;align-items:center;
  padding-top:clamp(7rem,12vh,9rem);padding-bottom:var(--sect);
  background:
    radial-gradient(1100px 600px at 85% -10%,rgba(201,162,39,.10),transparent 60%),
    radial-gradient(900px 700px at -10% 110%,rgba(199,106,23,.06),transparent 60%),
    var(--bg);
  overflow:hidden;
}
.hero::before{ /* sacred geometry watermark */
  content:"";position:absolute;right:-220px;top:-220px;width:760px;height:760px;border-radius:50%;
  border:1px solid var(--gold-soft);
  background:
    radial-gradient(circle,transparent 58%,rgba(201,162,39,.05) 59% 60%,transparent 61%),
    repeating-conic-gradient(from 0deg,rgba(201,162,39,.05) 0deg 1deg,transparent 1deg 30deg);
  pointer-events:none;
}
.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(2.5rem,6vw,5.5rem);align-items:center}
.hero h1{margin-block:.4rem 1.4rem}
.hero .lead{margin-bottom:2.4rem}
.hero-ctas{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2.6rem}
.hero-chips{display:flex;flex-wrap:wrap;gap:.6rem}
.chip{
  font-size:.82rem;font-weight:500;color:var(--ink);
  background:var(--chip-bg);border:1px solid var(--gold-hair);
  padding:.42rem 1rem;border-radius:999px;
  transition:transform .3s var(--ease),box-shadow .3s var(--ease);
}
.chip:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}
.chip svg{display:inline-block;vertical-align:-2px;margin-right:.35rem;color:var(--green)}
[data-theme="dark"] .chip svg{color:#6FB57E}

/* Portrait — layered depth */
.portrait-wrap{position:relative;display:grid;place-items:center;will-change:transform}
.portrait-halo{
  position:absolute;width:118%;aspect-ratio:1;border-radius:50%;
  background:
    radial-gradient(circle,rgba(201,162,39,.14),transparent 62%),
    repeating-conic-gradient(from 8deg,rgba(201,162,39,.10) 0deg .6deg,transparent .6deg 15deg);
  animation:haloSpin 90s linear infinite;
}
@keyframes haloSpin{to{transform:rotate(360deg)}}
.portrait-wrap::before{ /* depth plate behind the frame */
  content:"";position:absolute;width:min(400px,78vw);aspect-ratio:4/5;
  border-radius:200px 200px 26px 26px;
  transform:translate(18px,22px) rotate(2.5deg);
  background:linear-gradient(160deg,var(--gold-soft),transparent 70%);
  border:1px solid var(--gold-hair);opacity:.8;
}
.portrait-wrap::after{ /* soft ground shadow */
  content:"";position:absolute;bottom:-34px;width:62%;height:36px;border-radius:50%;
  background:radial-gradient(ellipse,rgba(0,0,0,.22),transparent 70%);
  filter:blur(6px);
}
.portrait-frame{
  position:relative;width:min(400px,78vw);aspect-ratio:4/5;border-radius:200px 200px 26px 26px;
  padding:12px;background:linear-gradient(160deg,#E9D9A8,var(--gold) 38%,#F2E3B4 55%,#8C6D14);
  box-shadow:var(--shadow-lg),inset 0 1px 0 rgba(255,255,255,.5);
  z-index:1;
}
.portrait-frame .inner{
  width:100%;height:100%;border-radius:190px 190px 18px 18px;overflow:hidden;
  background:linear-gradient(180deg,var(--frame-a),var(--frame-b));position:relative;
}
.portrait-frame img{width:100%;height:100%;object-fit:cover;object-position:top center}
.portrait-caption{
  position:absolute;bottom:-26px;left:50%;transform:translateX(-50%);
  background:var(--glass-card);-webkit-backdrop-filter:blur(12px) saturate(150%);backdrop-filter:blur(12px) saturate(150%);
  border:1px solid var(--gold-hair);border-radius:16px;box-shadow:var(--shadow-md),inset 0 1px 0 var(--inner-hi);
  padding:.8rem 1.6rem;text-align:center;white-space:nowrap;z-index:2;
}
.portrait-caption strong{font-family:var(--font-head);font-size:1.1rem;display:block;color:var(--ink)}
.portrait-caption span{font-size:.78rem;color:var(--muted);letter-spacing:.06em}
.float-soft{animation:floatSoft 7s ease-in-out infinite}
@keyframes floatSoft{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}

@media(max-width:920px){
  .hero{min-height:auto}
  .hero-grid{grid-template-columns:1fr;text-align:center}
  .hero .lead,.hero p{margin-inline:auto}
  .hero-ctas,.hero-chips{justify-content:center}
  .portrait-wrap{order:-1;margin-bottom:2.2rem}
}

/* ---------- Trust band (glass, floating) ---------- */
.trust-band{padding-block:0;transform:translateY(-50%);position:relative;z-index:5}
.trust-card{
  background:var(--glass-card);-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%);
  border:1px solid var(--gold-hair);border-radius:var(--r-lg);
  box-shadow:var(--shadow-md),inset 0 1px 0 var(--inner-hi);
  display:grid;grid-template-columns:repeat(5,1fr);overflow:hidden;
}
.trust-item{padding:1.9rem 1.2rem;text-align:center;position:relative}
.trust-item+.trust-item::before{content:"";position:absolute;left:0;top:22%;height:56%;width:1px;background:var(--gold-hair)}
.trust-num{font-family:var(--font-head);font-size:clamp(1.7rem,2.6vw,2.3rem);font-weight:700;color:var(--gold-deep);display:block;line-height:1.1}
.trust-label{font-size:.85rem;color:var(--muted);margin-top:.3rem;display:block}
@media(max-width:920px){
  .trust-band{transform:none;margin-top:3rem}
  .trust-card{grid-template-columns:1fr 1fr}
  .trust-item:nth-child(3)::before,.trust-item:nth-child(5)::before{display:none}
  .trust-item:last-child{grid-column:1/-1;border-top:1px solid var(--gold-hair)}
}

/* ---------- Cards (layered) ---------- */
.card{
  background:var(--card);border:1px solid rgba(201,162,39,.16);border-radius:var(--r-md);
  box-shadow:var(--shadow-sm),inset 0 1px 0 var(--inner-hi);
  padding:2.2rem;
  transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .45s var(--ease);
}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md),inset 0 1px 0 var(--inner-hi);border-color:var(--gold-hair)}
[data-theme="dark"] .card{border-color:rgba(207,169,47,.2)}

/* ---------- Pricing ---------- */
.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.8rem}
@media(max-width:1020px){.plans-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.plans-grid{grid-template-columns:1fr}}
.plan{display:flex;flex-direction:column;position:relative;overflow:hidden}
.plan::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.6}
.plan-kicker{font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-deep);font-weight:600}
.plan h3{margin-block:.5rem .35rem}
.plan-sub{font-size:.9rem;color:var(--muted);min-height:2.6em}
.plan-price{font-family:var(--font-head);font-size:2.6rem;font-weight:700;margin-block:1rem .1rem;color:var(--ink)}
.plan-price sup{font-size:1.2rem;font-weight:500;margin-right:.15rem}
.plan-duration{font-size:.85rem;color:var(--muted);display:flex;align-items:center;gap:.45rem;margin-bottom:1.3rem}
.plan-features{margin-block:0 1.8rem;display:grid;gap:.65rem;flex:1}
.plan-features li{display:flex;gap:.65rem;font-size:.94rem;color:var(--text-2);align-items:flex-start}
.plan-features li svg{flex:none;margin-top:.3rem;color:var(--green)}
[data-theme="dark"] .plan-features li svg{color:#6FB57E}
.plan-featured{
  border:1.5px solid var(--gold);box-shadow:var(--shadow-lg),inset 0 1px 0 var(--inner-hi);
  background:linear-gradient(180deg,var(--tint-a),var(--card));
}
@media(min-width:1021px){.plan-featured{transform:scale(1.035)}.plan-featured:hover{transform:scale(1.035) translateY(-6px)}}
.plan-badge{ /* quiet editorial badge — no ribbon */
  position:absolute;top:1.05rem;right:1.05rem;
  color:var(--saffron);background:rgba(199,106,23,.07);
  border:1px solid rgba(199,106,23,.4);border-radius:999px;
  font-size:.6rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  padding:.32rem .8rem;
}
[data-theme="dark"] .plan-badge{color:#E9954C;border-color:rgba(233,149,76,.45);background:rgba(233,149,76,.08)}

/* ---------- Why / icon cards ---------- */
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.8rem}
@media(max-width:1020px){.why-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.why-grid{grid-template-columns:1fr}}
.icon-badge{
  width:62px;height:62px;border-radius:18px;display:grid;place-items:center;margin-bottom:1.4rem;
  background:radial-gradient(circle at 30% 25%,var(--badge-hi) 0%,var(--band) 100%);
  border:1px solid var(--gold-hair);color:var(--gold-deep);
  box-shadow:var(--shadow-sm),inset 0 1px 0 var(--inner-hi);
  transition:transform .4s var(--ease);
}
.card:hover .icon-badge{transform:translateY(-3px) scale(1.04)}
.why-grid .card p{font-size:.95rem;color:var(--muted);margin-top:.5rem}

/* ---------- Blog ---------- */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.8rem}
@media(max-width:1020px){.blog-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.blog-grid{grid-template-columns:1fr}}
.post-card{padding:0;overflow:hidden;display:flex;flex-direction:column}
.post-cover{aspect-ratio:4/5;position:relative;overflow:hidden}
.post-cover .art{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--font-hindi);font-size:3.4rem;color:#8C6D14;transition:transform .6s var(--ease)}
[data-theme="dark"] .post-cover .art{filter:brightness(.92) saturate(.92)}
.post-card:hover .post-cover .art{transform:scale(1.06)}
.post-body{padding:1.7rem 1.8rem 1.9rem;display:flex;flex-direction:column;flex:1}
.post-meta{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center;font-size:.78rem;color:var(--muted);margin-bottom:.8rem}
.cat-chip{
  background:var(--gold-soft);color:var(--gold-deep);font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  font-size:.7rem;padding:.28rem .8rem;border-radius:999px;
}
.post-card h3{font-size:1.32rem;line-height:1.38;margin-bottom:.6rem}
.post-card h3 a:hover{color:var(--saffron)}
[data-theme="dark"] .post-card h3 a:hover{color:#E08A3C}
.post-excerpt{font-size:.95rem;color:var(--muted);flex:1;line-height:1.7}
.post-more{margin-top:1.2rem;font-weight:600;font-size:.92rem;color:var(--saffron);display:inline-flex;align-items:center;gap:.4rem}
[data-theme="dark"] .post-more{color:#E08A3C}
.post-more svg{transition:transform .3s var(--ease)}
.post-card:hover .post-more svg{transform:translateX(5px)}
.cat-cloud{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center;margin-bottom:3rem}
.cat-cloud a{
  border:1px solid var(--gold-hair);background:var(--chip-bg);border-radius:999px;
  padding:.5rem 1.25rem;font-size:.88rem;font-weight:500;transition:all .3s var(--ease);color:var(--ink);
}
.cat-cloud a:hover,.cat-cloud a.active{background:var(--gold-soft);color:var(--gold-deep);border-color:var(--gold)}

/* ---------- eBook (3D mockup) ---------- */
.books-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.8rem}
@media(max-width:1020px){.books-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.books-grid{grid-template-columns:1fr}}
.book-card{display:flex;flex-direction:column;text-align:center}
.book-cover{
  width:min(210px,60%);margin:0 auto 1.6rem;aspect-ratio:3/4.3;border-radius:8px 16px 16px 8px;position:relative;
  transform:perspective(1000px) rotateY(-9deg);transform-style:preserve-3d;
  box-shadow:18px 24px 46px rgba(0,0,0,.22),4px 6px 14px rgba(0,0,0,.12);
  transition:transform .6s var(--ease),box-shadow .6s var(--ease);
}
.book-card:hover .book-cover,.book-feature:hover .book-cover{
  transform:perspective(1000px) rotateY(-3deg) translateY(-8px);
  box-shadow:14px 34px 60px rgba(0,0,0,.26),4px 8px 16px rgba(0,0,0,.12);
}
.book-cover::before{ /* spine highlight */
  content:"";position:absolute;left:8px;top:0;bottom:0;width:2px;background:rgba(255,255,255,.35);border-radius:2px;z-index:3;
}
.book-cover::after{ /* page block on the fore-edge */
  content:"";position:absolute;top:1.6%;bottom:1.6%;right:-7px;width:10px;
  background:repeating-linear-gradient(180deg,#F6F0E1 0 2.5px,#DDD4BE 2.5px 3.5px);
  border-radius:2px 6px 6px 2px;
  transform:translateZ(-6px);
  box-shadow:inset -2px 0 4px rgba(0,0,0,.22);
}
.book-cover .cover-inner{
  position:absolute;inset:0;border-radius:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:.7rem;padding:1.4rem;color:#FCF6E6;overflow:hidden;
}
.cover-inner .om{font-family:var(--font-hindi);font-size:2rem;opacity:.9}
.cover-inner .title{font-family:var(--font-head);font-weight:600;font-size:1.15rem;line-height:1.3}
.cover-inner .title .hi{display:block;font-size:1.05rem;margin-top:.2rem}
.cover-inner .rule{width:44px;height:1px;background:rgba(252,246,230,.6)}
.cover-inner .author{font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;opacity:.85}
.cover-a{background:linear-gradient(155deg,#3A3325,#141109 70%),#141109}
.cover-b{background:linear-gradient(155deg,#7A4A12,#3F2405 70%)}
.cover-c{background:linear-gradient(155deg,#274E31,#122718 70%)}
.book-cover .cover-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;z-index:2}
.book-cover .gloss{ /* subtle glass light across the cover */
  position:absolute;inset:0;border-radius:inherit;z-index:4;pointer-events:none;
  background:linear-gradient(105deg,rgba(255,255,255,.14) 0%,transparent 28%,transparent 70%,rgba(255,255,255,.06) 100%);
}
.book-card h3{font-size:1.25rem}
.book-desc{font-size:.92rem;color:var(--muted);margin-block:.6rem 1rem;flex:1}
.book-meta{display:flex;justify-content:center;gap:1rem;align-items:baseline;margin-bottom:1.2rem}
.book-price{font-family:var(--font-head);font-size:1.9rem;font-weight:700;color:var(--ink)}
.book-price-old{color:var(--muted);text-decoration:line-through;font-size:.95rem}
.book-tags{display:flex;justify-content:center;gap:.5rem;margin-bottom:1.3rem;flex-wrap:wrap}
.book-tag{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--green);background:rgba(47,107,60,.09);border-radius:999px;padding:.25rem .7rem;font-weight:600}
[data-theme="dark"] .book-tag{color:#8CC79A;background:rgba(111,181,126,.12)}
.stars{color:var(--gold);letter-spacing:.12em;font-size:.95rem}
.stars small{color:var(--muted);letter-spacing:0;margin-left:.4rem}

/* ---------- Testimonials ---------- */
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.8rem}
@media(max-width:1020px){.testi-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.testi-grid{grid-template-columns:1fr}}
.testi{display:flex;flex-direction:column;gap:1.1rem}
.testi-quote{font-family:var(--font-head);font-size:1.08rem;line-height:1.72;color:var(--text-2);flex:1;position:relative;padding-top:1.6rem}
.testi-quote::before{
  content:"“";position:absolute;top:-.6rem;left:-.35rem;font-family:var(--font-head);
  font-size:4rem;line-height:1;color:var(--gold);opacity:.45;
}
.testi-foot{display:flex;align-items:center;gap:1rem;border-top:1px solid var(--gold-hair);padding-top:1.1rem}
.avatar{
  width:50px;height:50px;border-radius:50%;flex:none;display:grid;place-items:center;
  font-family:var(--font-head);font-weight:700;font-size:1.15rem;color:#fff;
  background:linear-gradient(135deg,var(--gold),#8C6D14);box-shadow:var(--shadow-sm);
  position:relative;overflow:hidden;
}
.avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}
.avatar.g2{background:linear-gradient(135deg,#D08A3E,var(--saffron-dark))}
.avatar.g3{background:linear-gradient(135deg,#4E8B5D,var(--green-dark))}
.testi-name{font-weight:600;font-size:.98rem;line-height:1.3;color:var(--ink)}
.testi-loc{font-size:.8rem;color:var(--muted)}
.testi-video .post-cover{aspect-ratio:16/10;border-radius:14px;overflow:hidden;position:relative;background:linear-gradient(150deg,#3A3325,#171309)}
.play-badge{
  position:absolute;inset:0;margin:auto;width:72px;height:72px;border-radius:50%;
  background:rgba(255,253,249,.92);display:grid;place-items:center;color:var(--saffron);
  box-shadow:0 16px 40px rgba(0,0,0,.35);transition:transform .35s var(--ease);
}
.testi-video:hover .play-badge{transform:scale(1.08)}
.gbar{display:flex;align-items:center;justify-content:center;gap:.9rem;margin-top:3rem;flex-wrap:wrap}
.gbar .stars{font-size:1.2rem}
.gbar b{font-size:1.15rem}
.gbar span{color:var(--muted);font-size:.9rem}

/* ---------- FAQ ---------- */
.faq-wrap{max-width:820px;margin-inline:auto}
.faq-item{
  background:var(--card);border:1px solid rgba(201,162,39,.16);border-radius:var(--r-sm);
  margin-bottom:1rem;box-shadow:var(--shadow-sm),inset 0 1px 0 var(--inner-hi);
  overflow:hidden;transition:border-color .3s var(--ease),box-shadow .3s var(--ease);
}
[data-theme="dark"] .faq-item{border-color:rgba(207,169,47,.2)}
.faq-item:hover{border-color:var(--gold-hair)}
.faq-item[open]{border-color:var(--gold-hair);box-shadow:var(--shadow-md),inset 0 1px 0 var(--inner-hi)}
.faq-item summary{
  list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;
  padding:1.35rem 1.6rem;font-weight:600;font-size:1.02rem;color:var(--ink);
}
.faq-item summary::-webkit-details-marker{display:none}
.faq-plus{
  flex:none;width:30px;height:30px;border-radius:50%;border:1px solid var(--gold-hair);
  display:grid;place-items:center;color:var(--gold-deep);transition:transform .35s var(--ease),background .35s var(--ease);
  font-size:1.15rem;line-height:1;font-weight:400;
}
.faq-item[open] .faq-plus{transform:rotate(45deg);background:var(--gold-soft)}
.faq-body{padding:0 1.6rem 1.5rem;color:var(--muted);font-size:.97rem}

/* ---------- Lead magnet (legacy, unused) ---------- */
.lead-magnet{
  border-radius:var(--r-lg);overflow:hidden;position:relative;color:#FBF7EC;
  background:linear-gradient(120deg,#332916 0%,#4A3A1B 55%,#332916 100%);
  padding:clamp(2.5rem,6vw,4.5rem);box-shadow:var(--shadow-lg);
}
.lead-magnet::before{
  content:"";position:absolute;right:-140px;top:-140px;width:460px;height:460px;border-radius:50%;
  border:1px solid rgba(201,162,39,.35);
  background:repeating-conic-gradient(from 0deg,rgba(201,162,39,.12) 0deg .8deg,transparent .8deg 24deg);
}
.lead-magnet h2{color:#FBF7EC}
.lead-magnet p{color:rgba(251,247,236,.75)}
.lead-form{display:flex;gap:.8rem;margin-top:1.8rem;flex-wrap:wrap;position:relative;z-index:2}
.lead-form input{
  flex:1;min-width:230px;padding:1rem 1.4rem;border-radius:999px;border:1px solid rgba(251,247,236,.25);
  background:rgba(251,247,236,.08);color:#FBF7EC;font:inherit;
}
.lead-form input::placeholder{color:rgba(251,247,236,.5)}
.lead-form input:focus{outline:2px solid var(--gold)}

/* ---------- Contact ---------- */
.contact-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:1.8rem;align-items:stretch}
@media(max-width:920px){.contact-grid{grid-template-columns:1fr}}
.contact-list{display:grid;gap:1.1rem;margin-top:1.8rem}
.contact-row{display:flex;gap:1rem;align-items:flex-start}
.contact-row .icon-badge{width:50px;height:50px;border-radius:14px;margin:0}
.contact-row b{display:block;font-size:.98rem;color:var(--ink)}
.contact-row span,.contact-row a{font-size:.92rem;color:var(--muted)}
.contact-row a:hover{color:var(--saffron)}
[data-theme="dark"] .contact-row a:hover{color:#E08A3C}
.form-grid{display:grid;gap:1.1rem}
.form-grid label{font-size:.85rem;font-weight:600;display:block;margin-bottom:.4rem;color:var(--ink)}
.form-grid input,.form-grid select,.form-grid textarea{
  width:100%;padding:.95rem 1.2rem;border-radius:14px;border:1px solid rgba(201,162,39,.3);
  background:var(--input-bg);font:inherit;color:var(--ink);transition:border-color .3s,box-shadow .3s;
}
.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{
  outline:none;border-color:var(--gold);box-shadow:0 0 0 4px var(--gold-soft);
}
.form-grid input::placeholder,.form-grid textarea::placeholder{color:var(--muted)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}
@media(max-width:640px){.form-row{grid-template-columns:1fr}}
.form-note{font-size:.8rem;color:var(--muted)}

/* ---------- CTA banner ---------- */
.cta-banner{
  text-align:center;border-radius:var(--r-lg);padding:clamp(2.6rem,6vw,4.2rem);
  background:
    radial-gradient(600px 300px at 50% -60%,rgba(201,162,39,.18),transparent 70%),
    linear-gradient(180deg,var(--tint-a),var(--card));
  border:1px solid var(--gold-hair);
  box-shadow:var(--shadow-md),inset 0 1px 0 var(--inner-hi);
}
.cta-banner .hi{font-size:clamp(1.5rem,3vw,2.2rem);margin-bottom:.8rem}

/* ---------- Footer ---------- */
.site-footer{background:var(--footer-bg);color:rgba(251,247,236,.78);padding:5rem 0 2rem;position:relative}
.site-footer::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:2.5rem;margin-bottom:3rem}
@media(max-width:920px){.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.footer-grid{grid-template-columns:1fr}}
.site-footer h4{color:#FBF7EC;font-size:1.05rem;margin-bottom:1.2rem;font-family:var(--font-body);font-weight:600;letter-spacing:.04em}
.site-footer .brand-name,.site-footer .brand-tag{color:#FBF7EC}
.site-footer .brand-tag{color:var(--gold)}
.site-footer .brand-mark{background:radial-gradient(circle at 32% 28%,#3A3420,#1E1A10);color:var(--gold);text-shadow:0 1px 1px rgba(0,0,0,.8),0 -1px 0 rgba(255,230,150,.15)}
.footer-links{display:grid;gap:.7rem;font-size:.93rem}
.footer-links a:hover{color:var(--gold)}
.footer-about{font-size:.92rem;max-width:34ch}
.social-row{display:flex;gap:.8rem;margin-top:1.4rem}
.social-row a{
  width:42px;height:42px;border-radius:50%;border:1px solid rgba(201,162,39,.4);
  display:grid;place-items:center;color:var(--gold);transition:all .3s var(--ease);
}
.social-row a:hover{background:var(--gold);color:#1E1A10;transform:translateY(-3px)}
.footer-bottom{
  border-top:1px solid rgba(251,247,236,.12);padding-top:1.6rem;display:flex;flex-wrap:wrap;gap:1rem;
  justify-content:space-between;font-size:.82rem;color:rgba(251,247,236,.5);
}
.footer-shloka{
  font-family:var(--font-hindi);color:var(--gold);text-align:center;margin-bottom:2.5rem;font-size:1.05rem;opacity:.95;
  text-shadow:0 1px 1px rgba(0,0,0,.7),0 -1px 0 rgba(255,230,150,.12);
}

/* ---------- Floating actions ---------- */
.fab-wa{
  position:fixed;right:clamp(1rem,3vw,1.8rem);bottom:clamp(1rem,3vw,1.8rem);z-index:900;
  width:60px;height:60px;border-radius:50%;display:grid;place-items:center;color:#fff;
  background:linear-gradient(135deg,#3B7F4A,var(--green));box-shadow:0 16px 40px rgba(47,107,60,.45);
  transition:transform .3s var(--ease);
}
.fab-wa:hover{transform:scale(1.08)}
.fab-wa::after{
  content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(47,107,60,.3);
  animation:pulse 3.4s ease-out infinite;
}
@keyframes pulse{0%{transform:scale(.85);opacity:1}100%{transform:scale(1.25);opacity:0}}
.fab-book{
  position:fixed;left:clamp(1rem,3vw,1.8rem);bottom:clamp(1rem,3vw,1.8rem);z-index:900;
  opacity:0;pointer-events:none;transform:translateY(16px);
  transition:opacity .4s var(--ease),transform .4s var(--ease);
}
.fab-book.show{opacity:1;pointer-events:auto;transform:none}
@media(max-width:640px){.fab-book{display:none}}

/* ---------- Modal (legacy, unused) ---------- */
.modal-backdrop{
  position:fixed;inset:0;background:rgba(43,38,28,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  z-index:1500;display:grid;place-items:center;padding:1.2rem;
  opacity:0;pointer-events:none;transition:opacity .35s var(--ease);
}
.modal-backdrop.show{opacity:1;pointer-events:auto}
.modal{
  max-width:520px;width:100%;background:var(--card);border-radius:var(--r-lg);border:1px solid var(--gold-hair);
  box-shadow:var(--shadow-lg);padding:2.8rem;text-align:center;position:relative;
  transform:translateY(24px) scale(.97);transition:transform .4s var(--ease);
}
.modal-backdrop.show .modal{transform:none}
.modal-close{position:absolute;top:1rem;right:1rem;width:38px;height:38px;border-radius:50%;border:1px solid var(--gold-hair);color:var(--muted);font-size:1.1rem}
.modal-close:hover{background:var(--band)}
.modal .om-big{font-family:var(--font-hindi);font-size:2.6rem;color:var(--gold-deep)}
.modal h3{margin-block:.6rem .5rem;font-size:1.6rem}
.modal p{font-size:.95rem;color:var(--muted);margin-inline:auto}
.modal .btn{margin-top:1.5rem}
.modal small{display:block;margin-top:1rem;color:var(--muted);font-size:.78rem}

/* ---------- Blog article ---------- */
.article-hero{padding-top:clamp(8rem,14vh,10rem);padding-bottom:3rem}
.breadcrumb{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.82rem;color:var(--muted);margin-bottom:1.6rem}
.breadcrumb a:hover{color:var(--saffron)}
.breadcrumb li+li::before{content:"›";margin-right:.5rem;color:var(--gold)}
.article-meta{display:flex;flex-wrap:wrap;gap:1.4rem;align-items:center;margin-top:1.8rem;font-size:.88rem;color:var(--muted)}
.author-chip{display:flex;align-items:center;gap:.7rem}
.author-chip .avatar{width:44px;height:44px;font-size:1rem}
.author-chip b{display:block;color:var(--ink);font-size:.92rem;line-height:1.25}
.author-chip span{font-size:.76rem}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:3.5rem;align-items:start}
@media(max-width:1020px){.article-layout{grid-template-columns:1fr}}
.article-body{max-width:720px}
.article-body h2{font-size:clamp(1.55rem,2.6vw,2rem);margin:2.8em 0 .7em;scroll-margin-top:110px}
.article-body h3{margin:2em 0 .6em;scroll-margin-top:110px}
.article-body p{margin-bottom:1.25em;color:var(--text-2)}
.article-body ul,.article-body ol{margin:0 0 1.4em 1.2em;display:grid;gap:.55em;color:var(--text-2)}
.article-body ul{list-style:none}
.article-body ul li{position:relative;padding-left:1.4em}
.article-body ul li::before{content:"❖";position:absolute;left:0;color:var(--gold);font-size:.8em;top:.25em}
.article-body ol{list-style:decimal;padding-left:.4em}
.article-body ol li{padding-left:.4em}
.article-body blockquote{
  border-left:3px solid var(--gold);background:linear-gradient(90deg,rgba(201,162,39,.08),transparent);
  padding:1.2rem 1.6rem;border-radius:0 14px 14px 0;margin-block:1.8em;
  font-family:var(--font-hindi);font-size:1.12rem;color:var(--ink);
}
.article-body blockquote cite{display:block;font-family:var(--font-body);font-size:.8rem;color:var(--muted);margin-top:.6rem;font-style:normal}
.article-body table{width:100%;border-collapse:collapse;margin-block:1.8em;font-size:.93rem;background:var(--card);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-sm)}
.article-body th{background:var(--band);text-align:left;font-weight:600;padding:.9rem 1.1rem;border-bottom:1px solid var(--gold-hair);color:var(--ink)}
.article-body td{padding:.85rem 1.1rem;border-bottom:1px solid rgba(201,162,39,.14);color:var(--text-2)}
.article-body tr:last-child td{border-bottom:none}
.ai-summary{
  background:linear-gradient(135deg,var(--tint-a),var(--tint-b));border:1px solid var(--gold-hair);border-radius:var(--r-md);
  padding:1.8rem 2rem;margin-block:2.2rem;box-shadow:var(--shadow-sm),inset 0 1px 0 var(--inner-hi);
}
.ai-summary h2,.ai-summary h3{margin:0 0 .7em;font-size:1.15rem;display:flex;align-items:center;gap:.6rem;color:var(--gold-deep)}
.ai-summary p{font-size:.97rem;margin:0;color:var(--text-2)}
.takeaways{background:var(--card);border:1px solid rgba(201,162,39,.18);border-radius:var(--r-md);padding:1.8rem 2rem;margin-block:2.2rem;box-shadow:var(--shadow-sm),inset 0 1px 0 var(--inner-hi)}
.takeaways h2,.takeaways h3{margin:0 0 .9em;font-size:1.15rem}
.takeaways ul{margin:0;gap:.7em}
.toc{
  position:sticky;top:104px;background:var(--card);border:1px solid rgba(201,162,39,.18);
  border-radius:var(--r-md);padding:1.6rem 1.7rem;
  box-shadow:var(--shadow-sm),inset 0 1px 0 var(--inner-hi);font-size:.9rem;
}
.toc h2{font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-deep);margin-bottom:1rem;font-family:var(--font-body);font-weight:700}
.toc ol{display:grid;gap:.6rem;counter-reset:toc}
.toc a{color:var(--muted);display:block;padding-left:1.5em;position:relative;line-height:1.45}
.toc a::before{counter-increment:toc;content:counter(toc,decimal-leading-zero);position:absolute;left:0;color:var(--gold);font-size:.72em;top:.25em;font-weight:600}
.toc a:hover{color:var(--saffron)}
[data-theme="dark"] .toc a:hover{color:#E08A3C}
@media(max-width:1020px){.toc{position:static;margin-bottom:2.5rem}}
.article-cta{
  margin-block:2.6em;border-radius:var(--r-md);padding:2rem 2.2rem;text-align:center;
  background:linear-gradient(135deg,rgba(199,106,23,.07),rgba(201,162,39,.09));border:1px dashed rgba(199,106,23,.4);
}
.article-cta p{margin:0 auto 1.2rem;font-weight:500;color:var(--ink)}
.related{margin-top:4rem}
.related h2{font-size:1.6rem;margin-bottom:1.6rem}
.tag-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2.5rem}
.tag-row a{font-size:.78rem;border:1px solid var(--gold-hair);border-radius:999px;padding:.3rem .9rem;color:var(--muted)}
.tag-row a:hover{border-color:var(--saffron);color:var(--saffron)}

/* ---------- Page hero (inner pages) ---------- */
.page-hero{
  padding-top:clamp(8rem,14vh,10rem);padding-bottom:clamp(3rem,6vw,4.5rem);text-align:center;
  background:radial-gradient(800px 400px at 50% -20%,rgba(201,162,39,.12),transparent 70%),var(--bg);
}

/* ---------- Policy pages ---------- */
.policy-body{max-width:760px;margin-inline:auto;padding-bottom:var(--sect)}
.policy-body h2{font-size:1.5rem;margin:2.4em 0 .6em}
.policy-body p,.policy-body li{color:var(--text-2);font-size:.98rem;margin-bottom:1em}
.policy-body ul{list-style:disc;margin-left:1.4em;display:grid;gap:.4em}
.policy-body a{color:var(--saffron)}

/* ---------- v2 additions ---------- */
.plans-grid.plans-4{grid-template-columns:repeat(2,1fr);gap:1.6rem;max-width:920px;margin-inline:auto}
@media(min-width:1280px){
  .plans-grid.plans-4{grid-template-columns:repeat(4,1fr);gap:1.4rem;max-width:none}
  .plans-grid.plans-4 .plan{padding:1.9rem 1.6rem}
}
@media(max-width:680px){.plans-grid.plans-4{grid-template-columns:1fr}}
.price-note{font-size:.78rem;color:var(--muted);margin-bottom:1rem}
.plan-price.price-tbd{font-size:1.3rem;font-style:italic;font-weight:600;color:var(--gold-deep);letter-spacing:.02em;padding-block:.55rem .1rem}

.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(2.2rem,5vw,4.5rem);align-items:center}
@media(max-width:920px){.about-grid{grid-template-columns:1fr}}
.about-photo{
  margin:0;border-radius:var(--r-lg);padding:10px;max-width:420px;position:relative;
  background:linear-gradient(160deg,#E9D9A8,var(--gold) 38%,#F2E3B4 55%,#8C6D14);
  box-shadow:var(--shadow-lg),inset 0 1px 0 rgba(255,255,255,.5);
  will-change:transform;
}
.about-photo::after{ /* depth plate */
  content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;
  transform:translate(16px,20px) rotate(1.8deg);
  background:linear-gradient(160deg,var(--gold-soft),transparent 70%);
  border:1px solid var(--gold-hair);
}
@media(max-width:920px){.about-photo{margin-inline:auto}}
.about-photo img{width:100%;height:auto;object-fit:cover;border-radius:calc(var(--r-lg) - 8px)}

.event-card{
  margin-top:clamp(3rem,6vw,4.5rem);background:var(--card);border:1px solid var(--gold-hair);
  border-radius:var(--r-lg);overflow:hidden;
  box-shadow:var(--shadow-md),inset 0 1px 0 var(--inner-hi);
  transition:transform .5s var(--ease),box-shadow .5s var(--ease);
}
.event-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg),inset 0 1px 0 var(--inner-hi)}
.event-card .event-media{padding:clamp(.9rem,2vw,1.4rem) clamp(.9rem,2vw,1.4rem) 0}
.event-card .event-media img{width:100%;height:auto;border-radius:var(--r-md);border:1px solid var(--gold-hair)}
.event-card .event-body{padding:clamp(1.5rem,3vw,2.4rem) clamp(1.5rem,3vw,2.6rem)}
.event-note{font-size:.78rem;color:var(--muted);margin-top:.9rem;max-width:none}

.book-feature{
  display:grid;grid-template-columns:minmax(210px,300px) 1fr;gap:clamp(2rem,4.5vw,3.8rem);
  align-items:center;max-width:960px;margin-inline:auto;padding:clamp(2rem,4vw,3.2rem);
}
@media(max-width:760px){
  .book-feature{grid-template-columns:1fr;text-align:center}
  .book-feature .book-cover{margin-inline:auto}
  .book-feature .book-meta,.book-feature .book-tags{justify-content:center!important}
}
.book-feature .book-cover{width:100%;max-width:300px;margin:0}

/* ---------- Reveal animations ---------- */
.reveal{opacity:0;transform:translateY(16px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.reveal.in{opacity:1;transform:none}
.reveal-d1{transition-delay:.08s}.reveal-d2{transition-delay:.16s}.reveal-d3{transition-delay:.24s}
.reveal-d4{transition-delay:.32s}.reveal-d5{transition-delay:.4s}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}

/* ---------- Utility ---------- */
.center{text-align:center}
.mt-1{margin-top:1rem}.mt-2{margin-top:2rem}.mt-3{margin-top:3rem}
.gold{color:var(--gold-deep)}
.saffron{color:var(--saffron)}
.small{font-size:.85rem;color:var(--muted)}

/* ---------- v3 refinements (audit pass) ---------- */
/* Related posts: responsive without inline styles */
.related-grid{grid-template-columns:repeat(2,1fr)}
@media(max-width:640px){.blog-grid.related-grid{grid-template-columns:1fr}}

/* Hero scroll cue — editorial invitation, fades on scroll */
.scroll-cue{
  position:absolute;left:50%;bottom:2rem;transform:translateX(-50%);
  width:25px;height:42px;border:1.5px solid var(--gold-hair);border-radius:999px;
  opacity:.85;transition:opacity .5s var(--ease);
}
.scroll-cue span{
  position:absolute;left:50%;top:8px;width:4px;height:8px;margin-left:-2px;border-radius:2px;
  background:var(--gold);animation:cueDrop 2.2s var(--ease) infinite;
}
@keyframes cueDrop{0%{transform:translateY(0);opacity:0}25%{opacity:1}70%{transform:translateY(14px);opacity:0}100%{transform:translateY(14px);opacity:0}}
body.is-scrolled .scroll-cue{opacity:0}
@media(max-width:920px){.scroll-cue{display:none}}
@media(prefers-reduced-motion:reduce){.scroll-cue{display:none}}

/* FAQ: smooth native open/close (progressive enhancement) */
@supports (interpolate-size:allow-keywords){
  :root{interpolate-size:allow-keywords}
  .faq-item::details-content{height:0;overflow:clip;transition:height .4s var(--ease),content-visibility .4s allow-discrete}
  .faq-item[open]::details-content{height:auto}
}

/* Dark theme: deeper scrolled-header shadow */
[data-theme="dark"] .site-header.scrolled{box-shadow:0 1px 0 var(--gold-hair),0 12px 44px rgba(0,0,0,.5)}

/* ---------- v4 refinements (competitor pass — calmer, more expensive) ---------- */
/* Signature gold hairline at the very top of every page */
body::before{
  content:"";position:fixed;top:0;left:0;right:0;height:2px;z-index:1002;pointer-events:none;
  background:linear-gradient(90deg,transparent,var(--gold) 28% 72%,transparent);opacity:.9;
}

/* More air between cards */
.why-grid,.blog-grid,.testi-grid{gap:2rem}

/* Quieter hover scale on post art */
.post-card:hover .post-cover .art{transform:scale(1.035)}

/* Assurance row under plans — hairline-separated trio */
.assure-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.55rem 1.4rem}
.assure-row span{display:inline-flex;align-items:center;gap:1.4rem}
.assure-row span+span::before{content:"◆";font-size:.45em;color:var(--gold);opacity:.8}

/* Scroll cue: quieter */
.scroll-cue{opacity:.7}

/* ---------- लेख के अंदर चित्र (CMS) ---------- */
.article-body figure.post-img{
  margin:2.2em 0;border-radius:var(--r-md);overflow:hidden;
  border:1px solid var(--gold-hair);background:var(--card);
  box-shadow:var(--shadow-sm),inset 0 1px 0 var(--inner-hi);
}
.article-body figure.post-img img{width:100%;height:auto;display:block}
.article-body figure.post-img figcaption{
  padding:.75rem 1.1rem;font-size:.85rem;color:var(--muted);text-align:center;
  border-top:1px solid rgba(201,162,39,.16);background:var(--tint-a);
}

/* ===================== v5 · Mobile Experience — native-app feel (≤920px) ===================== */
body.nav-open{overflow:hidden}

/* Menu links: staggered rise */
@media(max-width:920px){
  .nav-open .nav-links>*{animation:menuIn .5s var(--ease) both}
  .nav-open .nav-links>*:nth-child(1){animation-delay:.04s}
  .nav-open .nav-links>*:nth-child(2){animation-delay:.08s}
  .nav-open .nav-links>*:nth-child(3){animation-delay:.12s}
  .nav-open .nav-links>*:nth-child(4){animation-delay:.16s}
  .nav-open .nav-links>*:nth-child(5){animation-delay:.2s}
  .nav-open .nav-links>*:nth-child(6){animation-delay:.24s}
  .nav-open .nav-links>*:nth-child(7){animation-delay:.28s}
}
@keyframes menuIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* Sticky bottom booking bar */
.mobile-cta{
  position:fixed;left:0;right:0;bottom:0;z-index:940;display:none;
  padding:.7rem clamp(.9rem,4vw,1.2rem) calc(.7rem + env(safe-area-inset-bottom,0px));
  background:var(--glass-card);
  -webkit-backdrop-filter:blur(20px) saturate(170%);backdrop-filter:blur(20px) saturate(170%);
  border-top:1px solid var(--gold-hair);
  transform:translateY(110%);transition:transform .45s var(--ease);
}
body.is-scrolled .mobile-cta{transform:none}
.mobile-cta .btn{width:100%;min-height:52px;font-size:1.02rem}

@media(max-width:920px){
  .mobile-cta{display:block}
  .fab-wa,.fab-book{display:none}
  body{padding-bottom:calc(86px + env(safe-area-inset-bottom,0px))}

  /* Touch targets ≥48px */
  .btn{min-height:48px}
  .btn-sm{padding:.85rem 1.6rem}
  .theme-toggle,.nav-toggle{width:48px;height:48px}
  .social-row a{width:46px;height:46px}
  .footer-links a{padding-block:.3rem}
  .post-more{padding-block:.35rem}
  .cat-cloud a{padding:.65rem 1.3rem}
  .faq-item summary{padding:1.25rem 1.35rem}

  /* Hero: headline → CTA above the fold, portrait follows */
  .hero{padding-top:5.8rem;padding-bottom:3.2rem}
  .hero h1{font-size:clamp(1.9rem,8.4vw,2.5rem)}
  .hero .lead{font-size:1.06rem;margin-bottom:1.7rem}
  .hero .eyebrow{margin-bottom:.8rem}
  .hero-ctas{flex-direction:column;gap:.75rem;margin-bottom:1.8rem}
  .hero-ctas .btn{width:100%}
  .portrait-wrap{order:2;margin:2.6rem 0 .9rem}
  .portrait-frame{width:min(255px,60vw);padding:9px}
  .portrait-wrap::before{width:min(255px,60vw);transform:translate(11px,13px) rotate(2deg)}
  .portrait-wrap::after{bottom:-20px;height:24px}
  .portrait-caption{bottom:-20px;padding:.55rem 1.15rem}
  .portrait-caption strong{font-size:.95rem}
  .portrait-caption span{font-size:.7rem}

  /* 60fps motion diet on touch */
  .float-soft,.portrait-halo{animation:none}
  .btn-primary::after{display:none}

  /* Rhythm & density */
  .section-head{margin-bottom:2.6rem}
  .card{padding:1.9rem 1.5rem}
  .plans-grid.plans-4{gap:1.35rem}
  .plan-sub{min-height:0}
  .trust-item{padding:1.35rem .9rem}
  .why-grid,.blog-grid,.testi-grid{gap:1.4rem}

  /* Hindi reading comfort */
  .article-body p,.article-body ul,.article-body ol{font-size:1.05rem;line-height:1.85}
  .article-body blockquote{font-size:1.05rem;padding:1rem 1.2rem}
  .faq-body{font-size:.95rem}

  /* eBook: larger, gentle sway, premium shadow kept */
  .book-feature{padding:1.9rem 1.4rem}
  .book-feature .book-cover{max-width:min(320px,80vw);animation:bookSway 7.5s ease-in-out infinite alternate}
}
@media(max-width:380px){
  .brand-name{font-size:1.02rem}
  .brand-tag{font-size:.6rem}
  .container{padding-inline:1.1rem}
}
@keyframes bookSway{
  from{transform:perspective(1000px) rotateY(-11deg)}
  to{transform:perspective(1000px) rotateY(-4deg) translateY(-4px)}
}
@media(prefers-reduced-motion:reduce){
  .book-feature .book-cover{animation:none}
  .mobile-cta{transition:none}
  .nav-open .nav-links>*{animation:none}
}
/* Safe-area for round fab (tablets / narrow desktop) */
.fab-wa{bottom:calc(clamp(1rem,3vw,1.8rem) + env(safe-area-inset-bottom,0px))}

/* ============================================================
   WAVE 1 — पितृ पक्ष landing + परामर्श form
   (मौजूदा tokens का ही उपयोग — कोई नया रंग या font नहीं)
   ============================================================ */

/* ---------- लेखक-पट्टी ---------- */
.author-bar{
  display:flex;align-items:center;gap:.95rem;flex-wrap:wrap;
  background:var(--glass-card);border:1px solid var(--gold-hair);
  border-radius:999px;padding:.55rem 1.25rem .55rem .6rem;
  box-shadow:var(--shadow-sm),inset 0 1px 0 var(--inner-hi);
  max-width:max-content;
}
.author-bar img{
  width:46px;height:46px;border-radius:50%;object-fit:cover;flex:none;
  border:1.5px solid var(--gold-hair);
}
.author-bar b{font-family:var(--font-head);font-size:1.05rem;font-weight:600;letter-spacing:.01em}
.author-bar span{display:block;font-size:.8rem;color:var(--muted);line-height:1.45}

/* ---------- countdown ---------- */
.cnt{
  display:flex;gap:.55rem;flex-wrap:wrap;align-items:stretch;margin:1.6rem 0 .4rem;
}
.cnt[hidden],.cnt-done[hidden],[hidden]{display:none !important}
.cnt-cell{
  min-width:74px;text-align:center;padding:.7rem .8rem;
  background:var(--card);border:1px solid var(--gold-hair);border-radius:var(--r-sm);
  box-shadow:var(--shadow-sm),inset 0 1px 0 var(--inner-hi);
}
.cnt-cell b{
  display:block;font-family:var(--font-head);font-size:1.85rem;line-height:1.1;
  color:var(--gold-deep);font-weight:700;font-variant-numeric:tabular-nums;
}
.cnt-cell span{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.cnt-done{
  font-family:var(--font-hindi);font-size:1.05rem;color:var(--gold-deep);
  background:var(--tint-a);border:1px solid var(--gold-hair);border-radius:var(--r-sm);
  padding:.85rem 1.2rem;margin:1.6rem 0 .4rem;
}

/* ---------- क्या करें / क्या न करें ---------- */
.dd-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem}
@media(max-width:720px){.dd-grid{grid-template-columns:1fr}}
.dd-col{
  background:var(--card);border:1px solid var(--gold-hair);border-radius:var(--r-md);
  padding:1.7rem;box-shadow:var(--shadow-sm),inset 0 1px 0 var(--inner-hi);
}
.dd-col h3{
  font-family:var(--font-head);font-size:1.25rem;margin-bottom:1rem;
  display:flex;align-items:center;gap:.55rem;
}
.dd-col ul{list-style:none;display:grid;gap:.7rem}
.dd-col li{
  position:relative;padding-left:1.6rem;font-size:.96rem;line-height:1.75;color:var(--text-2);
}
.dd-col li::before{
  position:absolute;left:0;top:.05em;font-weight:700;
}
.dd-yes li::before{content:"✓";color:var(--green)}
.dd-no  li::before{content:"×";color:var(--saffron);font-size:1.15em;line-height:1}
[data-theme="dark"] .dd-yes li::before{color:#7FBE8C}

/* ---------- गलतियाँ (numbered) ---------- */
.mis-list{display:grid;gap:1rem;counter-reset:mis}
.mis{
  display:flex;gap:1rem;background:var(--card);border:1px solid var(--gold-hair);
  border-radius:var(--r-sm);padding:1.15rem 1.35rem;
  box-shadow:var(--shadow-sm),inset 0 1px 0 var(--inner-hi);
}
.mis b{
  counter-increment:mis;flex:none;width:30px;height:30px;border-radius:50%;
  background:var(--tint-b);border:1px solid var(--gold-hair);color:var(--gold-deep);
  display:grid;place-items:center;font-size:.85rem;font-weight:700;
  font-family:var(--font-head);
}
.mis b::before{content:counter(mis)}
.mis p{font-size:.97rem;line-height:1.75;color:var(--text-2)}
.mis p strong{color:var(--ink);font-weight:600}

/* ---------- परामर्श form ---------- */
.ord-steps{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:1.8rem}
.ord-steps li{
  list-style:none;font-size:.78rem;letter-spacing:.04em;color:var(--muted);
  background:var(--chip-bg);border:1px solid var(--gold-hair);
  border-radius:999px;padding:.35rem .95rem;
}
.ord-steps li.on{background:var(--gold-soft);color:var(--gold-deep);font-weight:700}

.ord-plan{
  display:flex;align-items:center;gap:1rem;flex-wrap:wrap;
  background:linear-gradient(160deg,var(--tint-a),var(--tint-b));
  border:1px solid var(--gold-hair);border-radius:var(--r-md);
  padding:1.15rem 1.4rem;margin-bottom:1.8rem;
  box-shadow:var(--shadow-sm),inset 0 1px 0 var(--inner-hi);
}
.ord-plan h2{font-family:var(--font-head);font-size:1.3rem;font-weight:600;line-height:1.3}
.ord-plan .p{
  margin-left:auto;font-family:var(--font-head);font-size:1.75rem;font-weight:700;
  color:var(--gold-deep);white-space:nowrap;
}
.ord-plan .p sup{font-size:.55em;top:-.55em;position:relative;margin-right:.05em}
@media(max-width:520px){.ord-plan .p{margin-left:0}}

.q-block{
  background:var(--card);border:1px solid var(--gold-hair);border-radius:var(--r-sm);
  padding:1.3rem 1.4rem;margin-bottom:1rem;
  box-shadow:var(--shadow-sm),inset 0 1px 0 var(--inner-hi);
}
.q-block>label:first-child{
  display:flex;gap:.7rem;align-items:flex-start;font-family:var(--font-hindi);
  font-size:1.03rem;line-height:1.65;color:var(--ink);font-weight:500;margin-bottom:.8rem;
}
.q-num{
  flex:none;width:26px;height:26px;border-radius:50%;background:var(--tint-b);
  border:1px solid var(--gold-hair);color:var(--gold-deep);display:grid;place-items:center;
  font-size:.78rem;font-weight:700;font-family:var(--font-body);margin-top:.15rem;
}
.q-opt{font-weight:400;color:var(--muted);font-size:.82rem;font-family:var(--font-body)}

.chk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:.5rem}
.chk{
  display:flex;align-items:center;gap:.55rem;background:var(--input-bg);
  border:1px solid var(--gold-hair);border-radius:999px;padding:.5rem .9rem;
  font-size:.9rem;cursor:pointer;min-height:44px;transition:border-color .2s var(--ease),background .2s var(--ease);
}
.chk:hover{border-color:var(--gold)}
.chk input{width:auto;margin:0;accent-color:var(--saffron);flex:none}
.chk.on{background:var(--gold-soft);border-color:var(--gold)}

.ctr{display:flex;justify-content:flex-end;font-size:.75rem;color:var(--muted);margin-top:.3rem;font-variant-numeric:tabular-nums}
.ctr.warn{color:var(--saffron);font-weight:600}

/* ---------- हथेली की फ़ोटो ---------- */
.palm-help{
  background:var(--tint-b);border:1px solid var(--gold-hair);border-radius:var(--r-sm);
  padding:1.2rem 1.35rem;margin-bottom:1rem;
}
.palm-help h4{font-family:var(--font-head);font-size:1.12rem;margin-bottom:.7rem}
.palm-help ul{list-style:none;display:grid;gap:.4rem}
.palm-help li{position:relative;padding-left:1.1rem;font-size:.9rem;line-height:1.7;color:var(--text-2)}
.palm-help li::before{content:"•";position:absolute;left:.15rem;color:var(--gold-deep);font-weight:700}
.palm-samples{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;margin-top:1rem}
.palm-samples figure{
  background:var(--card);border:1px solid var(--gold-hair);border-radius:var(--r-sm);
  overflow:hidden;text-align:center;
}
.palm-samples img,.palm-samples svg{width:100%;height:auto;display:block}
.palm-samples figcaption{
  padding:.5rem;font-size:.8rem;font-weight:600;border-top:1px solid rgba(201,162,39,.16);
}
.palm-samples .ok figcaption{color:var(--green)}
.palm-samples .no figcaption{color:var(--saffron)}
[data-theme="dark"] .palm-samples .ok figcaption{color:#7FBE8C}

.palm-drop{
  border:1.5px dashed var(--gold-hair);border-radius:var(--r-sm);background:var(--input-bg);
  padding:1.5rem 1.2rem;text-align:center;cursor:pointer;display:block;
  transition:border-color .2s var(--ease),background .2s var(--ease);
}
.palm-drop:hover{border-color:var(--gold);background:var(--tint-a)}
.palm-drop .ico{font-size:1.9rem;display:block;margin-bottom:.4rem;line-height:1}
.palm-drop b{display:block;font-size:1rem;margin-bottom:.2rem}
.palm-drop span{font-size:.83rem;color:var(--muted)}
.palm-drop input{position:absolute;left:-9999px;width:0;height:0;opacity:0}

.palm-prev{display:none;margin-top:1rem}
.palm-prev.on{display:block}
.palm-prev img{
  width:100%;max-width:340px;height:auto;border-radius:var(--r-sm);display:block;
  margin:0 auto;border:1px solid var(--gold-hair);box-shadow:var(--shadow-sm);
}
.palm-ask{
  background:var(--tint-a);border:1px solid var(--gold-hair);border-radius:var(--r-sm);
  padding:1.1rem 1.25rem;margin-top:1rem;text-align:center;
}
.palm-ask p{font-size:.97rem;margin-bottom:.85rem;font-family:var(--font-hindi)}
.palm-ask .row{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap}
.palm-ask.ok-state{background:rgba(47,107,60,.07);border-color:rgba(47,107,60,.3)}

/* ---------- सूचना पट्टियाँ ---------- */
.note{
  border-radius:var(--r-sm);padding:.95rem 1.2rem;font-size:.92rem;line-height:1.7;
  margin-bottom:1.2rem;border:1px solid var(--gold-hair);background:var(--tint-b);color:var(--text-2);
}
.note.bad{background:rgba(174,90,17,.08);border-color:rgba(174,90,17,.35);color:var(--saffron-dark)}
.note.good{background:rgba(47,107,60,.08);border-color:rgba(47,107,60,.32);color:var(--green-dark)}
[data-theme="dark"] .note.bad{color:#E8A26A}
[data-theme="dark"] .note.good{color:#8CCB99}

/* ---------- भुगतान / धन्यवाद ---------- */
.pay-box{
  max-width:560px;margin:0 auto;text-align:center;
  background:var(--card);border:1px solid var(--gold-hair);border-radius:var(--r-lg);
  padding:clamp(1.8rem,5vw,3rem);box-shadow:var(--shadow-md),inset 0 1px 0 var(--inner-hi);
}
.pay-box .amt{
  font-family:var(--font-head);font-size:2.6rem;font-weight:700;color:var(--gold-deep);
  line-height:1.15;margin:.5rem 0 .2rem;
}
.pay-box .amt sup{font-size:.5em;top:-.6em;position:relative}
.pay-box .oid{
  font-family:var(--font-body);font-size:.86rem;letter-spacing:.08em;color:var(--muted);
  background:var(--tint-b);border:1px solid var(--gold-hair);border-radius:999px;
  padding:.3rem 1rem;display:inline-block;margin-bottom:1.3rem;
}
.tick{
  width:64px;height:64px;border-radius:50%;margin:0 auto 1.1rem;display:grid;place-items:center;
  background:rgba(47,107,60,.12);border:1.5px solid rgba(47,107,60,.4);
  color:var(--green);font-size:1.9rem;line-height:1;
}
[data-theme="dark"] .tick{color:#8CCB99}

.tl{list-style:none;display:grid;gap:0;margin:1.8rem 0;text-align:left}
.tl li{display:flex;gap:.9rem;padding-bottom:1.2rem;position:relative}
.tl li:last-child{padding-bottom:0}
.tl li::after{
  content:"";position:absolute;left:13px;top:28px;bottom:0;width:1.5px;background:var(--gold-hair);
}
.tl li:last-child::after{display:none}
.tl .n{
  flex:none;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;
  background:var(--tint-b);border:1px solid var(--gold-hair);color:var(--gold-deep);
  font-size:.78rem;font-weight:700;z-index:1;
}
.tl .done .n{background:var(--green);border-color:var(--green);color:#fff}
.tl h3{font-size:.97rem;font-weight:600;margin-bottom:.15rem}
.tl p{font-size:.86rem;color:var(--muted);line-height:1.65}

/* ---------- पितृ पक्ष की पट्टी (हर पेज पर, पेज खुलते ही दिखे) ---------- */
.pp-band{
  display:flex;align-items:center;gap:1rem;flex-wrap:wrap;text-decoration:none;color:inherit;
  background:linear-gradient(120deg,var(--tint-a),var(--tint-b));
  border:1px solid var(--gold-hair);border-left:3px solid var(--gold);
  border-radius:var(--r-md);padding:.95rem 1.3rem;
  box-shadow:var(--shadow-sm),inset 0 1px 0 var(--inner-hi);
  transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s var(--ease);
}
.pp-band:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--gold)}
.pp-band:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.pp-tag{
  flex:none;font-size:.68rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;
  color:var(--gold-deep);background:var(--gold-soft);border:1px solid var(--gold-hair);
  border-radius:999px;padding:.32rem .85rem;white-space:nowrap;
}
.pp-txt{flex:1 1 15rem;font-size:.95rem;line-height:1.6;color:var(--text-2);min-width:0}
.pp-txt b{color:var(--ink);font-weight:600}
.pp-txt .pp-sub{display:block;font-size:.83rem;color:var(--muted);margin-top:.1rem}
.pp-go{
  flex:none;font-size:.88rem;font-weight:700;color:var(--saffron);white-space:nowrap;
  display:inline-flex;align-items:center;gap:.35rem;
}
.pp-go svg{transition:transform .25s var(--ease)}
.pp-band:hover .pp-go svg{transform:translateX(3px)}
[data-theme="dark"] .pp-go{color:var(--gold-deep)}

/* पेज के ऊपर लगे तो header के नीचे से शुरू हो */
.pp-wrap{padding:calc(var(--sect) * .38) 0 0}
.pp-wrap .container{max-width:var(--container)}
.pp-wrap + .hero{padding-top:2rem}

@media(max-width:560px){
  .pp-band{padding:.9rem 1rem;gap:.6rem}
  .pp-txt{flex-basis:100%;font-size:.9rem}
  .pp-go{margin-left:auto}
}
@media(prefers-reduced-motion:reduce){
  .pp-band,.pp-go svg{transition:none}
  .pp-band:hover{transform:none}
}

/* ---------- लहर 2: LIVE / परंपरा / प्रश्न-कार्ड / खाता ---------- */

.live-box{
  background:var(--card);border:1px solid var(--gold-hair);border-radius:var(--r-md);
  padding:clamp(1.4rem,3vw,2.2rem);box-shadow:var(--shadow-sm),inset 0 1px 0 var(--inner-hi);
}
.live-head{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap;margin-bottom:1.2rem}
.live-head h3{font-size:clamp(1.15rem,2.2vw,1.5rem);font-weight:600;line-height:1.35}
.live-badge{
  display:inline-flex;align-items:center;gap:.45rem;flex:none;
  background:#B3301B;color:#fff;font-size:.68rem;font-weight:700;letter-spacing:.12em;
  border-radius:999px;padding:.32rem .8rem;
}
.live-badge[hidden]{display:none}
.live-badge .dot{width:7px;height:7px;border-radius:50%;background:#fff;animation:lvp 1.6s infinite}
@keyframes lvp{0%,100%{opacity:1}50%{opacity:.25}}
.live-frame{
  position:relative;aspect-ratio:16/9;border-radius:var(--r-sm);overflow:hidden;
  background:linear-gradient(150deg,var(--tint-b),var(--band));
  border:1px solid var(--gold-hair);margin-bottom:1.2rem;
}
.live-frame[hidden]{display:none}
.live-frame iframe{width:100%;height:100%;border:0;display:block}
.live-play{
  position:absolute;inset:0;width:100%;display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:.6rem;background:none;border:0;cursor:pointer;font:inherit;
  color:var(--ink);font-weight:600;
}
.live-play-ico{
  width:62px;height:62px;border-radius:50%;display:grid;place-items:center;font-size:1.4rem;
  background:var(--card);border:1px solid var(--gold-hair);color:var(--saffron);
  box-shadow:var(--shadow-md);transition:transform .25s var(--ease);
}
.live-play:hover .live-play-ico{transform:scale(1.07)}
.live-acts{display:flex;gap:.55rem;flex-wrap:wrap}

.par-card{
  background:linear-gradient(155deg,var(--tint-a),var(--tint-b));
  border:1px solid var(--gold-hair);border-radius:var(--r-lg);
  padding:clamp(2rem,5vw,3.2rem);text-align:center;
  box-shadow:var(--shadow-sm),inset 0 1px 0 var(--inner-hi);
}
.par-line{
  font-family:var(--font-head);font-size:clamp(1.1rem,2.6vw,1.55rem);font-weight:600;
  color:var(--gold-deep);letter-spacing:.02em;
}
.par-sub{
  font-family:var(--font-hindi);font-size:clamp(.98rem,2vw,1.12rem);color:var(--muted);
  margin-top:.9rem;
}

.q-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.9rem}
.q-card{
  background:var(--card);border:1px solid var(--gold-hair);border-radius:var(--r-sm);
  padding:1.3rem 1.4rem;display:flex;gap:.85rem;align-items:flex-start;
  box-shadow:var(--shadow-sm),inset 0 1px 0 var(--inner-hi);
}
.q-card p{font-family:var(--font-hindi);font-size:1rem;line-height:1.6;color:var(--text-2)}
.q-mark{
  flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;
  background:var(--gold-soft);border:1px solid var(--gold-hair);color:var(--gold-deep);
  font-family:var(--font-head);font-weight:700;font-size:1.05rem;
}

.nav-khata{
  font-size:.86rem;font-weight:600;color:var(--muted);text-decoration:none;
  border:1px solid var(--gold-hair);border-radius:999px;padding:.42rem .95rem;
  transition:border-color .2s var(--ease),color .2s var(--ease);white-space:nowrap;
}
.nav-khata:hover{border-color:var(--gold);color:var(--ink)}

/* ---------- परंपरा पन्ना ---------- */
.par-page{
  background:
    radial-gradient(1100px 420px at 50% -12%, rgba(201,162,39,.10), transparent 62%),
    var(--bg);
}
.par-tl li h3{font-family:var(--font-head);font-size:1.1rem;font-weight:600}
.par-tl li p{font-size:.92rem}
.par-tl .n{font-family:var(--font-hindi)}

/* परंपरा की पंक्ति — footer में, शांत और छोटी */
.footer-parampara{
  margin-top:1rem;font-family:var(--font-hindi);font-size:.88rem;line-height:1.6;
  color:rgba(240,234,220,.78);letter-spacing:.01em;
}
.site-footer .footer-about{margin-top:.5rem}

/* footer के स्तम्भों के label — ये document के section नहीं हैं,
   इसलिए heading नहीं। दिखने में वैसे ही रहते हैं। */
.footer-h{
  font-family:var(--font-body);font-size:.78rem;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:rgba(240,234,220,.55);margin-bottom:.9rem;
}

/* ============================================================
   PREMIUM PERSONALISED KUNDLI — landing page
   रंग वही चार: ivory, cream, champagne gold, espresso.
   कोई नया रंग नहीं, कोई नया font नहीं।
   ============================================================ */

:root{ --espresso:#2B211A; --espresso-2:#3A2C22; }
[data-theme="dark"]{ --espresso:#120F0A; --espresso-2:#1B160F; }

/* ---------- कुंडली का महीन watermark ---------- */
.pk-watermark{
  position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;
  color:var(--gold);opacity:.05;
}
.pk-watermark svg{
  position:absolute;width:min(78vw,760px);height:auto;
  top:50%;left:50%;transform:translate(-50%,-50%) rotate(-3deg);
}
[data-theme="dark"] .pk-watermark{opacity:.07}
.pk-sec{position:relative;overflow:hidden}
.pk-sec > .container{position:relative;z-index:1}

/* ---------- Hero ---------- */
.pk-hero{
  position:relative;overflow:hidden;
  padding:calc(var(--sect) * .9) 0 var(--sect);
  background:
    radial-gradient(1200px 520px at 50% -10%, rgba(201,162,39,.13), transparent 62%),
    linear-gradient(180deg, var(--tint-a), var(--bg) 60%);
}
.pk-eyebrow{
  display:inline-flex;align-items:center;gap:.6rem;
  font-size:.72rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;
  color:var(--gold-deep);background:var(--gold-soft);
  border:1px solid var(--gold-hair);border-radius:999px;padding:.42rem 1.15rem;
}
.pk-h1{
  font-family:var(--font-hindi);font-weight:400;
  font-size:clamp(1.9rem,4.6vw,3.35rem);line-height:1.28;letter-spacing:-.005em;
  margin:1.6rem 0 0;color:var(--ink);
}
.pk-h1 em{font-style:normal;color:var(--gold-deep)}
.pk-sub{
  font-family:var(--font-hindi);font-size:clamp(1rem,2vw,1.18rem);line-height:1.85;
  color:var(--text-2);max-width:56ch;margin-top:1.3rem;
}
.pk-rule{
  width:74px;height:1px;background:linear-gradient(90deg,var(--gold),transparent);
  margin:2rem 0;
}

/* ---------- मूल्य ---------- */
.pk-price{display:flex;align-items:baseline;gap:.8rem;flex-wrap:wrap;margin:.4rem 0 .3rem}
.pk-price b{
  font-family:var(--font-head);font-size:clamp(2.6rem,6vw,4rem);font-weight:700;
  line-height:1;color:var(--gold-deep);letter-spacing:-.01em;
}
.pk-price b sup{font-size:.44em;top:-.72em;position:relative;margin-right:.06em}
.pk-price span{font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}

/* ---------- तीन दृष्टिकोण ---------- */
.lens-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.2rem}
.lens{
  text-align:center;padding:2.2rem 1.5rem;border-radius:var(--r-md);
  background:var(--card);border:1px solid var(--gold-hair);
  box-shadow:var(--shadow-sm),inset 0 1px 0 var(--inner-hi);
  transition:transform .3s var(--ease),box-shadow .3s var(--ease);
}
.lens:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.lens-ring{
  width:96px;height:96px;margin:0 auto 1.3rem;border-radius:50%;
  display:grid;place-items:center;font-size:2.2rem;line-height:1;
  background:radial-gradient(circle at 34% 28%, var(--card), var(--tint-b));
  border:1px solid var(--gold-hair);
  box-shadow:0 0 0 7px var(--gold-soft), var(--shadow-sm);
}
.lens h3{
  font-family:var(--font-body);font-size:.76rem;font-weight:700;letter-spacing:.2em;
  text-transform:uppercase;color:var(--gold-deep);margin-bottom:.7rem;
}
.lens p{font-size:.92rem;line-height:1.8;color:var(--muted)}
.lens-join{
  text-align:center;margin-top:1.8rem;font-family:var(--font-hindi);
  font-size:clamp(1rem,2vw,1.1rem);color:var(--text-2);
}
.lens-join b{color:var(--gold-deep);font-weight:600}

/* ---------- गहरा section ---------- */
.pk-dark{
  position:relative;overflow:hidden;color:#EDE6D8;
  background:linear-gradient(165deg,var(--espresso),var(--espresso-2));
}
.pk-dark .pk-watermark{color:#C9A227;opacity:.07}
.pk-dark h2{color:#F6F0E3}
.pk-dark p{color:rgba(237,230,216,.8)}
.pk-dark .pk-eyebrow{
  color:#DCC069;background:rgba(201,162,39,.13);border-color:rgba(201,162,39,.32);
}
.pk-quiet{
  border-left:2px solid rgba(201,162,39,.5);padding-left:1.4rem;
  font-family:var(--font-hindi);font-size:1.02rem;line-height:1.9;
  color:rgba(237,230,216,.72);margin-top:2rem;
}

/* ---------- रिपोर्ट का मुखपृष्ठ ---------- */
.report-wrap{perspective:1600px;display:flex;justify-content:center;padding:1rem 0}
.report{
  width:min(330px,80vw);aspect-ratio:1/1.414;border-radius:6px 14px 14px 6px;
  background:linear-gradient(158deg,#FFFDF8,#F3EADA 58%,#EADFC9);
  border:1px solid rgba(201,162,39,.4);
  box-shadow:
    -9px 0 0 -4px rgba(201,162,39,.22),
    -16px 0 0 -8px rgba(201,162,39,.12),
    var(--shadow-lg);
  transform:rotateY(-13deg) rotateX(3deg);
  transition:transform .55s var(--ease);
  display:flex;flex-direction:column;align-items:center;
  padding:clamp(1.6rem,4vw,2.4rem) 1.5rem;text-align:center;position:relative;
}
.report:hover{transform:rotateY(-5deg) rotateX(1deg)}
.report::after{
  content:"";position:absolute;inset:11px;border:1px solid rgba(201,162,39,.3);
  border-radius:4px;pointer-events:none;
}
.report-om{font-family:var(--font-head);font-size:1.9rem;color:#8C6D14;line-height:1}
.report-line{width:52px;height:1px;background:rgba(201,162,39,.55);margin:1.1rem 0}
.report h3{
  font-family:var(--font-head);font-size:clamp(1.05rem,2.6vw,1.3rem);font-weight:600;
  line-height:1.35;color:#2D2D2D;letter-spacing:.01em;
}
.report .meth{
  font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;
  color:#8C6D14;margin-top:.8rem;
}
.report .conf{
  font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;
  color:#9a8f7a;margin-top:auto;
}
.report .prep{
  font-family:var(--font-head);font-style:italic;font-size:1rem;
  color:#8C6D14;margin-top:.5rem;
}

/* ---------- रिपोर्ट में क्या मिलेगा ---------- */
.pk-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:.55rem 1.8rem;list-style:none}
.pk-list li{
  position:relative;padding:.6rem 0 .6rem 1.9rem;
  font-size:.99rem;line-height:1.75;color:var(--text-2);
  border-bottom:1px solid rgba(201,162,39,.14);
}
.pk-list li::before{
  content:"";position:absolute;left:.2rem;top:1.15rem;
  width:7px;height:7px;border-radius:50%;
  background:var(--gold);box-shadow:0 0 0 3px var(--gold-soft);
}

/* ---------- प्रक्रिया ---------- */
.pk-steps{counter-reset:pk;display:grid;gap:0;max-width:640px;margin-inline:auto}
.pk-step{display:flex;gap:1.3rem;padding-bottom:2rem;position:relative}
.pk-step:last-child{padding-bottom:0}
.pk-step::after{
  content:"";position:absolute;left:23px;top:52px;bottom:4px;width:1px;
  background:linear-gradient(180deg,var(--gold-hair),transparent);
}
.pk-step:last-child::after{display:none}
.pk-step .no{
  counter-increment:pk;flex:none;width:47px;height:47px;border-radius:50%;
  display:grid;place-items:center;font-family:var(--font-head);font-size:1.05rem;
  font-weight:700;color:var(--gold-deep);background:var(--card);
  border:1px solid var(--gold-hair);box-shadow:var(--shadow-sm);z-index:1;
}
.pk-step .no::before{content:"0" counter(pk)}
.pk-step h3{font-family:var(--font-hindi);font-size:1.06rem;font-weight:500;line-height:1.5;color:var(--ink)}
.pk-step p{font-size:.9rem;color:var(--muted);margin-top:.3rem;line-height:1.7}

/* ---------- मूल्य का पटल ---------- */
.pk-offer{
  max-width:620px;margin-inline:auto;text-align:center;
  background:linear-gradient(162deg,var(--tint-a),var(--tint-b));
  border:1px solid var(--gold-hair);border-radius:var(--r-lg);
  padding:clamp(2.2rem,5vw,3.4rem) clamp(1.5rem,4vw,3rem);
  box-shadow:var(--shadow-md),inset 0 1px 0 var(--inner-hi);
}
.pk-offer .pk-price{justify-content:center}
.pk-offer ul{
  list-style:none;text-align:left;max-width:390px;margin:2rem auto 0;display:grid;gap:.6rem;
}
.pk-offer ul li{
  position:relative;padding-left:1.8rem;font-size:.97rem;line-height:1.7;color:var(--text-2);
}
.pk-offer ul li::before{
  content:"✓";position:absolute;left:0;color:var(--green);font-weight:700;
}
[data-theme="dark"] .pk-offer ul li::before{color:#7FBE8C}
.pk-assure{
  font-size:.8rem;letter-spacing:.06em;color:var(--muted);margin-top:1rem;
}

/* ---------- अंतिम वाक्य ---------- */
.pk-close{
  font-family:var(--font-hindi);font-weight:400;
  font-size:clamp(1.3rem,3.4vw,2.05rem);line-height:1.6;
  max-width:24ch;margin-inline:auto;
}
.pk-close b{color:var(--gold-deep);font-weight:500}
.pk-tri{
  display:flex;justify-content:center;gap:clamp(.8rem,3vw,2.2rem);flex-wrap:wrap;
  margin:2.2rem 0;font-family:var(--font-head);font-size:clamp(1rem,2.4vw,1.25rem);
  color:var(--gold-deep);letter-spacing:.04em;
}
.pk-tri span{white-space:nowrap}
.pk-tri i{font-style:normal;color:var(--gold-hair);margin:0 .1rem}

/* ---------- अस्वीकरण ---------- */
.pk-disc{
  max-width:62ch;margin:0 auto;font-size:.83rem;line-height:1.85;
  color:var(--muted);text-align:center;
}

/* ---------- चरण-दर-चरण form ---------- */
.wz-bar{display:flex;gap:.3rem;margin-bottom:2rem;flex-wrap:wrap}
.wz-bar li{
  list-style:none;flex:1 1 0;min-width:52px;text-align:center;
  font-size:.68rem;letter-spacing:.05em;color:var(--muted);padding-bottom:.55rem;
  border-bottom:2px solid var(--gold-hair);transition:color .3s,border-color .3s;
}
.wz-bar li.on{color:var(--gold-deep);font-weight:700;border-bottom-color:var(--gold)}
.wz-bar li.done{color:var(--green);border-bottom-color:var(--green)}
[data-theme="dark"] .wz-bar li.done{color:#7FBE8C}
/* ⚠ JS बंद हो तो सारे चरण एक साथ दिखें और form वैसे ही चले।
   चरण-दर-चरण तभी होता है जब JS form पर .wz-on लगा दे। */
.wz-step{display:block;margin-bottom:2.2rem}
.wz-on .wz-step{display:none;margin-bottom:0}
.wz-on .wz-step.on{display:block;animation:wzin .38s var(--ease)}
@keyframes wzin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.wz-nav{display:none}
.wz-on .wz-nav{display:flex}
#wz-rev:empty{display:none}
.wz-head{margin-bottom:1.4rem}
.wz-head h2{font-family:var(--font-hindi);font-size:1.3rem;font-weight:500;line-height:1.45}
.wz-head p{font-size:.9rem;color:var(--muted);margin-top:.3rem}
.wz-nav{gap:.7rem;margin-top:1.8rem;align-items:center}
.wz-nav .sp{flex:1}
.wz-rev{display:grid;gap:.5rem}
.wz-rev div{
  display:flex;gap:1rem;padding:.7rem .95rem;background:var(--tint-b);
  border:1px solid var(--gold-hair);border-radius:10px;font-size:.92rem;
}
.wz-rev dt{flex:none;width:8.5rem;color:var(--muted);font-size:.82rem}
.wz-rev dd{flex:1;font-weight:500;word-break:break-word}

@media(prefers-reduced-motion:reduce){
  .lens,.report,.wz-step{transition:none;animation:none}
  .lens:hover,.report:hover{transform:none}
}

/* ---------- समस्या-पहचान वाला हिस्सा ---------- */
.prob-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:.85rem;margin-top:2rem}
.prob{
  background:var(--card);border:1px solid var(--gold-hair);border-radius:var(--r-md);
  padding:1.5rem 1.4rem;box-shadow:var(--shadow-sm),inset 0 1px 0 var(--inner-hi);
  transition:transform .28s var(--ease),box-shadow .28s var(--ease);
}
.prob:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.prob b{
  display:block;font-family:var(--font-hindi);font-size:1.08rem;font-weight:500;
  line-height:1.5;color:var(--ink);margin-bottom:.45rem;
}
.prob span{font-size:.88rem;line-height:1.7;color:var(--muted)}
.prob-note{
  text-align:center;margin-top:2.2rem;font-family:var(--font-hindi);
  font-size:clamp(1rem,2.1vw,1.15rem);line-height:1.8;color:var(--text-2);
  max-width:52ch;margin-inline:auto;
}
.prob-note b{color:var(--gold-deep);font-weight:600}

/* ---------- रिपोर्ट का मुखपृष्ठ — बड़ा, फ़ोटो सहित ---------- */
.report{width:min(390px,86vw)}
.report-photo{
  width:108px;height:108px;border-radius:50%;object-fit:cover;object-position:50% 22%;
  display:block;margin:.5rem auto .25rem;
  border:2px solid rgba(201,162,39,.6);
  /* बाहर एक और महीन सोने की मुद्रा-जैसी रेखा */
  box-shadow:0 0 0 5px rgba(255,253,248,.85), 0 0 0 6px rgba(201,162,39,.32),
             0 6px 18px rgba(45,45,45,.18);
}
.report-by{
  font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;
  color:#9a8f7a;margin-top:.55rem;
}
.report-name{
  font-family:var(--font-head);font-size:.98rem;font-weight:600;
  color:#4a3b22;margin-top:.1rem;letter-spacing:.01em;
}

/* ---------- सूचना का बड़ा पटल ---------- */
.big-note{
  background:linear-gradient(160deg,var(--tint-a),var(--tint-b));
  border:1px solid var(--gold-hair);border-left:3px solid var(--gold);
  border-radius:var(--r-md);padding:1.5rem 1.7rem;margin-bottom:1.8rem;
  box-shadow:var(--shadow-sm),inset 0 1px 0 var(--inner-hi);
}
.big-note h3{
  font-family:var(--font-hindi);font-size:1.1rem;font-weight:500;line-height:1.5;
  color:var(--ink);margin-bottom:.9rem;display:flex;align-items:center;gap:.6rem;
}
.big-note h3 span{
  flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;
  background:var(--gold-soft);border:1px solid var(--gold-hair);
  color:var(--gold-deep);font-size:.8rem;
}
.big-note ul{list-style:none;display:grid;gap:.6rem}
.big-note li{
  position:relative;padding-left:1.7rem;font-size:.96rem;line-height:1.75;color:var(--text-2);
}
.big-note li::before{
  content:"✓";position:absolute;left:0;top:0;color:var(--green);font-weight:700;
}
[data-theme="dark"] .big-note li::before{color:#7FBE8C}
.big-note li b{color:var(--ink);font-weight:600}

/* ---------- रिपोर्ट कहाँ-कहाँ मिलेगी ---------- */
.deliver{display:flex;gap:.7rem;flex-wrap:wrap;justify-content:center;margin-top:1.6rem}
.deliver span{
  display:inline-flex;align-items:center;gap:.5rem;background:var(--chip-bg);
  border:1px solid var(--gold-hair);border-radius:999px;padding:.5rem 1.1rem;
  font-size:.88rem;color:var(--text-2);
}
.deliver span i{font-style:normal;font-size:1.05rem;line-height:1}

/* ============================================================
   फ़ोन पर premium दिखे — 15 सितम्बर 2026
   अधिकतर ग्राहक मोबाइल पर आते हैं। यहाँ केवल मौजूदा
   tokens से छोटे परदे के लिए सुधार हैं। कोई नया रंग नहीं।
   ============================================================ */

/* ---------- 1. गहरे हिस्से में हल्का card — पढ़ा नहीं जा रहा था ----------
   .ai-summary का background हल्का है, पर .pk-dark p बाद में आने के
   कारण text हल्का कर देता था — हल्के पर हल्का = अदृश्य।            */
.pk-dark .ai-summary{
  background:rgba(255,253,248,.055);
  border-color:rgba(201,162,39,.32);
  box-shadow:inset 0 1px 0 rgba(255,253,248,.07);
}
.pk-dark .ai-summary p,
.pk-dark .ai-summary li{color:rgba(240,234,220,.9)}
.pk-dark .ai-summary h2,
.pk-dark .ai-summary h3{color:#DCC069}
.pk-dark .ai-summary b{color:#F6F0E3}

/* ---------- 2. पितृ पक्ष की पट्टी header के नीचे से शुरू हो ----------
   header fixed है (80px)। पट्टी पन्ने में सबसे ऊपर थी, इसलिए
   उसके पीछे छिप जाती थी।                                          */
main > .pp-wrap:first-child{padding-top:clamp(6.4rem,11vh,8.4rem)}

/* ---------- 3. छोटा परदा ---------- */
@media(max-width:600px){

  /* ₹ का चिह्न इतना ऊपर उठा था कि 2,100 से कटा हुआ दिखता था।
     फ़ोन पर उसे सीधे पंक्ति में, बस थोड़ा छोटा रखा है।          */
  .pk-price{gap:.55rem;align-items:baseline}
  .pk-price b{font-size:clamp(2.5rem,13vw,3.2rem);letter-spacing:-.02em}
  .pk-price b sup{
    font-size:.56em;position:static;top:auto;
    vertical-align:baseline;margin-right:.06em;
  }
  .pk-price span{font-size:.74rem;letter-spacing:.1em}

  /* लंबा eyebrow दो पंक्तियों का गोला बन जाता था */
  .pk-eyebrow{font-size:.64rem;letter-spacing:.14em;padding:.38rem .95rem}

  /* खाली जगह कम — फ़ोन पर उतनी हवा नहीं चाहिए जितनी बड़े परदे पर */
  .pk-hero{padding:calc(var(--sect) * .62) 0 calc(var(--sect) * .72)}
  .pk-sec{padding-block:calc(var(--sect) * .72)}
  .pk-rule{margin:1.5rem 0}
  .pk-h1{font-size:clamp(1.85rem,7.6vw,2.5rem);line-height:1.34;margin-top:1.15rem}
  .pk-sub{margin-top:1rem;line-height:1.78}

  /* एक-एक करके, पूरी चौड़ाई में — आधा-अधूरा card प्रीमियम नहीं लगता */
  .lens-grid,.prob-grid{grid-template-columns:1fr;gap:.75rem}
  .lens{padding:1.7rem 1.35rem}
  .lens-ring{width:74px;height:74px;font-size:1.75rem;margin-bottom:1rem;box-shadow:0 0 0 5px var(--gold-soft),var(--shadow-sm)}
  .prob{padding:1.2rem 1.25rem}
  .prob-note{margin-top:1.7rem}

  /* रिपोर्ट का मुखपृष्ठ — फ़ोन पर तिरछा रखने से चौड़ाई कटती है
     और पढ़ने में कठिनाई होती है। सीधा, बड़ा और साफ़।             */
  .report-wrap{perspective:none;padding:.4rem 0}
  .report{
    width:min(340px,90vw);transform:none;
    box-shadow:-6px 0 0 -3px rgba(201,162,39,.22),var(--shadow-lg);
    padding:1.9rem 1.25rem;
  }
  .report:hover{transform:none}
  .report-photo{width:116px;height:116px}

  /* गहरे हिस्से का उद्धरण */
  .pk-quiet{padding-left:1rem;font-size:.97rem;margin-top:1.5rem}

  /* बड़ा सूचना-पटल */
  .big-note{padding:1.25rem 1.2rem}
  .big-note li{font-size:.92rem;padding-left:1.5rem}

  /* रिपोर्ट कहाँ मिलेगी — तीनों एक पंक्ति में न अटें */
  .deliver{gap:.5rem}
  .deliver span{font-size:.82rem;padding:.44rem .9rem}

  /* पितृ पक्ष की पट्टी */
  .pp-band{padding:.85rem 1rem;gap:.6rem}
  .pp-txt{font-size:.9rem}
}

/* ---------- 4. नीचे की पट्टी — थोड़ा और वज़न ---------- */
.cta-sub{
  display:block;text-align:center;font-size:.72rem;letter-spacing:.04em;
  color:var(--muted);margin-bottom:.45rem;
}
.cta-sub b{color:var(--gold-deep);font-weight:600}
@media(min-width:921px){.cta-sub{display:none}}

/* ---------- 5. उँगली के लिए — हर tap-target कम से कम 44px ---------- */
@media(max-width:920px){
  .pk-hero .btn,.pk-offer .btn,.prob-note + .btn{min-height:52px}
  .deliver span{min-height:38px}
}

/* ---------- विश्लेषण वाले cards जब कड़ी हों ----------
   .prob अब <a> पर भी लगता है (पाँचों विश्लेषण का ग्रिड)।
   केवल इतना चाहिए कि keyboard से चलने पर घेरा दिखे।        */
a.prob{color:inherit}
a.prob:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
a.prob:hover{border-color:var(--gold)}
@media(prefers-reduced-motion:reduce){.prob{transition:none}.prob:hover{transform:none}}

/* ════════════════════════════════════════════════════════════
   ग्रंथ — विश्लेषण अब जिल्द चढ़ी पुस्तकों के रूप में
   ------------------------------------------------------------
   हर आवरण पर तीन चीज़ें हैं: ऊपर रंगीन पट्टी, बीच में उस विषय
   की अपनी कलाकृति, नीचे आचार्य जी की मुहर।

   चित्र SVG में बने हैं — कोई नई image फ़ाइल नहीं, किसी भी परदे
   पर धुँधले नहीं होते, और वज़न लगभग शून्य।

   रंग गहरे और पारम्परिक हैं, भड़कीले नहीं। हर रंग का contrast
   नाप कर चुना गया है।
   ------------------------------------------------------------
   सारे नाम .gr- से शुरू होते हैं — किसी पुरानी class से टकराव नहीं।
   ════════════════════════════════════════════════════════════ */

/* ---------- हर खंड की अपनी जिल्द ---------- */
.gr{--gr-hue:#8C6D14;--gr-ink:#5E4710;--gr-wash:rgba(201,162,39,.09)}
.gr-c-gold  {--gr-hue:#8C6D14;--gr-ink:#5E4710;--gr-wash:rgba(201,162,39,.09)}  /* सम्पूर्णता */
.gr-c-neel  {--gr-hue:#26365E;--gr-ink:#26365E;--gr-wash:rgba(38,54,94,.07)}    /* स्थिरता */
.gr-c-kum   {--gr-hue:#6E2230;--gr-ink:#6E2230;--gr-wash:rgba(110,34,48,.07)}   /* मंगल */
.gr-c-hara  {--gr-hue:#2F6B3C;--gr-ink:#2F6B3C;--gr-wash:rgba(47,107,60,.07)}   /* समृद्धि */
.gr-c-kesar {--gr-hue:#AE5A11;--gr-ink:#7E3E0A;--gr-wash:rgba(174,90,17,.08)}   /* काल */

/* ---------- आवरण ---------- */
.gr{
  position:relative;aspect-ratio:1/1.4;border-radius:3px 9px 9px 3px;
  background:
    linear-gradient(162deg,var(--gr-wash),rgba(255,255,255,0) 58%),
    linear-gradient(162deg,#FFFEFA,#F6EFE2 60%,#EFE5D2);
  box-shadow:
    -6px 0 0 -3px rgba(45,45,45,.08),
    -11px 0 0 -7px rgba(45,45,45,.05),
    0 2px 5px rgba(45,45,45,.06),
    0 26px 54px -20px rgba(45,45,45,.3);
  display:flex;flex-direction:column;align-items:center;text-align:center;
  overflow:hidden;
  transform:rotateY(-9deg) rotateX(2deg);
  transform-style:preserve-3d;
  transition:transform .55s var(--ease),box-shadow .55s var(--ease);
}
/* जिल्द की सिलाई — बाईं धार */
.gr::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:7px;z-index:4;
  background:var(--gr-hue);box-shadow:2px 0 7px rgba(45,45,45,.22);
}
/* भीतर की सुनहरी चौखट — यही पाँचों को एक सूत्र में बाँधती है */
.gr::after{
  content:"";position:absolute;inset:7px 7px 7px 13px;z-index:3;pointer-events:none;
  border:1px solid rgba(201,162,39,.4);border-radius:2px;
}
.gr:hover{
  transform:rotateY(-3deg) rotateX(.5deg) translateY(-7px);
  box-shadow:
    -6px 0 0 -3px rgba(45,45,45,.1),
    -11px 0 0 -7px rgba(45,45,45,.06),
    0 3px 8px rgba(45,45,45,.07),
    0 40px 80px -24px rgba(45,45,45,.38);
}

/* ---------- ऊपर की रंगीन पट्टी ---------- */
.gr-band{
  width:100%;background:var(--gr-hue);color:#FBF6E8;
  padding:.62rem .5rem .58rem;display:grid;justify-items:center;gap:.12rem;
  position:relative;z-index:2;
}
.gr-band .gr-om{font-family:var(--font-head);font-size:1.18rem;line-height:1;color:#F3DFA4}
.gr-band-txt{font-size:.5rem;letter-spacing:.3em;text-transform:uppercase;opacity:.82}

/* ---------- कलाकृति ---------- */
.gr-art-wrap{
  flex:1;display:grid;place-items:center;width:100%;
  padding:.55rem 1rem 0;position:relative;z-index:2;min-height:0;
}
.gr-art{
  /* max-height ज़रूरी है — वरना खाना छोटा पड़ते ही चित्र कट जाता है */
  width:min(68%,106px);height:auto;max-height:100%;
  color:var(--gr-hue);
  filter:drop-shadow(0 4px 10px rgba(45,45,45,.16));
}

/* ---------- अक्षर ---------- */
.gr-title{
  font-family:var(--font-head);font-weight:600;
  font-size:clamp(.94rem,1.3vw,1.1rem);line-height:1.26;
  color:var(--ink);padding:0 .85rem;margin-top:.5rem;position:relative;z-index:2;
}
.gr-sub{
  font-family:var(--font-hindi);font-size:.74rem;line-height:1.5;
  color:var(--muted);margin-top:.4rem;padding:0 .7rem;position:relative;z-index:2;
}

/* ---------- नीचे की मुहर ---------- */
.gr-foot{
  width:100%;padding:.6rem .7rem .8rem;display:grid;justify-items:center;gap:.18rem;
  position:relative;z-index:2;
}
.gr-rule{width:34px;height:1px;background:rgba(201,162,39,.55);margin-bottom:.38rem}
.gr-seal{
  width:40px;height:40px;border-radius:50%;object-fit:cover;object-position:50% 50%;
  border:1px solid var(--gr-hue);padding:2px;background:#FFFEFA;
  box-shadow:0 2px 7px rgba(45,45,45,.16);
}
.gr-name{font-family:var(--font-hindi);font-size:.74rem;line-height:1.3;color:var(--ink);margin-top:.15rem}
.gr-price{font-size:.8rem;font-weight:700;color:var(--gr-ink);margin-top:.28rem}
.gr-price i{
  font-style:normal;font-size:.53rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--muted);font-weight:500;display:block;margin-top:.1rem;
}

/* ---------- सबसे विस्तृत वाली पट्टी ---------- */
.gr-flag{
  position:absolute;top:0;right:0;z-index:5;
  background:linear-gradient(135deg,#C9A227,#8C6D14);color:#FFFBF0;
  font-size:.52rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  padding:.3rem .7rem;border-bottom-left-radius:6px;
  box-shadow:0 3px 9px rgba(45,45,45,.24);
}

/* ---------- शेल्फ़ ---------- */
.gr-shelf{
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:clamp(1rem,2.6vw,2.1rem);perspective:1700px;margin-top:2.6rem;
}
.gr-link{display:block;text-decoration:none;color:inherit}
.gr-link:focus-visible{outline:2px solid var(--gold);outline-offset:6px;border-radius:5px}
.gr-cap{display:block;text-align:center;margin-top:.95rem;font-size:.84rem;font-weight:600;color:var(--gr-ink,var(--saffron))}
.gr-link:hover .gr-cap{text-decoration:underline;text-underline-offset:3px}

/* ---------- ऊपर वाला प्रमुख ग्रंथ ---------- */
.gr-lead-wrap{
  display:grid;grid-template-columns:270px 1fr;
  gap:clamp(1.8rem,5vw,4.5rem);align-items:center;
  perspective:1700px;margin-top:2.2rem;--gr-ink:#5E4710;
}
.gr-lead-wrap .gr-band{padding:.8rem .5rem .74rem}
.gr-lead-wrap .gr-band .gr-om{font-size:1.5rem}
.gr-lead-wrap .gr{aspect-ratio:1/1.52}
.gr-lead-wrap .gr-art{width:min(64%,132px)}
.gr-lead-wrap .gr-title{font-size:clamp(1.08rem,1.7vw,1.28rem);margin-top:.7rem}
.gr-lead-wrap .gr-sub{font-size:.82rem}
.gr-lead-wrap .gr-seal{width:52px;height:52px}
.gr-lead-wrap .gr-name{font-size:.82rem}
.gr-lead-wrap .gr-price{font-size:.92rem}
.gr-lead-body .gr-tag{
  font-size:.66rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:#5E4710;display:block;margin-bottom:.55rem;
}
.gr-lead-body h3{
  font-family:var(--font-head);font-weight:600;
  font-size:clamp(1.45rem,2.6vw,2.05rem);line-height:1.25;color:var(--ink);
}
.gr-lead-body p{margin-top:.9rem;color:var(--text-2);line-height:1.8}
.gr-lead-body .gr-lead-price{
  margin-top:1.2rem;font-family:var(--font-head);font-size:1.9rem;font-weight:700;color:var(--ink);
}
.gr-lead-body .gr-lead-price small{
  font-family:var(--font-body);font-size:.72rem;font-weight:500;letter-spacing:.12em;
  text-transform:uppercase;color:var(--muted);margin-left:.5rem;
}

/* ---------- छोटे परदे ---------- */
@media(max-width:1000px){
  .gr-shelf{grid-template-columns:repeat(2,1fr)}
  .gr-lead-wrap{grid-template-columns:230px 1fr;gap:2.2rem}
}
@media(max-width:700px){
  .gr-lead-wrap{grid-template-columns:1fr;justify-items:center;text-align:center}
  .gr-lead-wrap > div:first-child{width:min(230px,64vw)}

  /* फ़ोन पर आवरण की ऊँचाई अक्षरों से तय हो, नाप से नहीं —
     वरना चित्र और मुहर के लिए जगह ही नहीं बचती। चारों एक
     साथ खिंचकर बराबर हो जाते हैं, इसलिए पंक्ति टेढ़ी नहीं लगती। */
  .gr,.gr-lead-wrap .gr{aspect-ratio:auto}
  .gr-link{display:flex;flex-direction:column}
  .gr-link > .gr{flex:1}
  .gr-art-wrap{min-height:60px;padding:.75rem .6rem .15rem}
  .gr-art{width:min(62%,66px)}
  .gr-lead-wrap .gr-art{width:min(58%,86px)}
  .gr-foot{padding:.55rem .5rem .75rem}
}
@media(max-width:560px){
  .gr-shelf{gap:1.1rem}
  .gr{transform:rotateY(-5deg)}
  .gr-band{padding:.5rem .4rem .46rem}
  .gr-band .gr-om{font-size:1rem}
  .gr-band-txt{font-size:.45rem;letter-spacing:.24em}
  .gr-art{width:min(56%,70px)}
  .gr-title{font-size:.86rem;padding:0 .5rem}
  .gr-sub{font-size:.68rem}
  .gr-seal{width:34px;height:34px}
  .gr-name{font-size:.68rem}
  .gr-price{font-size:.74rem}
  .gr-cap{font-size:.8rem}
}

/* छूने वाले परदों पर झुकाव स्थिर रहे */
@media(hover:none){
  .gr:hover{transform:rotateY(-9deg) rotateX(2deg)}
}
@media(prefers-reduced-motion:reduce){
  .gr{transition:none}
  .gr:hover{transform:rotateY(-9deg) rotateX(2deg)}
}

/* परंपरा कार्ड की नई पंक्ति — पं. विजयदेव से डॉ. शर्मा तक */
.par-note{
  max-width:46ch;margin:1rem auto 0;text-align:center;
  font-family:var(--font-hindi);font-size:clamp(.95rem,1.5vw,1.06rem);
  line-height:1.8;color:var(--text-2);
}

/* ════════════════════════════════════════════════════════════
   वंश परम्परा का पन्ना — श्लोक, भावार्थ, विभूतियाँ
   ------------------------------------------------------------
   रंग और font वही हैं जो पूरी site में हैं। कोई नया रंग नहीं।
   ════════════════════════════════════════════════════════════ */

/* संस्कृत श्लोक — सोने की डोरी के साथ */
.shloka{
  margin:1.8rem 0 .9rem;padding:1.3rem clamp(1.1rem,3vw,1.9rem);
  border:0;border-left:3px solid var(--gold);
  background:linear-gradient(120deg,var(--tint-a),var(--tint-b));
  border-radius:0 var(--r-sm) var(--r-sm) 0;
  box-shadow:var(--shadow-sm),inset 0 1px 0 var(--inner-hi);
}
.shloka p{
  font-family:var(--font-hindi);
  font-size:clamp(1.02rem,1.7vw,1.18rem);line-height:2.05;
  color:var(--ink);margin:0;text-align:left;
}

/* श्लोक के नीचे का भावार्थ */
.bhav{
  margin:0 0 1.8rem;padding-left:clamp(1.1rem,3vw,1.9rem);
  font-size:.97rem;line-height:1.85;color:var(--text-2);
}
.bhav strong{color:var(--gold-deep);font-weight:600}

/* स्रोत की पंक्ति — पन्ने के अंत में */
.srot{
  margin-top:2.6rem;padding-top:1.3rem;
  border-top:1px solid var(--gold-hair);
  font-size:.88rem;line-height:1.8;color:var(--muted);font-style:italic;
}

/* परिवार की विभूतियाँ — दो अलग कार्ड */
.vibh-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.3rem;margin-top:2rem}
.vibh{padding:clamp(1.6rem,3vw,2.2rem)}
.vibh h3{font-size:clamp(1.15rem,2vw,1.35rem);margin-bottom:.5rem}
.vibh-rel{
  font-size:.82rem;line-height:1.7;color:var(--gold-deep);
  padding-bottom:.9rem;margin-bottom:.9rem;
  border-bottom:1px solid var(--gold-hair);
}
.vibh p:last-child{font-size:.96rem;line-height:1.85;color:var(--text-2);margin:0}

@media(max-width:560px){
  .shloka{padding:1.1rem 1rem;margin:1.4rem 0 .8rem}
  .shloka p{font-size:1rem;line-height:1.95}
  .bhav{padding-left:1rem;font-size:.94rem;margin-bottom:1.5rem}
  .vibh-grid{gap:1rem}
}

/* वंश-क्रम की सूची — <ol> की अपनी 40px इंडेंट हटाई, ताकि
   "पीढ़ी-दर-पीढ़ी" शीर्षक और timeline एक ही सीध में रहें।
   (नाप कर देखा: शीर्षक 32px पर था, सूची 72px पर।) */
.par-tl{padding-inline-start:0;margin-left:0}

/* ════════════════════════════════════════════════════════════
   वंश-वृक्ष — असली अक्षरों में, चित्र में नहीं
   ------------------------------------------------------------
   नाम चुने जा सकते हैं, खोजे जा सकते हैं, और Google तथा AI
   दोनों उन्हें पढ़ सकते हैं। रेखाएँ CSS से खिंचती हैं।
   फ़ोन पर इंडेंट कम हो जाती है ताकि नाम न टूटें।
   ════════════════════════════════════════════════════════════ */
.vtree,.vtree ul{list-style:none;margin:0;padding:0}
.vtree{
  margin-top:2rem;padding:clamp(1.4rem,3vw,2.2rem) clamp(1rem,2.4vw,1.8rem);
  background:var(--card);border:1px solid var(--gold-hair);border-radius:var(--r-md);
  box-shadow:var(--shadow-sm),inset 0 1px 0 var(--inner-hi);
}
.vtree ul{margin-left:.15rem}
.vtree li{position:relative;padding:.32rem 0 .32rem 1.45rem}

/* खड़ी रेखा */
.vtree li::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:1px;
  background:var(--gold-hair);
}
/* आख़िरी सन्तान पर रेखा वहीं रुक जाए */
.vtree li:last-child::before{bottom:auto;height:1.15em}
/* आड़ी रेखा */
.vtree li::after{
  content:"";position:absolute;left:0;top:1.15em;width:.95rem;height:1px;
  background:var(--gold-hair);
}
/* सबसे ऊपर वाला — उसके पहले कुछ नहीं */
.vtree > li{padding-left:0}
.vtree > li::before,.vtree > li::after{display:none}

.vt-name{
  font-family:var(--font-hindi);font-size:clamp(.96rem,1.5vw,1.06rem);
  line-height:1.5;color:var(--ink);
}
.vt-note{
  display:inline-block;margin-left:.5rem;
  font-family:var(--font-body);font-size:.74rem;line-height:1.6;color:var(--muted);
}
/* डॉ. शर्मा — हरे रंग में, जैसा timeline में है */
.vtree .vt-self > .vt-name{
  font-weight:600;color:var(--green-dark);
  border-bottom:2px solid rgba(47,107,60,.28);
}
.vtree .vt-self > .vt-note{color:var(--green)}

.vt-foot{
  margin-top:1.4rem;font-size:.86rem;line-height:1.8;color:var(--muted);
}

@media(max-width:560px){
  .vtree{padding:1.2rem .9rem}
  .vtree li{padding-left:1.05rem;padding-block:.28rem}
  .vtree li::after{width:.68rem}
  .vt-name{font-size:.93rem}
  .vt-note{display:block;margin-left:0;margin-top:.1rem;font-size:.7rem}
}

/* ════════════════════════════════════════════════════════════
   लेख के thumbnail — कटें नहीं
   ------------------------------------------------------------
   आचार्य जी के बनाए thumbnail 1122×1402 के हैं, यानी 4:5 खड़े
   (चौकोर नहीं)। खाना पहले 16:10 चौड़ा था — नाप कर देखा कि
   0.800 ÷ 1.600 = ठीक आधी तस्वीर ही दिखती थी; ऊपर का और
   नीचे का शीर्षक दोनों कट रहे थे।

   अब खाना भी 4:5 है, इसलिए पूरा poster दिखता है।
   आगे भी 4:5 (जैसे 1080×1350) में बनाइए — अपने आप बैठ जाएगा।
   ════════════════════════════════════════════════════════════ */
.post-cover img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block}

/* जिन लेखों पर अभी thumbnail नहीं है, वहाँ केवल अक्षर दिखता है —
   इतने ऊँचे खाने में वह खोया-खोया लगता, इसलिए उसे बड़ा किया */
.post-cover .art{font-size:clamp(3.4rem,7vw,5rem)}

/* ════════════════════════════════════════════════════════════
   वंश-परम्परा की पंक्ति — hero में, सबसे ऊपर
   ------------------------------------------------------------
   यह वह बात है जो और किसी के पास नहीं है: सात पीढ़ियों का
   लिखित वंश-क्रम, संस्कृत श्लोकों में अंकित। पहले यह पन्ने के
   नीचे एक छोटे कार्ड में दबी थी। अब पहली नज़र में दिखती है
   और एक दबाने पर पूरा वंश-वृक्ष खुल जाता है।

   रंग और font वही — कोई नया नहीं।
   ════════════════════════════════════════════════════════════ */
.lineage-line{
  display:flex;align-items:flex-start;gap:.9rem;
  margin-top:1.5rem;padding:.95rem 1.2rem;
  max-width:52ch;text-decoration:none;color:inherit;
  background:linear-gradient(120deg,var(--tint-a),var(--tint-b));
  border:1px solid var(--gold-hair);border-left:3px solid var(--gold);
  border-radius:var(--r-sm);
  box-shadow:var(--shadow-sm),inset 0 1px 0 var(--inner-hi);
  font-size:.95rem;line-height:1.75;color:var(--text-2);
  transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s var(--ease);
}
.lineage-line:hover{
  transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--gold);
}
.lineage-line:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.lineage-line b{color:var(--ink);font-weight:600}
.lineage-line em{
  display:inline-block;margin-top:.35rem;
  font-style:normal;font-weight:600;color:var(--saffron);white-space:nowrap;
}
.lineage-mark{
  flex:none;font-family:var(--font-hindi);font-size:1.5rem;line-height:1;
  color:var(--gold-deep);opacity:.8;margin-top:.1rem;
}

/* trust band की पहली चीज़ अब दबाई जा सकती है */
a.trust-item{transition:color .25s var(--ease)}
a.trust-item:hover .trust-label{color:var(--saffron)}
a.trust-item:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:8px}

@media(max-width:600px){
  .lineage-line{margin-top:1.2rem;padding:.85rem 1rem;font-size:.9rem;gap:.7rem}
  .lineage-mark{font-size:1.25rem}
}

/* ════════════════════════════════════════════════════════════
   लेख के साथ YouTube वीडियो — कार्ड और पट्टी
   (रंग वही जो पूरी site में हैं; कोई नया रंग नहीं)
   ════════════════════════════════════════════════════════════ */
.yt-card{
  display:grid;grid-template-columns:minmax(0,46%) 1fr;gap:1.3rem;align-items:center;
  margin:1.8rem 0 2rem;padding:.9rem;text-decoration:none;color:inherit;
  background:linear-gradient(120deg,var(--tint-a),var(--tint-b));
  border:1px solid var(--gold-hair);border-radius:var(--r-md);
  box-shadow:var(--shadow-sm),inset 0 1px 0 var(--inner-hi);
  transition:transform .25s ease,box-shadow .25s ease;
}
.yt-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md,var(--shadow-sm))}
.yt-thumb{position:relative;display:block;border-radius:var(--r-sm);overflow:hidden;aspect-ratio:16/9;background:#000}
.yt-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.yt-play{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:58px;height:58px;border-radius:50%;display:grid;place-items:center;
  background:rgba(180,40,30,.92);color:#fff;font-size:1.3rem;padding-left:4px;
  box-shadow:0 6px 18px rgba(0,0,0,.35);
}
.yt-body{display:flex;flex-direction:column;gap:.45rem}
.yt-eyebrow{font-size:.8rem;letter-spacing:.04em;color:var(--gold-deep);font-weight:600}
.yt-body b{font-family:var(--font-hindi);font-size:1.12rem;line-height:1.5;color:var(--ink);font-weight:600}
.yt-cta{font-size:.92rem;color:var(--saffron);font-weight:600}
.yt-strip{
  display:flex;align-items:center;gap:1rem;margin:2rem 0 1.4rem;padding:1rem 1.2rem;
  text-decoration:none;color:inherit;border-radius:var(--r-sm);
  border:1px solid var(--gold-hair);border-left:3px solid var(--gold);background:var(--tint-a);
}
.yt-strip .yt-play{position:static;transform:none;width:44px;height:44px;flex:none;font-size:1rem}
.yt-strip b{display:block;color:var(--ink);font-weight:600}
.yt-strip span span{display:block;font-size:.88rem;color:var(--muted)}
@media(max-width:640px){
  .yt-card{grid-template-columns:1fr;gap:.9rem}
}

/* ── अनुभव: समीक्षा cards (js/reviews.js) ── */
.testi-stars{color:var(--gold);letter-spacing:.12em;font-size:1rem;line-height:1}
.testi-stars span{color:var(--gold-hair)}
.testi-marquee{
  overflow:hidden;padding:.6rem 0 1.2rem;outline:none;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
          mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
}
.testi-track{display:flex;gap:1.6rem;width:max-content;animation:testi-roll calc(var(--n,6) * 9s) linear infinite}
.testi-track .testi{width:min(360px,80vw);flex:none}
.testi-marquee:hover .testi-track,.testi-marquee:focus-within .testi-track,.testi-marquee:active .testi-track{animation-play-state:paused}
@keyframes testi-roll{to{transform:translateX(calc(-50% - .8rem))}}
@media (prefers-reduced-motion:reduce){
  .testi-marquee{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-mask-image:none;mask-image:none}
  .testi-track{animation:none}
  .testi-track .testi{scroll-snap-align:start}
  .testi-track [aria-hidden="true"]{display:none}
}

/* ---------- भाषा-बटन — हिं | EN (NDTV की तरह) ---------- */
.lang-switch{
  margin-left:auto;flex:none;display:inline-flex;align-items:center;gap:2px;
  padding:3px;border-radius:999px;border:1px solid var(--gold-hair);background:var(--ghost-bg);
  font-size:.78rem;font-weight:600;line-height:1;letter-spacing:.02em;
}
.lang-switch a,.lang-switch b{display:inline-block;padding:.5rem .72rem;border-radius:999px;color:var(--ink);font-weight:600}
.lang-switch b{background:var(--gold);color:#fff;cursor:default}
.lang-switch a:hover{color:var(--gold-deep);background:rgba(201,162,39,.1)}
.lang-switch .ls-hi{font-family:var(--font-hindi);font-size:.86rem;padding-block:.42rem}
@media(max-width:920px){.lang-switch{margin-right:.4rem}}

/* ============================================================
   दैनिक पंचांग (panchang.html) — केवल pc- classes
   मौजूदा रंग-चर और fonts ही; कोई नया रंग या font नहीं
   ============================================================ */
.pc-hero{padding-bottom:1.6rem}
.pc-hero .eyebrow{justify-content:center}
.pc-wrap{max-width:1040px}
.pc-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* --- नियंत्रण-पट्टी --- */
.pc-bar{
  display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;
  padding:.7rem;border-radius:999px;border:1px solid var(--gold-hair);
  background:var(--glass-card);box-shadow:var(--shadow-sm),inset 0 1px 0 var(--inner-hi);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
}
.pc-field{position:relative;display:flex;align-items:center;flex:1 1 210px;min-width:0}
.pc-field svg{position:absolute;left:1rem;width:17px;height:17px;color:var(--gold-deep);pointer-events:none}
.pc-field select,.pc-field input{
  width:100%;appearance:none;-webkit-appearance:none;font:inherit;font-size:.98rem;color:var(--ink);
  padding:.78rem 1.1rem .78rem 2.7rem;border-radius:999px;border:1px solid rgba(201,162,39,.24);
  background:var(--input-bg);transition:border-color .3s,box-shadow .3s;min-height:48px;
}
.pc-field select{padding-right:2.4rem;cursor:pointer}
.pc-field .pc-caret{left:auto;right:1rem;width:12px;height:12px}
.pc-field select:focus,.pc-field input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 4px var(--gold-soft)}
.pc-arrows{display:flex;gap:.45rem;flex:none}
.pc-ic{
  width:48px;height:48px;border-radius:50%;display:grid;place-items:center;flex:none;
  border:1px solid var(--gold-hair);background:var(--ghost-bg);color:var(--ink);cursor:pointer;
  transition:transform .3s var(--ease),background .3s,border-color .3s;
}
.pc-ic:hover{transform:translateY(-2px);border-color:var(--gold);background:var(--card)}
.pc-ic svg{width:18px;height:18px}
.pc-todaybtn{
  min-height:48px;padding:0 1.3rem;border-radius:999px;border:0;cursor:pointer;font:inherit;font-weight:600;font-size:.92rem;
  background:var(--gold);color:#fff;box-shadow:0 8px 22px rgba(201,162,39,.32);
}
.pc-todaybtn[hidden]{display:none}

/* --- मुख्य पट्टिका --- */
.pc-plaque{
  position:relative;margin-top:1.6rem;border-radius:var(--r-lg);overflow:hidden;
  background:
    radial-gradient(600px 320px at 18% 30%,rgba(201,162,39,.16),transparent 70%),
    linear-gradient(160deg,var(--tint-a) 0%,var(--tint-b) 100%);
  border:1px solid var(--gold-hair);box-shadow:var(--shadow-lg),inset 0 1px 0 var(--inner-hi);
  display:grid;grid-template-columns:minmax(220px,300px) 1fr;gap:clamp(1.4rem,4vw,3.2rem);align-items:center;
  padding:clamp(1.6rem,4.5vw,3.2rem);
}
.pc-plaque::before{ /* भीतर का दूसरा सुनहरा फ्रेम */
  content:"";position:absolute;inset:10px;border-radius:calc(var(--r-lg) - 8px);
  border:1px solid rgba(201,162,39,.22);pointer-events:none;
}
.pc-corner{position:absolute;width:44px;height:44px;color:var(--gold);opacity:.55;pointer-events:none}
.pc-corner.tl{top:18px;left:18px}
.pc-corner.tr{top:18px;right:18px;transform:scaleX(-1)}
.pc-corner.bl{bottom:18px;left:18px;transform:scaleY(-1)}
.pc-corner.br{bottom:18px;right:18px;transform:scale(-1,-1)}
.pc-chakra{position:relative;width:100%;max-width:300px;margin-inline:auto;aspect-ratio:1}
.pc-chakra svg{width:100%;height:100%}
.pc-chakra .pc-glow{filter:drop-shadow(0 0 18px rgba(201,162,39,.45))}
.pc-chakra-cap{
  text-align:center;margin-top:.5rem;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-deep);font-weight:600;
}
.pc-date{font-family:var(--font-head);font-size:clamp(1.05rem,2.2vw,1.25rem);color:var(--text-2);display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
.pc-live{
  display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-body);font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  padding:.3rem .7rem;border-radius:999px;background:var(--gold);color:#fff;
}
.pc-live::before{content:"";width:6px;height:6px;border-radius:50%;background:#fff;animation:pc-pulse 1.8s ease-in-out infinite}
@keyframes pc-pulse{50%{opacity:.25}}
.pc-big{
  font-family:var(--font-hindi);font-weight:400;font-size:clamp(2.3rem,6.4vw,3.9rem);line-height:1.15;margin:.5rem 0 .2rem;
  background:linear-gradient(180deg,var(--ink) 30%,var(--gold-deep) 130%);-webkit-background-clip:text;background-clip:text;color:transparent;
}
html[lang="en"] .pc-big{font-family:var(--font-head);font-weight:600}
.pc-masa{font-size:1.04rem;color:var(--text-2)}
.pc-masa b{color:var(--gold-deep);font-weight:600}
.pc-ends{margin-top:.9rem;font-size:.98rem;color:var(--text-2)}
.pc-ends b{color:var(--ink);font-weight:600}
.pc-seals{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.3rem}
.pc-seal{
  display:inline-flex;align-items:baseline;gap:.45rem;padding:.5rem .95rem;border-radius:999px;
  border:1px solid var(--gold-hair);background:var(--chip-bg);font-size:.86rem;color:var(--text-2);
}
.pc-seal b{font-family:var(--font-head);font-size:1.12rem;font-weight:700;color:var(--gold-deep)}

/* --- पाँच अंग --- */
.pc-sec-h{display:flex;align-items:center;gap:1rem;margin:clamp(2.4rem,5vw,3.4rem) 0 1.1rem}
.pc-sec-h h2{font-size:clamp(1.35rem,3vw,1.75rem);margin:0;color:var(--ink)}
.pc-sec-h::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--gold-hair),transparent)}
.pc-angas{display:grid;grid-template-columns:repeat(5,1fr);gap:.9rem}
.pc-anga{
  position:relative;padding:1.3rem 1.15rem 1.15rem;border-radius:var(--r-md);background:var(--card);
  border:1px solid rgba(201,162,39,.18);box-shadow:var(--shadow-sm),inset 0 1px 0 var(--inner-hi);
  display:flex;flex-direction:column;min-height:196px;
  transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .45s;
}
.pc-anga:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--gold-hair)}
.pc-anga-k{display:flex;align-items:center;gap:.5rem;font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-deep);font-weight:600}
html[lang="hi"] .pc-anga-k{letter-spacing:.04em;font-size:.86rem;text-transform:none}
.pc-anga-k i{
  font-style:normal;font-family:var(--font-head);font-weight:700;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;
  border:1px solid var(--gold-hair);font-size:.86rem;color:var(--gold-deep);background:var(--chip-bg);
}
.pc-anga-v{font-family:var(--font-hindi);font-size:clamp(1.3rem,2.3vw,1.6rem);line-height:1.25;margin:.75rem 0 .3rem;color:var(--ink)}
html[lang="en"] .pc-anga-v{font-family:var(--font-head);font-weight:600}
.pc-anga-t{font-size:.86rem;color:var(--text-2);line-height:1.55}
.pc-anga-n{font-size:.84rem;color:var(--muted);margin-top:.45rem;line-height:1.5}
.pc-anga-n b{color:var(--text-2);font-weight:600}
.pc-prog{margin-top:auto;padding-top:.9rem}
.pc-prog[hidden]{display:none}
.pc-prog-bar{height:4px;border-radius:4px;background:var(--gold-soft);overflow:hidden}
.pc-prog-bar span{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,var(--gold-deep),var(--gold));transition:width 1s var(--ease)}
.pc-prog small{display:block;margin-top:.4rem;font-size:.74rem;color:var(--muted)}

/* --- दिन का चाप --- */
.pc-sky{
  display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(1rem,3vw,2rem);align-items:center;
  padding:clamp(1.4rem,3.6vw,2.3rem);border-radius:var(--r-lg);background:var(--card);
  border:1px solid rgba(201,162,39,.18);box-shadow:var(--shadow-sm),inset 0 1px 0 var(--inner-hi);
}
.pc-arc svg{width:100%;height:auto;overflow:visible}
.pc-arc text{font-family:var(--font-body);font-size:19px;fill:var(--muted)}
.pc-arc .pc-arc-big{font-family:var(--font-head);font-size:31px;font-weight:700;fill:var(--ink)}
.pc-facts{display:grid;gap:.15rem}
.pc-fact{display:grid;grid-template-columns:auto 1fr;gap:.9rem;align-items:center;padding:.8rem 0;border-bottom:1px solid var(--gold-hair)}
.pc-fact:last-child{border-bottom:0}
.pc-fact svg{width:30px;height:30px;color:var(--gold-deep)}
.pc-fact span{display:block;font-size:.8rem;color:var(--muted);font-weight:600;letter-spacing:.02em}
.pc-fact b{display:block;font-weight:600;color:var(--ink);font-size:1.02rem;line-height:1.45}
.pc-fact b em{font-style:normal;font-weight:400;color:var(--text-2);font-size:.88rem}
.pc-fact.rahu b{color:var(--saffron)}
[data-theme="dark"] .pc-fact.rahu b{color:var(--gold-deep)}

/* --- सात दिन --- */
.pc-days{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,1fr);gap:.8rem;overflow-x:auto;padding:.3rem .2rem 1rem;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--gold-hair) transparent}
.pc-day{
  scroll-snap-align:start;text-align:left;cursor:pointer;font:inherit;color:inherit;
  padding:1.05rem 1rem;border-radius:var(--r-md);background:var(--card);border:1px solid rgba(201,162,39,.18);
  box-shadow:var(--shadow-sm);transition:transform .35s var(--ease),border-color .35s,box-shadow .35s;
}
.pc-day:hover{transform:translateY(-3px);border-color:var(--gold);box-shadow:var(--shadow-md)}
.pc-day-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}
.pc-day-d{font-family:var(--font-head);font-size:2rem;font-weight:700;line-height:1;color:var(--ink)}
.pc-day-d small{display:block;font-family:var(--font-body);font-size:.72rem;font-weight:600;color:var(--gold-deep);letter-spacing:.06em;margin-top:.3rem}
.pc-day svg{width:30px;height:30px;flex:none}
.pc-day-w{display:block;margin-top:.7rem;font-size:.84rem;color:var(--muted)}
.pc-day-t{display:block;font-family:var(--font-hindi);font-size:1.06rem;color:var(--ink);line-height:1.35;margin-top:.15rem}
html[lang="en"] .pc-day-t{font-family:var(--font-body);font-size:.95rem;font-weight:600}
.pc-day-n{display:block;font-size:.8rem;color:var(--text-2);margin-top:.2rem}

.pc-method{
  margin-top:clamp(2rem,4vw,2.8rem);display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start;
  padding:1.2rem 1.4rem;border-radius:var(--r-md);border:1px solid var(--gold-hair);background:var(--glass-card);
  font-size:.92rem;color:var(--text-2);line-height:1.75;
}
.pc-method svg{width:26px;height:26px;color:var(--gold-deep);margin-top:.2rem}

.pc-fade{animation:pc-in .7s var(--ease) both}
@keyframes pc-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* --- होमपेज की छोटी पट्टी --- */
.pc-mini-wrap{margin-top:clamp(1.6rem,3vw,2.4rem)}
.pc-mini{
  display:grid;grid-template-columns:auto 1fr auto;gap:1.2rem;align-items:center;
  padding:1.1rem 1.4rem;border-radius:var(--r-md);border:1px solid var(--gold-hair);
  background:radial-gradient(420px 160px at 6% 50%,rgba(201,162,39,.14),transparent 70%),linear-gradient(160deg,var(--tint-a),var(--tint-b));
  box-shadow:var(--shadow-sm),inset 0 1px 0 var(--inner-hi);
}
.pc-mini[hidden]{display:none}
.pc-mini-moon svg{width:64px;height:64px;filter:drop-shadow(0 0 12px rgba(201,162,39,.35))}
.pc-mini-k{font-size:.78rem;font-weight:600;letter-spacing:.06em;color:var(--gold-deep)}
.pc-mini-t{font-family:var(--font-hindi);font-size:clamp(1.3rem,2.6vw,1.6rem);line-height:1.3;color:var(--ink);margin:.15rem 0}
html[lang="en"] .pc-mini-t{font-family:var(--font-head);font-weight:600}
.pc-mini-t span{font-family:var(--font-body);font-size:.86rem;color:var(--text-2);font-weight:400}
.pc-mini-s{font-size:.86rem;color:var(--text-2);line-height:1.65}
.pc-mini-s b{font-weight:600;color:var(--ink)}
@media(max-width:720px){
  .pc-mini{grid-template-columns:auto 1fr;padding:1rem 1.1rem}
  .pc-mini-moon svg{width:52px;height:52px}
  .pc-mini-go{grid-column:1/-1;width:100%}
}

@media(max-width:980px){
  .pc-angas{grid-template-columns:repeat(2,1fr)}
  .pc-anga:first-child{grid-column:1/-1;min-height:0}
  .pc-sky{grid-template-columns:1fr}
}
@media(max-width:720px){
  .pc-plaque{grid-template-columns:1fr;text-align:center}
  .pc-chakra{max-width:220px}
  .pc-date,.pc-seals{justify-content:center}
  .pc-bar{border-radius:var(--r-md);display:grid;grid-template-columns:48px 1fr 48px;gap:.55rem}
  .pc-field{grid-column:1/-1}
  .pc-field:nth-of-type(2){grid-column:2;grid-row:2}
  .pc-arrows{display:contents}
  #pc-prev{grid-column:1;grid-row:2}
  #pc-next{grid-column:3;grid-row:2}
  .pc-todaybtn{grid-column:1/-1;grid-row:3}
}
@media(max-width:420px){
  .pc-angas{grid-template-columns:1fr}
  .pc-anga{min-height:0}
}

/* ---------- मुख्य menu — एक और link के बाद भी एक ही पंक्ति में ----------
   921–1279px: menu बटन (☰) वाला रूप; 1280px से ऊपर: पूरी पंक्ति */
@media(min-width:921px) and (max-width:1279px){
  .nav-toggle{display:grid}
  .nav-links{
    position:fixed;inset:0;background:var(--glass);
    -webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%);
    flex-direction:column;justify-content:center;justify-content:safe center;gap:1.8rem;font-size:1.2rem;
    overflow-y:auto;padding-block:5rem;
    opacity:0;pointer-events:none;transform:translateY(-12px);
    transition:opacity .4s var(--ease),transform .4s var(--ease);z-index:-1;
  }
  .nav-open .nav-links{opacity:1;pointer-events:auto;transform:none;z-index:999}
  .lang-switch{margin-right:.4rem}
}
@media(min-width:1280px){
  .nav-links{gap:.62rem}
  .nav-links a:not(.btn){font-size:.86rem;white-space:nowrap}
  .nav-links .btn,.site-header .brand{white-space:nowrap}
}

/* ---------- English menu: लम्बे शब्दों के कारण 1280–1599px पर ☰ menu; 1600px से ऊपर चौड़ी पंक्ति ---------- */
@media(min-width:1280px) and (max-width:1599px){
  html[lang="en"] .nav-toggle{display:grid}
  html[lang="en"] .nav-links{
    position:fixed;inset:0;background:var(--glass);
    -webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%);
    flex-direction:column;justify-content:center;justify-content:safe center;gap:1.8rem;font-size:1.2rem;
    overflow-y:auto;padding-block:5rem;
    opacity:0;pointer-events:none;transform:translateY(-12px);
    transition:opacity .4s var(--ease),transform .4s var(--ease);z-index:-1;
  }
  html[lang="en"] .nav-links a:not(.btn){font-size:1.2rem}
  html[lang="en"] .nav-open .nav-links{opacity:1;pointer-events:auto;transform:none;z-index:999}
}
@media(min-width:1600px){html[lang="en"] .site-header .container{max-width:1540px}}

/* ---------- त्वरित पट्टी (main.js से) — header के नीचे, हमेशा दिखे ---------- */
.quick-strip{border-top:1px solid var(--gold-hair);margin-top:.55rem}
.quick-strip-in{display:flex;gap:.35rem;justify-content:center;justify-content:safe center;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-block:.4rem}
.quick-strip-in::-webkit-scrollbar{display:none}
.quick-strip a{flex:none;font-size:.84rem;font-weight:500;color:var(--gold-deep);padding:.28rem .8rem;border-radius:999px;border:1px solid transparent;white-space:nowrap;transition:background .25s var(--ease),border-color .25s var(--ease)}
.quick-strip a:hover{border-color:var(--gold-hair);background:var(--ghost-bg)}
.quick-strip a[aria-current="page"]{border-color:var(--gold);background:var(--ghost-bg);color:var(--ink)}
.site-header.scrolled .quick-strip{margin-top:.45rem}
html.has-qs body{padding-top:var(--qs-h,2.75rem)}
.nav-open .quick-strip{visibility:hidden}
@media(max-width:720px){
  .quick-strip-in{justify-content:flex-start;padding-inline:1rem}
  .quick-strip a{font-size:.82rem;padding:.26rem .7rem}
}
@media print{.quick-strip{display:none}}

.pc-share-row{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin:1.2rem 0 .4rem}
.pc-share-hint{text-align:center;font-size:.85rem;color:var(--muted);max-width:520px;margin:.2rem auto 0}
.pc-share-hint[hidden]{display:none}
.pc-daily-box{margin:2rem auto 0;padding:1.4rem 1.3rem;max-width:860px;border:1px solid var(--gold-hair);border-radius:var(--r-md);background:var(--ghost-bg);text-align:center}
.pc-daily-box h3{font-size:1.25rem;margin:.2rem 0 1rem}
.pc-daily-opts{display:grid;grid-template-columns:1fr 1fr;gap:1rem;text-align:left}
.pc-daily-opt{padding:1rem;border-radius:var(--r-md);border:1px solid var(--gold-hair);background:var(--bg)}
.pc-daily-opt b{display:block;color:var(--gold-deep);margin-bottom:.3rem}
.pc-daily-opt p{font-size:.88rem;color:var(--text-2);margin:0 0 .7rem}
.pc-daily-btns{display:flex;flex-wrap:wrap;gap:.5rem}
.pc-daily-box>.ac-small{margin-top:.9rem}
@media(max-width:680px){.pc-daily-opts{grid-template-columns:1fr}}
/* ---------- प्रस्तुति-पंक्ति: डॉ. शर्मा का फ़ोटो + नाम (पंचांग, आरती, स्तोत्र पन्नों के नीचे) ---------- */
.dgs-byline{display:flex;align-items:center;justify-content:center;gap:1rem;margin:2.6rem auto 0;padding:1.1rem 1.3rem;max-width:560px;border-top:1px solid var(--gold-hair);border-bottom:1px solid var(--gold-hair)}
.dgs-byline img{width:64px;height:64px;border-radius:50%;object-fit:cover;flex:none;border:2px solid var(--gold);box-shadow:var(--shadow-sm)}
.dgs-byline p{display:flex;flex-direction:column;gap:.1rem;line-height:1.3;margin:0}
.dgs-byline-k{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.dgs-byline a{font-family:var(--font-head);font-weight:700;font-size:1.12rem;color:var(--ink)}
.dgs-byline a:hover{color:var(--gold-deep)}
.dgs-byline-s{font-size:.8rem;color:var(--gold-deep)}

/* ============================================================
   आरती-चालीसा (aarti-chalisa/) — केवल ac- classes
   मौजूदा रंग-चर और fonts ही
   ============================================================ */
.ac-hero{padding-bottom:2rem;background:radial-gradient(760px 380px at 50% -10%,rgba(201,162,39,.16),transparent 70%),var(--bg)}
.ac-hero .eyebrow{justify-content:center}
.ac-crumb{font-size:.82rem;color:var(--muted);margin-bottom:1rem}
.ac-crumb a{color:var(--gold-deep)}
.ac-h1{font-size:clamp(2.1rem,6vw,3.4rem);line-height:1.2;margin-top:.4rem}
.ac-lead{margin-top:.9rem;font-size:clamp(1.02rem,1.5vw,1.15rem)}
.ac-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1.4rem}
.ac-chip{padding:.42rem .9rem;border-radius:999px;border:1px solid var(--gold-hair);background:var(--chip-bg);font-size:.82rem;color:var(--text-2)}

/* --- पैनल (दीप-थाली / पाठ-गिनती) --- */
.ac-panel{
  display:grid;grid-template-columns:auto 1fr;gap:clamp(1.2rem,3vw,2.2rem);align-items:center;
  padding:clamp(1.3rem,3.5vw,2rem);border-radius:var(--r-lg);border:1px solid var(--gold-hair);
  background:radial-gradient(420px 220px at 12% 40%,rgba(201,162,39,.16),transparent 70%),linear-gradient(160deg,var(--tint-a),var(--tint-b));
  box-shadow:var(--shadow-md),inset 0 1px 0 var(--inner-hi);
}
.ac-panel h2{font-size:clamp(1.3rem,3vw,1.7rem);margin:.2rem 0 .5rem}
.ac-panel p{color:var(--text-2);font-size:.95rem}
.ac-btns{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem;align-items:center}
.ac-btns .btn svg{width:18px;height:18px}
.ac-link{background:none;border:0;color:var(--muted);font:inherit;font-size:.88rem;text-decoration:underline;cursor:pointer;padding:.4rem}
.ac-small{font-size:.84rem;color:var(--muted);margin-top:.7rem}

.ac-thali{width:clamp(150px,30vw,210px)}
.ac-thali-svg{width:100%;height:auto;overflow:visible}
.ac-flame{transform-origin:110px 108px;animation:ac-flick 1.6s ease-in-out infinite}
.ac-glow{animation:ac-glow 2.4s ease-in-out infinite}
@keyframes ac-flick{0%,100%{transform:scale(1,1)}30%{transform:scale(.94,1.06) skewX(2deg)}60%{transform:scale(1.04,.96) skewX(-2deg)}}
@keyframes ac-glow{50%{opacity:.6}}
.ac-orbit{transform-origin:110px 110px}
.ac-aarti.on .ac-orbit{animation:ac-orbit 3.6s linear infinite}
@keyframes ac-orbit{
  0%{transform:translate(0,-14px) rotate(0deg)}25%{transform:translate(14px,0) rotate(4deg)}
  50%{transform:translate(0,14px) rotate(0deg)}75%{transform:translate(-14px,0) rotate(-4deg)}100%{transform:translate(0,-14px) rotate(0deg)}
}
.ac-thali.ring{animation:ac-ring .5s ease-out}
@keyframes ac-ring{30%{filter:drop-shadow(0 0 22px rgba(201,162,39,.7))}}

.ac-ring{position:relative;width:clamp(130px,26vw,170px);aspect-ratio:1}
.ac-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.ac-ring-bg{fill:none;stroke:var(--gold-soft);stroke-width:8}
.ac-ring-fg{fill:none;stroke:var(--gold);stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset .6s var(--ease)}
.ac-ring-c{position:absolute;inset:0;display:grid;place-content:center;text-align:center}
.ac-ring-c b{font-family:var(--font-head);font-weight:700;font-size:clamp(2.2rem,6vw,2.9rem);line-height:1;color:var(--ink)}
.ac-ring-c span{font-size:.86rem;color:var(--muted);margin-top:.2rem}
.ac-mala.done .ac-ring-fg{stroke:var(--green)}
.ac-targets{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.4rem}
.ac-targets button{
  min-width:44px;height:38px;padding:0 .7rem;border-radius:999px;border:1px solid var(--gold-hair);background:var(--chip-bg);
  font-family:var(--font-body);font-weight:600;font-size:.92rem;color:var(--ink);cursor:pointer;
}
.ac-targets button.on{background:var(--gold);border-color:var(--gold);color:#fff}

/* --- पढ़ने के विकल्प --- */
.ac-tools{
  position:sticky;top:84px;z-index:20;margin:1.6rem 0 .6rem;display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap;
  padding:.55rem .7rem;border-radius:999px;border:1px solid var(--gold-hair);background:var(--glass-card);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-sm);
}
.ac-switch{display:inline-flex;align-items:center;gap:.55rem;font-size:.9rem;font-weight:600;color:var(--ink);cursor:pointer;padding-left:.3rem}
.ac-switch input{position:absolute;opacity:0;width:1px;height:1px}
.ac-switch span{width:40px;height:22px;border-radius:999px;background:var(--gold-soft);position:relative;transition:background .3s}
.ac-switch span::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .3s var(--ease)}
.ac-switch input:checked+span{background:var(--gold)}
.ac-switch input:checked+span::after{transform:translateX(18px)}
.ac-switch input:focus-visible+span{outline:2px solid var(--gold);outline-offset:2px}
.ac-fs{display:flex;gap:.3rem}
.ac-fs button,.ac-share{
  height:38px;min-width:44px;padding:0 .8rem;border-radius:999px;border:1px solid var(--gold-hair);background:var(--ghost-bg);
  font-family:var(--font-hindi);font-size:1rem;color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;
}
.ac-share{font-family:var(--font-body);font-size:.88rem;font-weight:600}
.ac-share svg{width:16px;height:16px}

/* --- पाठ --- */
.ac-text{--ac-k:1;margin-top:.6rem}
.ac-sec{display:flex;align-items:center;gap:1rem;margin:2.2rem 0 .8rem;color:var(--gold-deep);font-size:.86rem;font-weight:600;letter-spacing:.06em}
.ac-sec::before,.ac-sec::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--gold-hair))}
.ac-sec::after{background:linear-gradient(90deg,var(--gold-hair),transparent)}
.ac-sec span{font-family:var(--font-hindi);font-size:1.02rem;letter-spacing:0}
.ac-v{position:relative;padding:1.1rem 0 1.2rem;border-bottom:1px solid rgba(201,162,39,.16);text-align:center}
.ac-v:last-child{border-bottom:0}
.ac-n{
  display:inline-grid;place-items:center;min-width:30px;height:30px;padding:0 .4rem;border-radius:999px;margin-bottom:.5rem;
  border:1px solid var(--gold-hair);background:var(--chip-bg);font-family:var(--font-body);font-weight:600;font-size:.82rem;color:var(--gold-deep);
}
.ac-l{font-family:var(--font-hindi);font-size:calc(clamp(1.22rem,3.1vw,1.55rem) * var(--ac-k));line-height:1.95;color:var(--ink)}
.ac-b{
  max-width:640px;margin:.8rem auto 0;text-align:left;padding:.75rem 1rem;border-radius:var(--r-sm);
  background:var(--tint-a);border-left:3px solid var(--gold);font-size:calc(.97rem * var(--ac-k));line-height:1.75;color:var(--text-2);
}
.ac-b-k{display:block;font-size:.72rem;font-weight:600;letter-spacing:.08em;color:var(--gold-deep);margin-bottom:.15rem}
.ac-nobhav .ac-b{display:none}
.ac-tek{margin-top:.55rem;font-family:var(--font-hindi);font-size:calc(.98rem * var(--ac-k));color:var(--gold-deep);opacity:.85}

.ac-rels{margin-top:2.4rem}
.ac-rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:.6rem}
.ac-rel{display:block;padding:1rem 1.1rem;border-radius:var(--r-md);border:1px solid rgba(201,162,39,.18);background:var(--card);box-shadow:var(--shadow-sm);transition:transform .35s var(--ease),border-color .35s}
.ac-rel:hover{transform:translateY(-3px);border-color:var(--gold)}
.ac-rel span{display:block;font-size:.76rem;color:var(--gold-deep);font-weight:600}
.ac-rel b{display:block;font-family:var(--font-hindi);font-weight:400;font-size:1.1rem;color:var(--ink);margin-top:.2rem;line-height:1.35}

/* --- सूची पन्ना --- */
.ac-filter{display:flex;justify-content:center;gap:.5rem;margin:1.6rem 0 .4rem}
.ac-filter button{height:40px;padding:0 1.1rem;border-radius:999px;border:1px solid var(--gold-hair);background:var(--ghost-bg);font:inherit;font-size:.92rem;font-weight:600;color:var(--ink);cursor:pointer}
.ac-filter button.on{background:var(--gold);border-color:var(--gold);color:#fff}
.ac-h2{font-size:clamp(1.4rem,3vw,1.8rem);margin:2.2rem 0 1rem;display:flex;align-items:center;gap:1rem}
.ac-h2::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--gold-hair),transparent)}
.ac-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem}
.ac-card{
  position:relative;display:flex;flex-direction:column;gap:.25rem;padding:1.3rem 1.2rem 1.2rem;border-radius:var(--r-md);
  background:var(--card);border:1px solid rgba(201,162,39,.18);box-shadow:var(--shadow-sm),inset 0 1px 0 var(--inner-hi);
  transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .4s;
}
.ac-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--gold-hair)}
.ac-card-ic{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;margin-bottom:.5rem;color:var(--gold-deep);
  background:radial-gradient(circle at 32% 28%,var(--badge-hi),var(--band));border:1px solid var(--gold-hair)}
.ac-card-ic svg{width:26px;height:26px}
.ac-card-k{font-size:.76rem;font-weight:600;color:var(--gold-deep)}
.ac-card-t{font-family:var(--font-hindi);font-weight:400;font-size:1.25rem;line-height:1.35;color:var(--ink)}
.ac-card-m{font-size:.82rem;color:var(--muted)}
.ac-today{margin-top:.4rem;padding:1.3rem;border-radius:var(--r-lg);border:1px solid var(--gold-hair);
  background:radial-gradient(500px 200px at 10% 0%,rgba(201,162,39,.14),transparent 70%),linear-gradient(160deg,var(--tint-a),var(--tint-b))}
.ac-today[hidden]{display:none}
.ac-today .eyebrow{margin-bottom:.8rem}
.ac-more{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin-top:1.6rem}

@media(max-width:720px){
  .ac-panel{grid-template-columns:1fr;text-align:center;justify-items:center}
  .ac-btns,.ac-targets{justify-content:center}
  .ac-tools{top:72px;border-radius:var(--r-md)}
  .ac-rel-grid{grid-template-columns:1fr}
  .ac-card{display:grid;grid-template-columns:46px 1fr;column-gap:.9rem;row-gap:.1rem;align-items:center;padding:1rem 1.1rem}
  .ac-card-ic{grid-row:1/4;margin:0}
  .ac-card-t{font-size:1.15rem}
  .ac-thali{width:200px}
  .ac-v{padding:.9rem 0 1rem}
}
@media (prefers-reduced-motion:reduce){.ac-flame,.ac-glow,.ac-aarti.on .ac-orbit{animation:none}}

/* --- असली स्वर में पाठ --- */
.ac-audio{margin-top:1.4rem;padding:1rem 1.1rem;border-radius:var(--r-md);border:1px solid var(--gold-hair);background:var(--card);box-shadow:var(--shadow-sm)}
.ac-audio-k{font-size:.8rem;font-weight:600;letter-spacing:.06em;color:var(--gold-deep);margin-bottom:.6rem}
.ac-audio audio{width:100%}
.ac-yt{position:relative;aspect-ratio:16/9;border-radius:var(--r-sm);overflow:hidden;background:#000}
.ac-yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* ================= मंदिर-अनुभव ================= */
.ac-page{position:relative}
html.ac-mandir .ac-page{background:
  radial-gradient(900px 520px at 50% 0%,rgba(207,169,47,.13),transparent 70%),
  radial-gradient(700px 700px at 0% 60%,rgba(174,90,17,.06),transparent 70%),
  radial-gradient(700px 700px at 100% 85%,rgba(207,169,47,.05),transparent 70%),var(--bg)}
.ac-hero{position:relative;overflow:hidden;isolation:isolate;padding-top:clamp(9rem,16vh,11rem)}
html.ac-mandir .ac-hero{background:radial-gradient(640px 360px at 50% 34%,rgba(207,169,47,.20),transparent 70%)}
.ac-hero .container{position:relative;z-index:2}
.ac-art{position:absolute;inset:0;pointer-events:none;color:var(--gold);z-index:1}
.ac-torana{position:absolute;left:50%;top:clamp(70px,9vh,96px);transform:translateX(-50%);width:min(1200px,118%);height:auto;opacity:.78}
.ac-bellh{position:absolute;top:clamp(118px,14vh,150px);width:22px;height:52px;color:var(--gold);transform-origin:50% 0;animation:ac-swing 3.2s ease-in-out infinite;animation-delay:var(--d)}
.ac-bellh svg{width:100%;height:100%}
@keyframes ac-swing{0%,100%{transform:rotate(5deg)}50%{transform:rotate(-5deg)}}
.ac-sparks{position:absolute;left:0;right:0;bottom:0;height:70%}
.ac-sparks i{position:absolute;bottom:-6px;width:4px;height:4px;border-radius:50%;background:#F6D77A;box-shadow:0 0 8px 2px rgba(246,215,122,.6);opacity:0;animation:ac-rise 7s linear infinite}
.ac-sparks i:nth-child(1){left:8%;animation-delay:0s}.ac-sparks i:nth-child(2){left:16%;animation-delay:2.2s;animation-duration:8s}
.ac-sparks i:nth-child(3){left:24%;animation-delay:4.1s}.ac-sparks i:nth-child(4){left:33%;animation-delay:1.1s;animation-duration:9s}
.ac-sparks i:nth-child(5){left:41%;animation-delay:5.3s}.ac-sparks i:nth-child(6){left:49%;animation-delay:3.2s;animation-duration:6.5s}
.ac-sparks i:nth-child(7){left:57%;animation-delay:.6s}.ac-sparks i:nth-child(8){left:64%;animation-delay:4.7s;animation-duration:8.5s}
.ac-sparks i:nth-child(9){left:71%;animation-delay:2.7s}.ac-sparks i:nth-child(10){left:78%;animation-delay:6s;animation-duration:7.5s}
.ac-sparks i:nth-child(11){left:85%;animation-delay:1.6s}.ac-sparks i:nth-child(12){left:92%;animation-delay:3.8s;animation-duration:9.5s}
.ac-sparks i:nth-child(13){left:37%;animation-delay:6.6s}.ac-sparks i:nth-child(14){left:61%;animation-delay:.2s;animation-duration:10s}
@keyframes ac-rise{0%{transform:translate(0,0);opacity:0}10%{opacity:.9}70%{opacity:.6}100%{transform:translate(18px,-260px);opacity:0}}
html:not(.ac-mandir) .ac-sparks i{background:var(--gold);box-shadow:none;opacity:.5}

/* गेंदे की बन्दनवार */
.ac-garland{height:38px;margin:-.4rem 0 1.4rem;opacity:.95;background-repeat:repeat-x;background-position:center top;background-size:72px 38px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='38' viewBox='0 0 72 38'%3E%3Cpath d='M0 4 Q36 30 72 4' fill='none' stroke='%238C6D14' stroke-width='1.2' opacity='.7'/%3E%3Ccircle cx='12' cy='12' r='5.5' fill='%23AE5A11'/%3E%3Ccircle cx='24' cy='19' r='5.5' fill='%23C9A227'/%3E%3Ccircle cx='36' cy='21' r='6' fill='%23AE5A11'/%3E%3Ccircle cx='48' cy='19' r='5.5' fill='%23C9A227'/%3E%3Ccircle cx='60' cy='12' r='5.5' fill='%23AE5A11'/%3E%3Cpath d='M30 23 q-4 6 0 10 q4-4 0-10z M42 23 q4 6 0 10 q-4-4 0-10z' fill='%232F6B3C' opacity='.8'/%3E%3Ccircle cx='36' cy='33' r='2.6' fill='%23C9A227'/%3E%3C/svg%3E")}

/* पढ़ने की प्रगति */
.ac-progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:1001;pointer-events:none}
.ac-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--saffron),var(--gold));transform-origin:0 50%;transform:scaleX(0);box-shadow:0 0 10px rgba(207,169,47,.6)}

/* चलती पंक्ति पर रोशनी */
.ac-text.focusing .ac-v{opacity:.6;transition:opacity .5s var(--ease),background .5s var(--ease)}
.ac-text.focusing .ac-v.cur{opacity:1}
html.ac-mandir .ac-v.cur .ac-l{text-shadow:0 0 26px rgba(207,169,47,.28)}
.ac-v.cur{background:radial-gradient(420px 120px at 50% 40%,rgba(207,169,47,.08),transparent 75%)}

/* पद का चित्र-कार्ड बटन */
.ac-vshare{position:absolute;right:0;top:.9rem;width:36px;height:36px;border-radius:50%;border:1px solid var(--gold-hair);background:var(--ghost-bg);color:var(--gold-deep);display:grid;place-items:center;cursor:pointer;opacity:.55;transition:opacity .3s}
.ac-vshare svg{width:17px;height:17px}
.ac-v:hover .ac-vshare,.ac-v.cur .ac-vshare,.ac-vshare:focus-visible{opacity:1}
.ac-vshare.busy{animation:ac-pulse2 .8s ease-in-out infinite}
@keyframes ac-pulse2{50%{transform:scale(.88)}}

/* इति + पुष्पांजलि */
.ac-end{margin-top:2.4rem;padding:2rem 1.2rem;text-align:center;border-radius:var(--r-lg);border:1px solid var(--gold-hair);
  background:radial-gradient(420px 200px at 50% 0%,rgba(207,169,47,.16),transparent 70%),linear-gradient(160deg,var(--tint-a),var(--tint-b))}
.ac-iti{font-family:var(--font-hindi);font-size:clamp(1.6rem,4vw,2.1rem);color:var(--gold-deep)}
.ac-end-t{color:var(--text-2);margin-top:.3rem}
.ac-petals{position:fixed;inset:0;pointer-events:none;z-index:1200;overflow:hidden}
.ac-petals i{position:absolute;top:-30px;width:14px;height:10px;border-radius:70% 0 70% 0;animation:ac-fall 5s linear forwards;opacity:.95}
.ac-petals i.a{background:linear-gradient(135deg,#C9A227,#AE5A11)}
.ac-petals i.b{background:linear-gradient(135deg,#F6D77A,#C9A227)}
.ac-petals i.c{background:linear-gradient(135deg,#AE5A11,#8F470C);width:11px;height:8px}
@keyframes ac-fall{0%{transform:translate(0,0) rotate(0)}100%{transform:translate(var(--x),110vh) rotate(var(--r));opacity:.85}}

/* दिनों का संकल्प */
.ac-days{margin-top:1.1rem;padding-top:1rem;border-top:1px dashed var(--gold-hair);width:100%}
.ac-days-h{font-size:.9rem;font-weight:600;color:var(--ink)}
.ac-days-h span{font-weight:400;color:var(--muted);font-size:.84rem}
.ac-days-opts{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.5rem;align-items:center}
.ac-days-opts button[data-d]{height:36px;padding:0 1rem;border-radius:999px;border:1px solid var(--gold-hair);background:var(--chip-bg);font:inherit;font-size:.86rem;font-weight:600;color:var(--ink);cursor:pointer}
.ac-days-opts button[hidden]{display:none}
.ac-days-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(26px,1fr));gap:.35rem;margin-top:.7rem}
.ac-dd{display:grid;place-items:center;aspect-ratio:1;border-radius:8px;border:1px solid var(--gold-hair);color:var(--gold-hair)}
.ac-dd svg{width:72%;height:72%;fill:none;stroke:currentColor;stroke-width:1.5}
.ac-dd.lit{color:var(--gold);background:rgba(207,169,47,.12);box-shadow:0 0 12px rgba(207,169,47,.35)}
.ac-dd.lit svg path:first-child{fill:#F6D77A;stroke:#C9A227}
.ac-dd.today{border-color:var(--gold);border-width:2px}
.ac-dd.fut{opacity:.35}
@media(max-width:720px){
  .ac-hero{padding-top:clamp(7.5rem,14vh,9rem)}
  .ac-torana{width:150%;top:64px}
  .ac-bellh{top:96px;width:16px;height:40px}
  .ac-bellh:nth-of-type(2),.ac-bellh:nth-of-type(3){display:none}
  .ac-vshare{top:.6rem}
}
@media (prefers-reduced-motion:reduce){.ac-bellh,.ac-sparks i{animation:none}.ac-sparks{display:none}}

/* ================= जुड़ाव ================= */
/* शब्द-अर्थ */
.ac-w{all:unset;cursor:help;border-bottom:1px dotted var(--gold);padding-bottom:1px}
.ac-w:hover,.ac-w:focus-visible{color:var(--gold-deep);outline:none}
.ac-pop{position:absolute;z-index:1300;max-width:260px;padding:.55rem .8rem;border-radius:12px;border:1px solid var(--gold-hair);
  background:var(--card);box-shadow:var(--shadow-md);font-size:.88rem;line-height:1.5;color:var(--text-2);animation:ac-in .2s ease-out}
.ac-pop b{display:block;font-family:var(--font-hindi);font-weight:400;font-size:1.05rem;color:var(--gold-deep)}
@keyframes ac-in{from{opacity:0;transform:translateY(4px)}}
/* रोज़ याद */
.ac-remind{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1rem}
.ac-remind-k{font-size:.86rem;font-weight:600;color:var(--ink)}
.ac-remind select{height:38px;padding:0 .7rem;border-radius:999px;border:1px solid var(--gold-hair);background:var(--input-bg);color:var(--ink);font:inherit;font-size:.86rem}
/* सामूहिक गिनती */
.ac-comm{margin-top:1rem;font-size:.86rem;color:var(--text-2);text-align:center;width:100%}
.ac-comm b{color:var(--gold-deep)}
.ac-comm-box{margin:1.2rem 0;padding:1.3rem;border-radius:var(--r-lg);border:1px solid var(--gold-hair);
  background:radial-gradient(500px 200px at 50% 0%,rgba(207,169,47,.16),transparent 70%),linear-gradient(160deg,var(--tint-a),var(--tint-b));text-align:center}
.ac-comm-box .eyebrow{justify-content:center}
.ac-comm-big{font-size:1rem;color:var(--text-2);margin:.3rem 0 .7rem}
.ac-comm-big b{font-family:var(--font-head);font-size:2.2rem;color:var(--ink)}
.ac-comm-bar{height:10px;border-radius:999px;background:var(--gold-soft);overflow:hidden}
.ac-comm-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--saffron),var(--gold));box-shadow:0 0 12px rgba(207,169,47,.5)}
/* स्मृति-चित्र */
.ac-cert{margin-top:1rem;padding:1rem;border-radius:var(--r-md);border:1px solid var(--gold);background:rgba(207,169,47,.08);text-align:left}
.ac-cert[hidden]{display:none}
.ac-cert-h{font-weight:600;color:var(--gold-deep)}
.ac-cert-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.6rem}
.ac-cert-row input{flex:1 1 180px;height:42px;padding:0 1rem;border-radius:999px;border:1px solid var(--gold-hair);background:var(--input-bg);color:var(--ink);font:inherit}
/* आज की चौपाई */
.ac-daily{margin:.6rem 0 1.2rem;padding:clamp(1.3rem,4vw,2rem);text-align:center;border-radius:var(--r-lg);border:1px solid var(--gold-hair);
  background:radial-gradient(520px 240px at 50% 0%,rgba(207,169,47,.18),transparent 70%),linear-gradient(160deg,var(--tint-a),var(--tint-b));box-shadow:var(--shadow-md)}
.ac-daily .eyebrow{justify-content:center}
.ac-daily-t a{font-size:.86rem;font-weight:600;color:var(--gold-deep)}
.ac-daily-l{font-family:var(--font-hindi);font-size:clamp(1.3rem,3.6vw,1.7rem);line-height:1.9;color:var(--ink);margin:.6rem 0}
.ac-daily-b{max-width:620px;margin:0 auto;color:var(--text-2);font-size:.95rem}
.ac-daily .ac-btns{justify-content:center}
/* आज का प्रश्न */
.ac-quiz{margin-top:2rem;padding:1.4rem;border-radius:var(--r-lg);border:1px solid var(--gold-hair);background:var(--card);box-shadow:var(--shadow-sm)}
.ac-q{font-family:var(--font-hindi);font-size:1.2rem;line-height:1.6;color:var(--ink);margin:.4rem 0 .9rem}
.ac-q-opts{display:grid;gap:.5rem}
.ac-q-opts button{text-align:left;min-height:46px;padding:.6rem 1rem;border-radius:14px;border:1px solid var(--gold-hair);background:var(--ghost-bg);color:var(--ink);font:inherit;font-size:.95rem;cursor:pointer}
.ac-q-opts button:hover:not(:disabled){border-color:var(--gold)}
.ac-q-opts button.ok{background:rgba(47,107,60,.18);border-color:var(--green);color:var(--ink)}
.ac-q-opts button.no{background:rgba(174,90,17,.14);border-color:var(--saffron)}
.ac-q-res{margin-top:.8rem;font-size:.92rem;color:var(--text-2)}
.ac-q-res a{color:var(--gold-deep)}
/* होम स्क्रीन */
.ac-install{margin-top:1.4rem;padding:1rem 1.1rem;border-radius:var(--r-md);border:1px dashed var(--gold-hair);text-align:center}
.ac-install[hidden]{display:none}
.ac-install p{font-size:.9rem;color:var(--text-2);margin-bottom:.6rem}
/* व्याख्या वीडियो */
.ac-vid{max-width:640px;margin:.9rem auto 0}
.ac-vid-k{font-size:.78rem;font-weight:600;color:var(--gold-deep);margin-bottom:.4rem;text-align:left}
/* संग्रह */
.ac-card-wide{margin-top:2rem}
.ac-coll{margin-top:1.4rem;padding:1.3rem 1.4rem;border-radius:var(--r-md);border:1px solid rgba(201,162,39,.2);background:var(--card);box-shadow:var(--shadow-sm)}
.ac-coll h2{font-size:clamp(1.25rem,3vw,1.5rem);margin-bottom:.3rem}
.ac-coll p{color:var(--text-2);font-size:.95rem}
.ac-coll-p{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.8rem}
.ac-coll-p a{padding:.45rem .95rem;border-radius:999px;border:1px solid var(--gold-hair);background:var(--chip-bg);font-family:var(--font-hindi);color:var(--ink)}
.ac-coll-p a:hover{border-color:var(--gold);color:var(--gold-deep)}
.ac-nav9{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem;margin-top:.8rem;list-style:none}
.ac-nav9 li{padding:.6rem .8rem;border-radius:12px;border:1px solid var(--gold-hair);background:var(--tint-a)}
.ac-nav9 b{display:block;font-size:.76rem;color:var(--gold-deep)}
.ac-nav9 span{font-family:var(--font-hindi);font-size:1.05rem;color:var(--ink)}
.ac-up-list{display:grid;gap:.6rem;margin-top:.4rem}
.ac-up{display:grid;grid-template-columns:64px 1fr auto;gap:.9rem;align-items:center;padding:.8rem 1rem;border-radius:var(--r-md);border:1px solid var(--gold-hair);background:var(--card);transition:border-color .3s}
.ac-up:hover{border-color:var(--gold)}
.ac-up-d{display:grid;place-items:center;text-align:center;font-size:.74rem;color:var(--muted);line-height:1.2}
.ac-up-d b{font-family:var(--font-head);font-size:1.7rem;color:var(--ink)}
.ac-up-t b{display:block;font-family:var(--font-hindi);font-weight:400;font-size:1.12rem;color:var(--ink)}
.ac-up-t{font-size:.82rem;color:var(--muted)}
.ac-up-p{font-size:.84rem;color:var(--gold-deep);font-weight:600;text-align:right}
@media(max-width:560px){.ac-up{grid-template-columns:56px 1fr}.ac-up-p{grid-column:1/-1;text-align:left;padding-left:72px;margin-top:-.4rem}}
.ac-card.ac-card-wide{display:flex;flex-direction:column;align-items:flex-start}
.ac-home{margin-top:1.6rem}
.ac-home .ac-daily{margin:0}
.ac-home-go{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin-top:1rem}

/* ================= सहस्रनाम ================= */
.sn-om{margin:.4rem 0 1.4rem;padding:1.3rem 1.4rem;border-radius:var(--r-lg);border:1px solid var(--gold);
  background:radial-gradient(420px 180px at 0% 0%,rgba(207,169,47,.16),transparent 70%),linear-gradient(160deg,var(--tint-a),var(--tint-b));box-shadow:var(--shadow-sm)}
.sn-om p{color:var(--text-2);font-size:.96rem;line-height:1.75}
.sn-om p b{color:var(--ink)}
.sn-om-sel{display:flex;flex-wrap:wrap;gap:.45rem;margin:.9rem 0 .2rem}
.sn-om-sel button{height:40px;padding:0 1rem;border-radius:999px;border:1px solid var(--gold-hair);background:var(--chip-bg);font:inherit;font-size:.88rem;font-weight:600;color:var(--ink);cursor:pointer}
.sn-om-sel button.on{background:var(--gold);border-color:var(--gold);color:#fff}
.sn-yg{margin-top:1rem;border-top:1px dashed var(--gold-hair);padding-top:.8rem}
.sn-yg summary{cursor:pointer;font-weight:600;color:var(--gold-deep);font-size:.95rem}
.sn-yg-in{margin-top:.8rem}
.sn-yg table{width:100%;border-collapse:collapse;font-size:.9rem;margin:.4rem 0}
.sn-yg th,.sn-yg td{padding:.55rem .5rem;border-bottom:1px solid var(--gold-hair);text-align:left;color:var(--ink)}
.sn-yg th{font-size:.8rem;color:var(--muted)}
.sn-yg-k{margin-top:1rem;font-weight:600;color:var(--gold-deep)!important}
.sn-yg-s{font-family:var(--font-hindi);font-size:1.1rem;line-height:1.8;color:var(--ink)!important;margin:.3rem 0}
.sn-yg-cta{margin-top:1rem;font-weight:600;color:var(--ink)!important}
.om.om-alt{color:var(--gold-deep)}
.sn-nav{display:flex;gap:.4rem;overflow-x:auto;padding:.3rem 0 .7rem;margin-top:.4rem;scrollbar-width:none;position:sticky;top:148px;z-index:19}
.sn-nav::-webkit-scrollbar{display:none}
.sn-nav a{flex:none;padding:.4rem .85rem;border-radius:999px;border:1px solid var(--gold-hair);background:var(--glass-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.82rem;font-weight:600;color:var(--ink)}
.sn-nav a.on{background:var(--gold);color:#fff;border-color:var(--gold)}
.sn-count{position:fixed;right:14px;bottom:86px;z-index:60;padding:.45rem .9rem;border-radius:999px;background:var(--gold);color:#fff;font-size:.82rem;font-weight:600;box-shadow:var(--shadow-md)}
.sn-count[hidden]{display:none}
.sn-sec{scroll-margin-top:200px}
.sn-h{display:flex;align-items:center;gap:1rem;margin:2.6rem 0 .6rem;font-size:clamp(1.2rem,3vw,1.5rem);color:var(--gold-deep)}
.sn-h::before,.sn-h::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--gold-hair))}
.sn-h::after{background:linear-gradient(90deg,var(--gold-hair),transparent)}
.sn-h span{font-family:var(--font-hindi);font-weight:400;text-align:center}
.sn-spk{text-align:center;margin:1.2rem 0 -.2rem;font-size:.86rem;font-weight:600;letter-spacing:.04em;color:var(--saffron)}
html.ac-mandir .sn-spk{color:var(--gold-deep)}
.sn-l{font-size:calc(clamp(1.18rem,2.9vw,1.48rem) * var(--ac-k));line-height:2}
.sn-prose .sn-l{text-align:left;font-size:calc(clamp(1.05rem,2.4vw,1.25rem) * var(--ac-k));line-height:1.95;max-width:680px;margin:0 auto}
.sn-speed{display:inline-flex;gap:.2rem}
.sn-speed button{width:34px;height:38px;border-radius:999px;border:1px solid var(--gold-hair);background:var(--ghost-bg);color:var(--ink);font-size:1rem;cursor:pointer}
.sn-auto[aria-pressed="true"]{background:var(--gold);color:#fff;border-color:var(--gold)}
.sn-card{position:relative}
.sn-card.soon{opacity:.72}
.sn-badge{position:absolute;top:.9rem;right:.9rem;font-size:.7rem;font-weight:600;padding:.2rem .6rem;border-radius:999px;border:1px solid var(--gold-hair);color:var(--gold-deep)}
.sn-card.ready .sn-badge{background:var(--gold);color:#fff;border-color:var(--gold)}
/* पाठ-मोड */
html.sn-focus .site-header,html.sn-focus .site-footer,html.sn-focus .ac-hero,html.sn-focus .ac-garland,html.sn-focus .sn-om,
html.sn-focus .ac-mala,html.sn-focus .mobile-cta,html.sn-focus .fab-wa,html.sn-focus .pp-wrap,html.sn-focus .ac-end,html.sn-focus .ac-small,html.sn-focus .sn-nav{display:none!important}
html.sn-focus .sn-tools{top:10px}
html.sn-focus .sn-page{padding-top:1rem}
html.sn-focus .sn-l{font-size:calc(clamp(1.3rem,3.4vw,1.75rem) * var(--ac-k))}
@media(max-width:720px){.sn-nav{top:136px}.sn-count{bottom:96px}}