/* ============================================================
   Online Puja — Temple Marketplace
   Style: Liquid Glass × AstroSaras (royal purple + astro gold)
   Layered on /styles.css (navbar/footer untouched).
   Keeps all JS/payment hooks: .pujac[data-*], .ptemple[data-temple],
   #pujaFilter ids, #pujaTabs .puja-tab[data-tab], .puja-wa,
   /puja/detail.php?slug= links.
   Site navbar is position:fixed (~96px) → .puja-mp reserves top space.
   ============================================================ */
.puja-mp{
  --pp:#3B0F5A; --pp-2:#2a0b46; --navy:#0A1830; --gold:#D4AF37;
  --gold-2:#b8932c; --cream:#F7EAD1; --line:rgba(212,175,55,.30);
  --glass:rgba(255,255,255,.045); --glass-2:rgba(255,255,255,.07);
  --ease:cubic-bezier(.16,1,.3,1); --navh:96px;
  position:relative;padding:var(--navh) 0 90px;color:var(--cream);
  overflow:clip;isolation:isolate;
  background:
    radial-gradient(120% 80% at 50% -10%,rgba(74,23,114,.55),transparent 55%),
    radial-gradient(85% 60% at 92% 8%,rgba(212,175,55,.10),transparent 58%),
    radial-gradient(75% 60% at 6% 70%,rgba(123,44,191,.16),transparent 60%),
    radial-gradient(60% 50% at 50% 108%,rgba(212,175,55,.08),transparent 60%),
    linear-gradient(180deg,#0c0726 0%,var(--navy) 50%,#080417 100%);
}
/* sacred ambient backdrop — dual slow auroras */
.puja-mp::before{content:"";position:absolute;inset:-12%;z-index:-2;pointer-events:none;
  background:
    radial-gradient(34% 30% at 14% 20%,rgba(212,175,55,.20),transparent 70%),
    radial-gradient(40% 34% at 90% 32%,rgba(123,44,191,.30),transparent 70%),
    radial-gradient(46% 38% at 50% 96%,rgba(212,175,55,.14),transparent 72%),
    radial-gradient(30% 26% at 70% 70%,rgba(74,23,114,.34),transparent 70%);
  filter:blur(30px);animation:pmGlow 26s ease-in-out infinite alternate}
.puja-mp::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  opacity:.46;mix-blend-mode:screen;animation:pmTwinkle 9s ease-in-out infinite alternate;
  background-image:
    radial-gradient(rgba(212,175,55,.55) 1px,transparent 1.5px),
    radial-gradient(rgba(247,234,209,.4) 1px,transparent 1.5px),
    radial-gradient(rgba(212,175,55,.3) 1px,transparent 1.6px),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220'%3E%3Cg fill='none' stroke='%23D4AF37' stroke-opacity='.07' stroke-width='1'%3E%3Ccircle cx='110' cy='110' r='66'/%3E%3Ccircle cx='110' cy='110' r='42'/%3E%3Cpath d='M110 18v184M18 110h184M44 44l132 132M176 44 44 176'/%3E%3C/g%3E%3C/svg%3E");
  background-size:130px 130px,190px 190px,90px 90px,440px 440px;
  background-position:0 0,70px 110px,35px 60px,center}
.puja-hero,.puja-filter,.ptemple,.puja-empty{position:relative;z-index:1}
@keyframes pmGlow{
  0%{transform:translate3d(0,0,0) scale(1) rotate(0deg)}
  50%{transform:translate3d(2.4%,-2%,0) scale(1.07) rotate(1.2deg)}
  100%{transform:translate3d(-2.2%,1.6%,0) scale(1.04) rotate(-1deg)}}
@keyframes pmTwinkle{0%{opacity:.34}100%{opacity:.56}}

/* ---------- HERO ---------- */
.puja-hero{position:relative;text-align:center;padding:46px 20px 24px;overflow:hidden}
.puja-hero__aura{position:absolute;inset:-30% 0 auto 0;height:520px;pointer-events:none;
  background:
    radial-gradient(48% 60% at 50% 0%,rgba(212,175,55,.16),transparent 70%),
    conic-gradient(from 180deg at 50% 0%,rgba(59,15,90,0),rgba(212,175,55,.10),rgba(59,15,90,0));
  filter:blur(8px);animation:pAura 14s ease-in-out infinite alternate}
