/* ===== Pooja & Remedies (home) ===== */
.pj{background:linear-gradient(180deg,#fbefd2 0%,#f6e3bb 55%,#f9ecd0 100%);padding:72px 0 64px}
.pj-bg{position:absolute;inset:0;pointer-events:none;opacity:.5;
  background:radial-gradient(circle at 18% 28%,rgba(224,179,79,.28),transparent 42%),radial-gradient(circle at 86% 78%,rgba(138,34,54,.12),transparent 46%),
  repeating-conic-gradient(from 0deg at 50% 50%,rgba(184,134,43,.07) 0 6deg,transparent 6deg 12deg)}
/* .pj::before,.pj::after{content:"";position:absolute;left:0;right:0;height:10px;z-index:1;
  background:repeating-linear-gradient(90deg,var(--gold3) 0 14px,transparent 14px 22px);opacity:.35;-webkit-mask:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);mask:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent)}
.pj::before{top:0}.pj::after{bottom:0} */
.pj-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(1.6rem,4vw,4rem);align-items:center;margin-top:3rem}

/* stage */
.pj-stage{position:relative;width:min(100%,400px);margin-inline:auto;padding:26px 0 0}
.pj-orbit{position:absolute;left:50%;top:44%;width:128%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;border:1.5px dashed rgba(184,134,43,.55);animation:pjspin 60s linear infinite;pointer-events:none}
.pj-orbit.o2{width:112%;border:1px solid rgba(138,34,54,.22);animation-duration:90s;animation-direction:reverse}
.pj-orbit::before{content:"";position:absolute;top:-6px;left:50%;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:radial-gradient(circle,#fff1c9,var(--gold));box-shadow:0 0 14px 3px rgba(224,179,79,.7)}
@keyframes pjspin{to{transform:rotate(360deg)}}
.pj-arch{position:relative;aspect-ratio:4/5;filter:drop-shadow(0 22px 22px rgba(74,17,25,.38)) drop-shadow(0 0 0 rgba(0,0,0,0))}
.pj-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transform:scale(1.08);transition:opacity .9s var(--ease),transform 1.4s var(--ease)}
.pj-img.on{opacity:1;transform:scale(1)}
.pj-sp{position:absolute;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle,#fff1c9,var(--gold));box-shadow:0 0 10px 2px rgba(224,179,79,.6);opacity:0;animation:pjfloat 6s ease-in infinite}
.pj-sp.s1{left:-4%;bottom:26%;animation-delay:0s}.pj-sp.s2{right:-3%;bottom:34%;animation-delay:-1.4s}.pj-sp.s3{left:8%;bottom:10%;animation-delay:-2.8s}
.pj-sp.s4{right:9%;bottom:12%;animation-delay:-4.1s}.pj-sp.s5{left:50%;bottom:4%;animation-delay:-5s}
@keyframes pjfloat{0%{opacity:0;transform:translateY(0) scale(.6)}20%{opacity:1}100%{opacity:0;transform:translateY(-150px) scale(1.1)}}
.pj-plate{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:.7rem;margin:-22px auto 0;width:max-content;max-width:92%;padding:.7rem 1.5rem;border-radius:999px;
  background:linear-gradient(120deg,var(--m7),var(--m6));color:var(--gold2);border:1px solid var(--gold);box-shadow:0 10px 24px rgba(74,17,25,.3);font-family:var(--disp);font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;text-align:center}
.pj-plate i{color:var(--gold);animation:pjpulse 2.6s ease-in-out infinite}
@keyframes pjpulse{50%{transform:scale(1.25);opacity:.7}}

/* side */
.pj-side{display:grid;gap:1.4rem;min-width:0}
.pj-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}
.pj-tab{position:relative;display:flex;align-items:center;gap:.8rem;text-align:left;padding:.7rem .9rem .85rem .7rem;border-radius:18px 18px 18px 4px;cursor:pointer;
  background:rgba(255,250,240,.78);border:1px solid var(--line);color:var(--m7);font-family:var(--sans);overflow:hidden;transition:transform .4s var(--ease),background .4s,border-color .4s,box-shadow .4s}
.pj-tab:hover{transform:translateY(-3px);border-color:var(--gold3)}
.pj-ic{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50% 50% 50% 8px;background:linear-gradient(140deg,var(--gold2),var(--gold3));color:var(--m8);font-size:1.05rem;transition:transform .5s var(--ease),background .4s,color .4s}
.pj-tt{display:grid;gap:.1rem;min-width:0;line-height:1.25}
.pj-tt b{font-family:var(--serif);font-size:1.08rem;font-weight:700;color:inherit}
.pj-tt small{font-size:.74rem;color:var(--muted);transition:color .4s}
.pj-wick{position:absolute;left:0;bottom:0;height:3px;width:100%;background:linear-gradient(90deg,var(--saffron),var(--gold2));transform:scaleX(0);transform-origin:left}
.pj-tab.on{background:linear-gradient(135deg,var(--m7),var(--m6));color:#fff;border-color:var(--gold);box-shadow:0 14px 28px -12px rgba(74,17,25,.6)}
.pj-tab.on .pj-tt small{color:var(--gold2)}
.pj-tab.on .pj-ic{transform:rotate(-8deg) scale(1.06);background:linear-gradient(140deg,#fff1c9,var(--gold))}
.pj-tab.on .pj-ic i{animation:pjpulse 2s ease-in-out infinite}
.pj-tab.on .pj-wick{animation:pjwick var(--pjdur,7s) linear forwards}
.pj-side.paused .pj-tab.on .pj-wick{animation:none;transform:scaleX(1)}
@keyframes pjwick{to{transform:scaleX(1)}}

.pj-panels{position:relative;background:linear-gradient(180deg,#fffaf0,#fbf0d6);border:1px solid var(--gold3);border-radius:26px 26px 26px 6px;padding:clamp(1.3rem,2.6vw,2rem);box-shadow:0 18px 40px -22px rgba(74,17,25,.45)}
.pj-panel[hidden]{display:none}
.pj-panel.on{animation:pjin .7s var(--ease) both}
@keyframes pjin{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.pj-kicker{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--disp);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--saffron);font-weight:600;margin-bottom:.5rem}
.pj-panel h3{color:var(--m7);margin-bottom:.6rem}
.pj-panel p{color:var(--ink);font-size:1rem;margin-bottom:1rem}
.pj-panel h4{display:flex;align-items:center;gap:.5rem;font-family:var(--disp);font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold3);margin:1rem 0 .55rem}
.pj-inc{display:grid;gap:.45rem}
.pj-inc li{display:flex;gap:.6rem;align-items:flex-start;font-size:.96rem;color:var(--ink);line-height:1.5}
.pj-inc i{color:var(--gold3);margin-top:.28rem}
.pj-sam{display:flex;flex-wrap:wrap;gap:.45rem}
.pj-sam span{padding:.28rem .8rem;border-radius:999px;background:var(--cream);border:1px dashed var(--gold3);font-size:.84rem;color:var(--m7)}
.pj-cta-row{margin-top:1.3rem}
.pj-note{display:flex;gap:.6rem;align-items:flex-start;justify-content:center;max-width:720px;margin:2.4rem auto 0;text-align:center;font-size:.9rem;color:var(--muted)}
.pj-note i{margin-top:.3rem;color:var(--gold3)}

@media (max-width:991px){
  .pj-grid{grid-template-columns:1fr;gap:2.4rem}
  .pj-stage{width:min(78%,340px)}
}
@media (max-width:640px){
  .pj{padding:56px 0 52px}
  .pj-stage{width:min(74%,290px)}
  .pj-orbit{width:118%}
  .pj-tabs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:.6rem;padding:.3rem .1rem .6rem;margin-inline:-.2rem;scrollbar-width:none}
  .pj-tabs::-webkit-scrollbar{display:none}
  .pj-tab{flex:0 0 78%;scroll-snap-align:center}
  .pj-cta-row .btn{width:100%}
}
@media (prefers-reduced-motion:reduce){
  .pj-orbit,.pj-sp,.pj-plate i,.pj-tab.on .pj-ic i,.pj-panel.on{animation:none!important}
  .pj-tab.on .pj-wick{animation:none;transform:scaleX(1)}
}