.puja-hero__eyebrow{position:relative;display:inline-block;color:var(--gold);
  font-size:.74rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;
  padding:7px 16px;border:1px solid var(--line);border-radius:999px;
  background:var(--glass);backdrop-filter:blur(6px)}
.puja-hero h1{position:relative;font-family:'Cinzel',serif;color:var(--cream);
  font-size:clamp(1.9rem,4.6vw,3rem);line-height:1.18;margin:18px auto 12px;max-width:14ch}
.puja-hero h1 em{color:var(--gold);font-style:normal;text-shadow:0 0 26px rgba(212,175,55,.35)}
.puja-hero p{position:relative;color:rgba(247,234,209,.78);font-size:1.02rem;
  line-height:1.65;max-width:60ch;margin:0 auto}
.puja-trust{position:relative;display:flex;gap:10px 26px;justify-content:center;
  flex-wrap:wrap;margin:22px auto 0;max-width:760px}
.puja-trust span{color:rgba(247,234,209,.62);font-size:.82rem;letter-spacing:.02em}
.puja-trust strong{color:var(--gold);font-weight:700}
.puja-trust span+span{padding-left:26px;border-left:1px solid rgba(212,175,55,.22)}

/* ---------- TEMPLE TABS ---------- */
.puja-tabs{position:relative;display:flex;gap:9px;justify-content:center;
  flex-wrap:wrap;margin:28px auto 0;max-width:920px;padding:4px 16px}
.puja-tab{min-height:42px;color:var(--cream);font-family:inherit;
  font-size:.84rem;cursor:pointer;padding:10px 18px;border-radius:999px;
  border:1px solid var(--line);background:var(--glass);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;
  transition:transform .25s var(--ease),background .25s ease,border-color .25s ease,color .25s ease}
.puja-tab:hover{transform:translateY(-2px);border-color:rgba(212,175,55,.6)}
.puja-tab.is-active{background:linear-gradient(135deg,var(--gold),var(--gold-2));
  color:var(--navy);font-weight:700;border-color:var(--gold);
  box-shadow:0 8px 20px rgba(212,175,55,.32)}
.puja-tab:focus-visible{outline:2px solid var(--gold);outline-offset:2px}

/* ---------- STICKY GLASS FILTER ---------- */
.puja-filter__row{display:contents}
.puja-filter{position:sticky;top:var(--navh);z-index:40;display:flex;gap:12px;
  flex-wrap:wrap;align-items:center;justify-content:center;
  padding:14px 16px;margin:26px auto 40px;max-width:1140px;
  background:linear-gradient(180deg,rgba(10,24,48,.88),rgba(10,24,48,.76));
  border:1px solid var(--line);border-radius:18px;
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  box-shadow:0 18px 50px rgba(8,4,20,.5),inset 0 1px 0 rgba(255,255,255,.05)}
.puja-filter input,.puja-filter select{height:48px;padding:0 14px;border-radius:12px;
  border:1px solid rgba(247,234,209,.24);background:var(--glass-2);color:var(--cream);
  font-family:inherit;font-size:.92rem;
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
.puja-filter input,.puja-filter select{appearance:none;-webkit-appearance:none}
.puja-filter input{min-width:240px;flex:1 1 260px;padding-left:42px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%23D4AF37' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='8' cy='8' r='6'/%3E%3Cpath d='M13 13l4 4'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:14px center}
.puja-filter input::placeholder{color:rgba(247,234,209,.5)}
.puja-filter select{cursor:pointer;padding-right:38px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%23D4AF37' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5l4 4 4-4'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center}
.puja-filter select option{background:var(--navy);color:var(--cream)}
.puja-filter input:hover,.puja-filter select:hover{border-color:rgba(212,175,55,.5)}
.puja-filter input:focus,.puja-filter select:focus{outline:none;
  border-color:var(--gold);background-color:rgba(255,255,255,.09);
  box-shadow:0 0 0 3px rgba(212,175,55,.20)}
.puja-filter__count{color:var(--gold);font-size:.78rem;font-weight:700;
  font-variant-numeric:tabular-nums;white-space:nowrap;
  padding:8px 13px;border-radius:999px;border:1px solid var(--line);
  background:rgba(212,175,55,.08)}
.puja-filter__clear{min-height:44px;background:none;border:none;color:rgba(247,234,209,.66);
  font-size:.82rem;cursor:pointer;text-decoration:underline;font-family:inherit}
.puja-filter__clear:hover{color:var(--gold)}
.puja-filter__toggle{display:none}

/* ---------- TEMPLE SECTION ---------- */
.ptemple{max-width:1180px;margin:0 auto 60px;padding:0 18px;scroll-margin-top:176px}
.ptemple__banner{position:relative;border:1px solid var(--line);border-radius:22px;
  overflow:hidden;margin-bottom:26px;
  background:
    radial-gradient(90% 120% at 100% 0%,rgba(212,175,55,.14),transparent 55%),
    radial-gradient(70% 120% at 0% 100%,rgba(123,44,191,.28),transparent 60%),
    linear-gradient(150deg,var(--pp),var(--navy));
  box-shadow:0 22px 60px rgba(8,4,20,.5)}
.ptemple__banner::after{content:"";position:absolute;inset:10px;border-radius:15px;
  pointer-events:none;border:1px solid rgba(212,175,55,.22)}
.ptemple__bannerbody{position:relative;z-index:1;padding:30px 34px;
  display:flex;flex-direction:column;justify-content:center}
.ptemple__media{position:relative;overflow:hidden;min-height:248px;
  background:
    radial-gradient(120% 90% at 70% 18%,rgba(212,175,55,.20),transparent 60%),
    radial-gradient(80% 70% at 30% 100%,rgba(123,44,191,.32),transparent 65%),
    linear-gradient(150deg,#4a1772 0%,var(--pp) 45%,var(--navy) 100%)}
/* sacred mandala + arch motif behind the image (premium placeholder) */
.ptemple__media::before{content:"";position:absolute;inset:0;pointer-events:none;
  opacity:.5;mix-blend-mode:screen;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300' viewBox='0 0 300 300'%3E%3Cg fill='none' stroke='%23D4AF37' stroke-opacity='.5'%3E%3Ccircle cx='150' cy='150' r='118' stroke-width='1'/%3E%3Ccircle cx='150' cy='150' r='92' stroke-width='1' stroke-dasharray='2 7'/%3E%3Ccircle cx='150' cy='150' r='60' stroke-width='1'/%3E%3Cpath d='M150 32v236M32 150h236M66 66l168 168M234 66 66 234' stroke-width='.8' stroke-opacity='.32'/%3E%3Cpath d='M150 96l14 30 32 4-23 22 6 32-29-16-29 16 6-32-23-22 32-4z' stroke-width='1.1'/%3E%3C/g%3E%3C/svg%3E") center/210px 210px no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='200' viewBox='0 0 160 200'%3E%3Cpath d='M80 14c34 0 60 26 60 60v118H20V74c0-34 26-60 60-60z' fill='none' stroke='%23D4AF37' stroke-opacity='.28' stroke-width='2'/%3E%3Cpath d='M80 40c20 0 34 16 34 36v96H46V76c0-20 14-36 34-36z' fill='none' stroke='%23D4AF37' stroke-opacity='.2' stroke-width='1.5'/%3E%3C/svg%3E") center 58%/120px auto no-repeat}
.ptemple__media::after{content:"";position:absolute;inset:12px;border-radius:16px;
  pointer-events:none;border:1px solid rgba(212,175,55,.35);
  box-shadow:inset 0 0 36px rgba(212,175,55,.14),inset 0 0 0 1px rgba(10,24,48,.4)}
.ptemple__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  transform:scale(1.03);transition:transform 1.1s var(--ease)}
.ptemple__img.is-fallback{object-fit:contain;padding:46px;width:100%;height:100%;
  opacity:.92;filter:drop-shadow(0 10px 26px rgba(0,0,0,.5))}
.ptemple:hover .ptemple__img:not(.is-fallback){transform:scale(1.07)}
.ptemple:hover .ptemple__img.is-fallback{transform:scale(1.04)}
.ptemple__scrim{position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,var(--navy) 0%,rgba(10,24,48,.5) 26%,transparent 58%),
    linear-gradient(180deg,transparent 58%,rgba(10,24,48,.45) 100%)}
.ptemple__cert{display:inline-flex;align-items:center;gap:6px;color:var(--gold);
  font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  padding:5px 11px;border:1px solid var(--line);border-radius:999px;
  background:rgba(10,24,48,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.ptemple__name{font-family:'Cinzel',serif;color:var(--cream);
  font-size:clamp(1.4rem,3vw,2rem);margin:12px 0 4px;text-shadow:0 2px 18px rgba(0,0,0,.6)}
.ptemple__city{display:flex;align-items:center;gap:7px;flex-wrap:wrap;
  color:var(--gold);font-size:.88rem;margin:0 0 10px}
.ptemple__count{color:rgba(247,234,209,.66);font-size:.78rem;
  padding:3px 10px;border:1px solid var(--line);border-radius:999px;margin-left:4px}
.ptemple__desc{color:rgba(247,234,209,.8);font-size:.94rem;line-height:1.65;
  margin:0;max-width:72ch}
.ptemple__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:22px}

/* ---------- PUJA CARD (liquid glass) ---------- */
.pujac{position:relative;display:flex;flex-direction:column;isolation:isolate;
  border-radius:20px;overflow:hidden;text-decoration:none;
  border:1px solid rgba(212,175,55,.26);
  background:linear-gradient(165deg,rgba(59,15,90,.55),rgba(10,24,48,.92));
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  box-shadow:0 14px 40px rgba(8,4,20,.45);
  transition:transform .35s var(--ease),box-shadow .35s ease,border-color .3s ease;
  animation:pIn .55s var(--ease) both}
.pujac::before{content:"";position:absolute;inset:0;border-radius:20px;padding:1px;
  background:linear-gradient(135deg,rgba(212,175,55,.55),transparent 40%,transparent 60%,rgba(212,175,55,.3));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;
  opacity:.6;transition:opacity .35s ease;z-index:3}
.pujac__glow{position:absolute;inset:auto -40% -55% -40%;height:60%;pointer-events:none;
  z-index:0;background:radial-gradient(50% 70% at 50% 100%,rgba(212,175,55,.22),transparent 70%);
  opacity:0;transition:opacity .4s ease}
.pujac:hover{transform:translateY(-6px);border-color:rgba(212,175,55,.55);
  box-shadow:0 30px 70px rgba(8,4,20,.62)}
.pujac:hover::before{opacity:1}
.pujac:hover .pujac__glow{opacity:1}
.pujac__thumb{position:relative;margin:0;aspect-ratio:1/1;overflow:hidden;
  background:linear-gradient(150deg,var(--pp),var(--navy))}
.pujac__thumb img{width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .5s var(--ease)}
.pujac__thumb img.is-fallback{object-fit:contain;padding:24px;opacity:.55;
  filter:saturate(.6)}
.pujac:hover .pujac__thumb img:not(.is-fallback){transform:scale(1.05)}
.pujac__thumb-veil{display:none}
.pujac__thumb::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.18) 50%,transparent 58%);
  transform:translateX(-130%);transition:transform .75s var(--ease)}
.pujac:hover .pujac__thumb::after{transform:translateX(130%)}
.pujac__seal{transition:transform .35s var(--ease),background .35s ease}
.pujac:hover .pujac__seal{transform:scale(1.08) rotate(-6deg)}
.pujac__book:focus-visible,.pujac__var-book:focus-visible,
.pujac__more summary:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.pujac__badge{position:absolute;top:14px;right:14px;z-index:4;
  background:linear-gradient(135deg,#f5d77a,var(--gold),var(--gold-2));
  color:var(--navy);font-size:.64rem;font-weight:800;letter-spacing:.06em;
  padding:5px 10px;border-radius:999px;text-transform:uppercase;
  box-shadow:0 6px 16px rgba(212,175,55,.4)}
.pujac__head,.pujac__benefit,.pujac__meta,.pujac__foot,.pujac__more{
  position:relative;z-index:1;padding-left:24px;padding-right:24px}
.pujac__head{display:flex;gap:13px;align-items:flex-start;margin:18px 0 10px}
.pujac__seal{flex:none;width:42px;height:42px;display:grid;place-items:center;
  border-radius:13px;color:var(--gold);
  background:radial-gradient(circle at 30% 25%,rgba(212,175,55,.3),rgba(212,175,55,.07));
  border:1px solid var(--line)}
.pujac__headtext{display:flex;flex-direction:column;gap:5px;min-width:0}
.pujac__name{font-family:'Cinzel',serif;color:var(--cream);font-size:1.08rem;
  line-height:1.32;margin:0}
.pujac__tag{align-self:flex-start;color:var(--gold);font-size:.68rem;font-weight:700;
  letter-spacing:.05em;text-transform:uppercase;padding:2px 9px;border-radius:999px;
  border:1px solid var(--line);background:var(--glass)}
.pujac__benefit{color:rgba(247,234,209,.74);font-size:.86rem;line-height:1.55;
  margin:0 0 14px;flex:1}
.pujac__meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.pujac__chip{font-size:.7rem;color:var(--gold);border:1px solid var(--line);
  border-radius:999px;padding:4px 10px;background:var(--glass)}
.pujac__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin-top:auto;padding-top:16px;padding-bottom:6px;
  border-top:1px solid rgba(212,175,55,.16)}
.pujac__foot:last-child{padding-bottom:24px}
.pujac__price{font-weight:800;font-size:1.3rem;line-height:1.1;
  font-variant-numeric:tabular-nums;letter-spacing:.01em;
  background:linear-gradient(135deg,#f5d77a,var(--gold) 55%,var(--gold-2));
  -webkit-background-clip:text;background-clip:text;color:transparent}
.pujac:focus-within{border-color:rgba(212,175,55,.6);
  box-shadow:0 30px 70px rgba(8,4,20,.62),0 0 0 2px rgba(212,175,55,.35)}
.pujac__book{display:inline-flex;align-items:center;gap:7px;min-height:44px;
  padding:11px 18px;border-radius:12px;text-decoration:none;
  background:linear-gradient(135deg,var(--gold),var(--gold-2));color:var(--navy);
  font-weight:800;font-size:.86rem;letter-spacing:.01em;
  box-shadow:0 8px 22px rgba(212,175,55,.3);
  transition:transform .25s var(--ease),box-shadow .25s ease}
.pujac__book svg{transition:transform .25s var(--ease)}
.pujac__book:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(212,175,55,.5)}
.pujac__book:hover svg{transform:translateX(4px)}
.pujac__book:active{transform:translateY(0) scale(.97)}
.pujac__more{margin:14px 0 0;padding-top:12px;padding-bottom:22px;
  border-top:1px solid rgba(212,175,55,.16)}
.pujac__more summary{display:flex;align-items:center;gap:7px;min-height:32px;
  color:var(--gold);font-size:.82rem;font-weight:600;cursor:pointer;list-style:none}
.pujac__more summary::-webkit-details-marker{display:none}
.pujac__more summary::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);
  transition:transform .25s var(--ease)}
.pujac__more[open] summary::after{transform:rotate(225deg) translateY(0)}
.pujac__det{color:rgba(247,234,209,.74);font-size:.82rem;line-height:1.55;margin:12px 0 0}
.pujac__inc{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:7px}
.pujac__inc li{position:relative;padding-left:20px;color:var(--cream);
  font-size:.82rem;line-height:1.5}
.pujac__inc li::before{content:"✦";position:absolute;left:0;color:var(--gold)}
.pujac__vars{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:9px}
.pujac__var{display:grid;grid-template-columns:1fr auto;align-items:start;
  column-gap:12px;row-gap:10px;padding:13px 14px;border-radius:12px;
  border:1px solid var(--line);background:var(--glass-2)}
.pujac__var-info{grid-column:1;grid-row:1;display:flex;flex-direction:column;
  gap:3px;min-width:0}
.pujac__var-price{grid-column:2;grid-row:1;justify-self:end}
.pujac__var-book{grid-column:1 / -1;grid-row:2;justify-self:start}
.pujac__var-lbl{color:var(--cream);font-size:.82rem;font-weight:600;line-height:1.35}
.pujac__var-sub{color:rgba(247,234,209,.6);font-size:.72rem;line-height:1.35}
.pujac__var-price{color:var(--gold);font-weight:800;font-size:.95rem;
  font-variant-numeric:tabular-nums;white-space:nowrap}
.pujac__var-book{min-height:38px;display:inline-flex;align-items:center;
  justify-content:center;padding:8px 16px;border-radius:9px;text-decoration:none;
  background:linear-gradient(135deg,var(--gold),var(--gold-2));color:var(--navy);
  font-weight:800;font-size:.78rem;white-space:nowrap;
  transition:transform .25s var(--ease),box-shadow .25s ease}
.pujac__var-book:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(212,175,55,.45)}
.pujac__var-book:active{transform:scale(.96)}

/* ---------- EMPTY STATE ---------- */
.puja-empty{display:none;text-align:center;color:rgba(247,234,209,.66);
  font-size:1rem;padding:60px 20px;max-width:520px;margin:0 auto}
.puja-empty .puja-filter__clear{display:inline-block;margin-top:6px}

/* ---------- WHATSAPP FAB ---------- */
.puja-wa{position:fixed;right:20px;bottom:20px;z-index:60;width:56px;height:56px;
  border-radius:50%;display:grid;place-items:center;color:#fff;background:#25D366;
  box-shadow:0 10px 28px rgba(0,0,0,.45);
  transition:transform .3s var(--ease),box-shadow .3s ease}
.puja-wa:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 16px 36px rgba(37,211,102,.5)}
.puja-wa:active{transform:scale(.95)}

/* ---------- MOTION ---------- */
@keyframes pIn{from{opacity:0;transform:translateY(20px) scale(.985)}to{opacity:1;transform:none}}
@keyframes pAura{from{transform:translateY(-8px) scale(1)}to{transform:translateY(10px) scale(1.05)}}
.ptemple__grid .pujac:nth-child(2){animation-delay:.06s}
.ptemple__grid .pujac:nth-child(3){animation-delay:.10s}
.ptemple__grid .pujac:nth-child(4){animation-delay:.14s}
.ptemple__grid .pujac:nth-child(n+5){animation-delay:.18s}

/* ---------- RESPONSIVE ---------- */
@media (max-width:1024px){ .puja-mp{--navh:88px} .ptemple{scroll-margin-top:160px} }
@media (max-width:760px){
  .puja-mp{--navh:80px}
  .puja-hero{padding:34px 18px 20px}
  .puja-trust span+span{padding-left:0;border-left:none}
  .ptemple{scroll-margin-top:150px}
  .puja-filter{flex-direction:column;align-items:stretch;gap:12px;
    margin:18px 12px 26px;padding:14px;border-radius:14px}
  .puja-filter__row{display:flex;flex-direction:column;gap:10px;margin-top:4px}
  .puja-filter.is-collapsed .puja-filter__row{display:none}
  .puja-filter input,.puja-filter select{width:100%;min-width:0;flex:none}
  .puja-filter__count{order:5;text-align:center}
  .puja-filter__clear{order:6;min-height:44px}
  .puja-filter__toggle{display:flex;align-items:center;justify-content:space-between;
    width:100%;min-height:48px;padding:0 16px;border-radius:11px;cursor:pointer;
    font-family:inherit;font-size:.95rem;font-weight:600;color:var(--gold);
    border:1px solid var(--line);background:var(--glass-2)}
  .puja-filter__toggle::after{content:"▾";transition:transform .25s var(--ease)}
  .puja-filter:not(.is-collapsed) .puja-filter__toggle::after{transform:rotate(180deg)}
  .ptemple__banner{grid-template-columns:1fr;min-height:0}
  .ptemple__media{order:-1;min-height:180px}
  .ptemple__scrim{background:linear-gradient(180deg,transparent 45%,rgba(10,24,48,.6) 100%)}
  .ptemple__bannerbody{padding:22px 20px}
  .ptemple__grid{grid-template-columns:1fr;gap:16px}
}
@media (prefers-reduced-motion:reduce){
  .puja-mp,.puja-mp::before,.puja-mp::after,.puja-mp *,.puja-hero__aura,.pujac,
  .pujac::before,.pujac__glow,.pujac__thumb img,.pujac__thumb::after,.pujac__seal,
  .pujac__book svg,.pujac__more summary::after,.ptemple__img,.puja-wa,.puja-tab{
    animation:none!important;transition:none!important}
  .pujac:hover,.puja-tab:hover,.pujac__book:hover,.puja-wa:hover,
  .ptemple:hover .ptemple__img,.pujac:hover .pujac__thumb img,
  .pujac:hover .pujac__seal,.pujac:hover .pujac__thumb::after{transform:none}
}