/* ==========================================================================
   PrimePlay theme  —  "velvet cinema"
   Purani theme ke upar load hoti hai. Saari nayi classes "pp-" se start hoti hain
   taaki watch/login/sports jaise purane pages kharab na hon.
   ========================================================================== */

:root{
  --pp-bg:#0e0a13;
  --pp-surface:#18121f;
  --pp-raised:#221a2c;
  --pp-line:rgba(255,255,255,.08);
  --pp-line-2:rgba(255,255,255,.14);
  --pp-text:#f4eff8;
  --pp-muted:#a99fb6;
  --pp-red:#e8173f;
  --pp-red-hi:#ff3a5e;
  --pp-gold:#f5b83d;
  --pp-gold-hi:#ffd27a;
  --pp-free:#34d399;

  --pp-font-display:"Bricolage Grotesque", "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;
  --pp-font:"Figtree", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  --pp-gutter:clamp(14px, 4vw, 56px);
  --pp-radius:10px;
  --pp-radius-lg:18px;
  --pp-header-h:64px;
  --pp-tabbar-h:0px;

  /* rail card widths — screen ke hisab se khud adjust */
  --pp-poster-w:clamp(118px, 29vw, 178px);
  --pp-wide-w:clamp(220px, 62vw, 330px);
}

@media (max-width: 991.98px){
  :root{ --pp-tabbar-h:62px; --pp-header-h:56px; }
}

/* ---------- base ---------- */
html{ scroll-padding-top:calc(var(--pp-header-h) + 12px); }
body{
  background:var(--pp-bg) !important;
  color:var(--pp-text);
  font-family:var(--pp-font) !important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  padding-bottom:calc(var(--pp-tabbar-h) + env(safe-area-inset-bottom, 0px));
}
body.pp-lock{ overflow:hidden; }
.pp-wrap{ padding-left:var(--pp-gutter); padding-right:var(--pp-gutter); }
.pp-sr{ position:absolute !important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.pp-main a{ text-decoration:none; }
.pp-main img{ max-width:100%; }
:where(.pp-header, .pp-main, .pp-footer, .pp-tabbar) :focus-visible{
  outline:2px solid var(--pp-gold); outline-offset:3px; border-radius:6px;
}
.pp-h1, .pp-h2, .pp-h3{ font-family:var(--pp-font-display); color:var(--pp-text); letter-spacing:-.02em; margin:0; }

/* ---------- buttons ---------- */
.pp-btn{
  --b:var(--pp-raised);
  display:inline-flex; align-items:center; justify-content:center; gap:.55em;
  min-height:46px; padding:0 1.25em; border-radius:999px; border:1px solid transparent;
  background:var(--b); color:var(--pp-text) !important; font:600 15px/1 var(--pp-font);
  cursor:pointer; white-space:nowrap; transition:transform .15s ease, background-color .15s ease, border-color .15s ease;
  -webkit-tap-highlight-color:transparent;
}
.pp-btn:hover{ transform:translateY(-1px); }
.pp-btn:active{ transform:translateY(0) scale(.98); }
.pp-btn svg{ width:18px; height:18px; flex:none; }
.pp-btn--play{ --b:var(--pp-red); box-shadow:0 10px 30px -10px rgba(232,23,63,.7); }
.pp-btn--play:hover{ --b:var(--pp-red-hi); }
.pp-btn--gold{ --b:var(--pp-gold); color:#1d1305 !important; }
.pp-btn--gold:hover{ --b:var(--pp-gold-hi); }
.pp-btn--ghost{ --b:rgba(255,255,255,.08); border-color:var(--pp-line-2); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); }
.pp-btn--ghost:hover{ --b:rgba(255,255,255,.14); }
.pp-btn--sm{ min-height:36px; font-size:13.5px; padding:0 1em; }
.pp-btn--icon{ width:46px; padding:0; }

/* ==========================================================================
   HEADER
   ========================================================================== */
.pp-header{
  position:sticky; top:0; z-index:1030; height:var(--pp-header-h);
  display:flex; align-items:center; gap:clamp(12px, 2vw, 32px);
  padding:0 var(--pp-gutter);
  background:rgba(14,10,19,.92);
  backdrop-filter:saturate(1.4) blur(14px); -webkit-backdrop-filter:saturate(1.4) blur(14px);
  border-bottom:1px solid var(--pp-line);
  transition:background-color .25s ease, border-color .25s ease;
}
/* hero wale pages pe header transparent rehta hai jab tak scroll na ho */
body.pp-has-hero .pp-header{ position:fixed; left:0; right:0; background:linear-gradient(180deg, rgba(14,10,19,.85), rgba(14,10,19,0)); border-color:transparent; backdrop-filter:none; -webkit-backdrop-filter:none; }
body.pp-has-hero.pp-scrolled .pp-header{ background:rgba(14,10,19,.94); border-color:var(--pp-line); backdrop-filter:saturate(1.4) blur(14px); -webkit-backdrop-filter:saturate(1.4) blur(14px); }

.pp-logo{ display:flex; align-items:center; flex:none; }
.pp-logo img{ height:clamp(28px, 4vw, 38px); width:auto; max-width:160px; object-fit:contain; }

.pp-nav{ display:flex; align-items:center; gap:4px; margin:0; padding:0; list-style:none; }
.pp-nav a{
  display:block; padding:8px 14px; border-radius:999px;
  color:var(--pp-muted); font:600 15px/1.2 var(--pp-font); transition:color .15s, background-color .15s;
}
.pp-nav a:hover{ color:var(--pp-text); }
.pp-nav a.active{ color:var(--pp-text); background:rgba(255,255,255,.08); }

.pp-header__end{ margin-left:auto; display:flex; align-items:center; gap:10px; }
.pp-icon-btn{
  width:42px; height:42px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center;
  color:var(--pp-text) !important; background:rgba(255,255,255,.06); border:1px solid var(--pp-line); cursor:pointer; padding:0;
}
.pp-icon-btn:hover{ background:rgba(255,255,255,.12); }
.pp-icon-btn svg{ width:20px; height:20px; }
.pp-icon-btn--wa{ color:#25d366 !important; }

.pp-premium{
  display:inline-flex; align-items:center; gap:8px; height:40px; padding:0 16px; border-radius:999px;
  background:linear-gradient(180deg, var(--pp-gold-hi), var(--pp-gold)); color:#1d1305 !important;
  font:700 14px/1 var(--pp-font); box-shadow:0 6px 22px -8px rgba(245,184,61,.75);
}
.pp-premium svg{ width:18px; height:18px; }

.pp-login{ display:inline-flex; align-items:center; gap:8px; height:40px; padding:0 16px; border-radius:999px; border:1px solid var(--pp-line-2); color:var(--pp-text) !important; font:600 14px/1 var(--pp-font); }
.pp-login:hover{ background:rgba(255,255,255,.08); }

/* user menu (details/summary — bina JS ke bhi chalta hai) */
.pp-user{ position:relative; }
.pp-user > summary{ list-style:none; cursor:pointer; display:flex; align-items:center; gap:8px; padding:3px 10px 3px 3px; border-radius:999px; border:1px solid var(--pp-line); background:rgba(255,255,255,.05); }
.pp-user > summary::-webkit-details-marker{ display:none; }
.pp-user > summary img{ width:34px; height:34px; border-radius:50%; object-fit:cover; }
.pp-user > summary span{ font:600 14px/1 var(--pp-font); max-width:90px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pp-user__menu{
  position:absolute; right:0; top:calc(100% + 10px); min-width:220px; padding:8px; margin:0; list-style:none;
  background:var(--pp-raised); border:1px solid var(--pp-line-2); border-radius:14px; box-shadow:0 24px 60px -20px rgba(0,0,0,.8);
}
.pp-user__menu a{ display:flex; align-items:center; gap:10px; padding:10px 12px; border-radius:10px; color:var(--pp-text) !important; font:500 14.5px/1.2 var(--pp-font); }
.pp-user__menu a:hover{ background:rgba(255,255,255,.07); }
.pp-user__menu svg{ width:18px; height:18px; color:var(--pp-muted); }

@media (max-width: 991.98px){
  .pp-nav, .pp-header .pp-hide-m{ display:none !important; }
  .pp-premium{ height:36px; padding:0 12px; font-size:13px; }
  .pp-icon-btn{ width:38px; height:38px; }
  .pp-user > summary span{ display:none; }
  .pp-user > summary{ padding:2px; }
}

/* ---------- mobile bottom tab bar ---------- */
.pp-tabbar{
  position:fixed; left:0; right:0; bottom:0; z-index:1030; display:none;
  height:calc(var(--pp-tabbar-h) + env(safe-area-inset-bottom, 0px)); padding-bottom:env(safe-area-inset-bottom, 0px);
  background:rgba(16,11,22,.96); border-top:1px solid var(--pp-line);
  backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
}
.pp-tabbar ul{ display:flex; height:var(--pp-tabbar-h); margin:0; padding:0; list-style:none; }
.pp-tabbar li{ flex:1; }
.pp-tabbar a{ height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; color:var(--pp-muted) !important; font:600 11px/1 var(--pp-font); }
.pp-tabbar a svg{ width:22px; height:22px; }
.pp-tabbar a.active{ color:var(--pp-text) !important; }
.pp-tabbar a.active svg{ color:var(--pp-red-hi); }
.pp-tabbar .pp-tab-premium span.pp-tab-crown{
  width:46px; height:46px; margin-top:-22px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  background:linear-gradient(180deg, var(--pp-gold-hi), var(--pp-gold)); color:#1d1305; border:4px solid var(--pp-bg);
  box-shadow:0 8px 24px -6px rgba(245,184,61,.8);
}
.pp-tabbar .pp-tab-premium{ color:var(--pp-gold) !important; }
@media (max-width: 991.98px){ .pp-tabbar{ display:block; } }

/* ---------- search overlay (purana #popup1, naya look) ---------- */
#popup1.popup-overlay{ background:rgba(10,7,14,.97) !important; z-index:2000; }
#popup1 .search{ max-width:980px; margin:0 auto; padding:calc(var(--pp-header-h) + 10px) var(--pp-gutter) 40px; }
#popup1 .search .title{ font:700 clamp(22px,3vw,32px)/1.1 var(--pp-font-display) !important; color:var(--pp-text) !important; letter-spacing:-.02em; }
#popup1 .search-input input{
  width:100%; height:56px; border-radius:14px !important; border:1px solid var(--pp-line-2) !important;
  background:var(--pp-surface) !important; color:var(--pp-text) !important; font:500 18px var(--pp-font) !important; padding:0 18px !important;
}
#popup1 .close{ top:14px !important; right:18px !important; color:var(--pp-text) !important; opacity:1; }

/* ==========================================================================
   HERO SLIDER
   ========================================================================== */
.pp-hero{ position:relative; background:#000; overflow:hidden; isolation:isolate; }
.pp-hero__track{ position:relative; }
.pp-slide{
  position:absolute; inset:0; opacity:0; visibility:hidden;
  transition:opacity .7s ease, visibility 0s linear .7s;
}
.pp-slide.is-active{ position:relative; opacity:1; visibility:visible; transition:opacity .7s ease; z-index:1; }
.pp-slide__media{ display:block; position:relative; width:100%; aspect-ratio:1100 / 450; max-height:min(86vh, 820px); min-height:420px; overflow:hidden; }
.pp-slide__media img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 30%; transform:scale(1.04); transition:transform 7s ease-out; }
.pp-slide.is-active .pp-slide__media img{ transform:scale(1); }
.pp-slide__media::after{
  content:""; position:absolute; inset:0;
  background:
    linear-gradient(90deg, rgba(14,10,19,.92) 0%, rgba(14,10,19,.55) 38%, rgba(14,10,19,0) 68%),
    linear-gradient(0deg, var(--pp-bg) 0%, rgba(14,10,19,0) 38%);
}
.pp-slide__body{
  position:absolute; z-index:2; left:var(--pp-gutter); bottom:clamp(56px, 12vh, 120px);
  width:min(560px, 46vw); display:flex; flex-direction:column; gap:14px;
}
.pp-slide__kicker{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.pp-slide__title{
  font:800 clamp(30px, 4.6vw, 64px)/.98 var(--pp-font-display); letter-spacing:-.035em; margin:0; color:#fff;
  text-wrap:balance; text-shadow:0 2px 30px rgba(0,0,0,.45);
}
.pp-slide__title a{ color:inherit !important; }
.pp-slide__text{ margin:0; color:rgba(244,239,248,.82); font-size:16px; line-height:1.55; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.pp-slide__actions{ display:flex; gap:10px; flex-wrap:wrap; margin-top:4px; }

.pp-hero__nav{ position:absolute; z-index:3; right:var(--pp-gutter); bottom:clamp(56px, 12vh, 120px); display:flex; align-items:center; gap:10px; }
.pp-hero__arrow{ width:44px; height:44px; border-radius:50%; border:1px solid var(--pp-line-2); background:rgba(14,10,19,.5); color:#fff; display:inline-flex; align-items:center; justify-content:center; cursor:pointer; backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); }
.pp-hero__arrow:hover{ background:rgba(255,255,255,.15); }
.pp-hero__arrow svg{ width:20px; height:20px; }
.pp-hero__dots{ display:flex; gap:6px; }
.pp-hero__dot{ position:relative; width:26px; height:4px; border-radius:4px; background:rgba(255,255,255,.28); border:0; padding:0; cursor:pointer; overflow:hidden; }
.pp-hero__dot::after{ content:""; position:absolute; inset:0; background:#fff; transform:scaleX(0); transform-origin:left; }
.pp-hero__dot.is-active{ width:44px; }
.pp-hero__dot.is-active::after{ animation:pp-dot var(--pp-hero-delay, 6s) linear forwards; }
.pp-hero.is-paused .pp-hero__dot.is-active::after{ animation-play-state:paused; }
@keyframes pp-dot{ to{ transform:scaleX(1); } }

/* tablet */
@media (max-width: 991.98px){
  .pp-slide__body{ width:min(560px, 70vw); bottom:64px; }
  .pp-hero__nav{ bottom:22px; right:50%; transform:translateX(50%); }
  .pp-hero__arrow{ display:none; }
}
/* mobile: image upar full-width (poora banner dikhe), text uske neeche */
@media (max-width: 767.98px){
  .pp-slide__media{ aspect-ratio:16 / 10; min-height:0; max-height:none; }
  .pp-slide__media::after{ background:linear-gradient(0deg, var(--pp-bg) 2%, rgba(14,10,19,0) 55%); }
  .pp-slide__body{ position:relative; left:auto; bottom:auto; width:auto; margin-top:-46px; padding:0 var(--pp-gutter) 8px; gap:10px; }
  .pp-slide__title{ font-size:clamp(26px, 8vw, 34px); }
  .pp-slide__text{ font-size:14.5px; }
  .pp-slide__actions .pp-btn{ flex:1; }
  .pp-hero__nav{ position:relative; right:auto; bottom:auto; transform:none; justify-content:center; padding:12px 0 4px; }
  .pp-hero{ background:var(--pp-bg); }
}

/* ---------- chips / badges ---------- */
.pp-chip{
  display:inline-flex; align-items:center; gap:6px; height:26px; padding:0 10px; border-radius:999px;
  background:rgba(255,255,255,.09); color:var(--pp-text); font:600 12.5px/1 var(--pp-font); white-space:nowrap;
}
.pp-chip--gold{ background:rgba(245,184,61,.16); color:var(--pp-gold-hi); }
.pp-chip--free{ background:rgba(52,211,153,.15); color:#7ff0c6; }
.pp-chip--line{ background:transparent; border:1px solid var(--pp-line-2); }
.pp-chip svg{ width:13px; height:13px; }

/* ==========================================================================
   SECTIONS + RAILS
   ========================================================================== */
.pp-section{ padding:clamp(18px, 2.6vw, 30px) 0 0; }
.pp-section:first-child{ padding-top:clamp(16px, 2vw, 26px); }
.pp-sec-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:16px; padding:0 var(--pp-gutter); margin-bottom:12px; }
.pp-sec-head h2, .pp-sec-head .pp-sec-title{ font:700 clamp(18px, 2vw, 24px)/1.15 var(--pp-font-display); letter-spacing:-.02em; margin:0; color:var(--pp-text); }
.pp-sec-head h2 a{ color:inherit !important; }
.pp-sec-sub{ color:var(--pp-muted); font-size:14px; margin:4px 0 0; }
.pp-viewall{ flex:none; color:var(--pp-muted) !important; font:600 14px/1 var(--pp-font); padding:8px 0; display:inline-flex; align-items:center; gap:4px; }
.pp-viewall:hover{ color:var(--pp-text) !important; }
.pp-viewall svg{ width:16px; height:16px; }

.pp-rail-wrap{ position:relative; }
.pp-rail{
  display:grid; grid-auto-flow:column; gap:clamp(10px, 1.2vw, 16px);
  grid-auto-columns:var(--pp-poster-w);
  overflow-x:auto; overflow-y:hidden; overscroll-behavior-x:contain;
  scroll-snap-type:x mandatory; scroll-padding:0 var(--pp-gutter);
  padding:4px var(--pp-gutter) 14px; margin:0; list-style:none;
  scrollbar-width:none; -webkit-overflow-scrolling:touch;
}
.pp-rail::-webkit-scrollbar{ display:none; }
.pp-rail > *{ scroll-snap-align:start; min-width:0; }
.pp-rail--wide{ grid-auto-columns:var(--pp-wide-w); }

.pp-rail-btn{
  position:absolute; top:4px; bottom:14px; z-index:4; width:clamp(40px, 3.6vw, 56px);
  display:flex; align-items:center; justify-content:center; border:0; padding:0; cursor:pointer;
  color:#fff; opacity:0; transition:opacity .2s ease;
}
.pp-rail-btn svg{ width:28px; height:28px; filter:drop-shadow(0 2px 6px rgba(0,0,0,.6)); }
.pp-rail-btn--prev{ left:0; background:linear-gradient(90deg, rgba(14,10,19,.95), rgba(14,10,19,0)); }
.pp-rail-btn--next{ right:0; background:linear-gradient(270deg, rgba(14,10,19,.95), rgba(14,10,19,0)); }
.pp-rail-btn[hidden]{ display:none; }
@media (hover:hover) and (min-width: 768px){
  .pp-rail-wrap:hover .pp-rail-btn{ opacity:1; }
}

/* ---------- card ---------- */
.pp-card{ position:relative; display:block; color:var(--pp-text) !important; }
.pp-card__media{
  position:relative; display:block; overflow:hidden; border-radius:var(--pp-radius);
  aspect-ratio:2 / 3; background:linear-gradient(135deg, #1d1626, #2a2033);
  box-shadow:0 0 0 1px var(--pp-line) inset;
}
.pp-card--wide .pp-card__media{ aspect-ratio:16 / 9; }
.pp-card__media img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; transition:opacity .35s ease, transform .4s ease; }
.pp-card__media img.is-loaded, .pp-card__media img[data-loaded]{ opacity:1; }
.pp-card__play{
  position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  background:linear-gradient(0deg, rgba(14,10,19,.75), rgba(14,10,19,.1)); opacity:0; transition:opacity .2s ease;
}
.pp-card__play span{ width:48px; height:48px; border-radius:50%; background:var(--pp-red); display:flex; align-items:center; justify-content:center; box-shadow:0 8px 24px -6px rgba(232,23,63,.8); }
.pp-card__play svg{ width:20px; height:20px; margin-left:2px; color:#fff; }
@media (hover:hover){
  .pp-card:hover .pp-card__media img{ transform:scale(1.05); }
  .pp-card:hover .pp-card__play{ opacity:1; }
}
.pp-badge{
  position:absolute; z-index:2; top:8px; left:8px; display:inline-flex; align-items:center; gap:4px;
  height:22px; padding:0 8px; border-radius:6px; font:700 11px/1 var(--pp-font); letter-spacing:.01em;
}
.pp-badge svg{ width:12px; height:12px; }
.pp-badge--premium{ background:rgba(20,13,4,.78); color:var(--pp-gold-hi); box-shadow:0 0 0 1px rgba(245,184,61,.45) inset; backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px); }
.pp-badge--free{ background:rgba(4,30,20,.78); color:#7ff0c6; box-shadow:0 0 0 1px rgba(52,211,153,.45) inset; }
.pp-badge--soon{ left:auto; right:8px; background:var(--pp-red); color:#fff; }
.pp-card__body{ display:block; padding:9px 2px 0; }
.pp-card__title{ display:block; font:600 14.5px/1.3 var(--pp-font); color:var(--pp-text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0; }
.pp-card__meta{ display:block; margin-top:3px; font:500 12.5px/1.3 var(--pp-font); color:var(--pp-muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.pp-card__meta .pp-star{ color:var(--pp-gold); }

/* ==========================================================================
   TOP 10  (numbers = marquee gold outline)
   ========================================================================== */
.pp-top10 .pp-rail{ grid-auto-columns:clamp(210px, 60vw, 320px); gap:clamp(4px, .8vw, 10px); }
.pp-t10{ position:relative; display:flex; align-items:flex-end; color:var(--pp-text) !important; }
.pp-t10__num{
  flex:none; width:clamp(58px, 16vw, 104px); margin-right:-18px; position:relative; z-index:0;
  font:800 clamp(92px, 24vw, 164px)/.78 var(--pp-font-display); letter-spacing:-.08em; text-align:right;
  color:var(--pp-bg); -webkit-text-stroke:3px var(--pp-gold);
  paint-order:stroke fill; user-select:none;
  text-shadow:0 0 28px rgba(245,184,61,.25);
}
.pp-t10:nth-child(n+10) .pp-t10__num{ width:clamp(92px, 24vw, 150px); letter-spacing:-.12em; }
.pp-t10 .pp-card{ flex:1; min-width:0; position:relative; z-index:1; }
.pp-t10 .pp-card__media{ aspect-ratio:16 / 10; box-shadow:0 18px 40px -18px rgba(0,0,0,.9), 0 0 0 1px var(--pp-line) inset; }

/* ==========================================================================
   Home intro + upsell + explore grid + about/FAQ
   ========================================================================== */
.pp-intro{ padding:clamp(10px, 1.6vw, 18px) var(--pp-gutter) 0; display:flex; flex-wrap:wrap; align-items:baseline; gap:6px 16px; }
.pp-intro h1{ font:700 clamp(16px, 1.6vw, 19px)/1.3 var(--pp-font); color:var(--pp-text); margin:0; letter-spacing:0; }
.pp-intro p{ margin:0; color:var(--pp-muted); font-size:14.5px; }

.pp-upsell{
  margin:clamp(26px, 3vw, 40px) var(--pp-gutter) 0; border-radius:var(--pp-radius-lg); overflow:hidden; position:relative;
  display:grid; grid-template-columns:1fr auto; align-items:center; gap:20px;
  padding:clamp(20px, 3vw, 34px) clamp(20px, 3.4vw, 44px);
  background:
    radial-gradient(120% 140% at 100% 0%, rgba(245,184,61,.28), rgba(245,184,61,0) 55%),
    linear-gradient(120deg, #2a1220, #1a1024 60%, #151020);
  border:1px solid rgba(245,184,61,.25);
}
.pp-upsell h2{ font:800 clamp(22px, 2.8vw, 34px)/1.05 var(--pp-font-display); letter-spacing:-.03em; margin:0 0 8px; color:#fff; }
.pp-upsell p{ margin:0; color:rgba(244,239,248,.8); font-size:15.5px; max-width:60ch; }
.pp-upsell__price{ color:var(--pp-gold-hi); font-weight:700; }
.pp-upsell ul{ display:flex; flex-wrap:wrap; gap:8px 18px; margin:12px 0 0; padding:0; list-style:none; color:var(--pp-text); font-size:14px; }
.pp-upsell li{ display:flex; align-items:center; gap:6px; }
.pp-upsell li svg{ width:16px; height:16px; color:var(--pp-gold); }
@media (max-width: 767.98px){ .pp-upsell{ grid-template-columns:1fr; } .pp-upsell .pp-btn{ width:100%; } }

.pp-grid{
  display:grid; gap:clamp(14px, 1.6vw, 22px) clamp(10px, 1.2vw, 16px);
  grid-template-columns:repeat(auto-fill, minmax(clamp(132px, 30vw, 172px), 1fr));
  padding:0 var(--pp-gutter); margin:0; list-style:none;
}
.pp-grid--wide{ grid-template-columns:repeat(auto-fill, minmax(clamp(220px, 40vw, 260px), 1fr)); }
@media (max-width: 575.98px){
  .pp-grid{ grid-template-columns:repeat(3, minmax(0, 1fr)); gap:14px 8px; }
  .pp-grid--wide{ grid-template-columns:repeat(2, minmax(0, 1fr)); gap:14px 10px; }
  .pp-grid .pp-card__title{ font-size:13px; }
  .pp-grid .pp-card__meta{ font-size:11.5px; }
}
@media (max-width: 359.98px){ .pp-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); } }

.pp-loader{ display:flex; justify-content:center; padding:26px 0; }
.pp-loader span{ width:8px; height:8px; margin:0 4px; border-radius:50%; background:var(--pp-muted); animation:pp-bounce 1s infinite ease-in-out; }
.pp-loader span:nth-child(2){ animation-delay:.15s; } .pp-loader span:nth-child(3){ animation-delay:.3s; }
@keyframes pp-bounce{ 0%,80%,100%{ transform:scale(.5); opacity:.4 } 40%{ transform:scale(1); opacity:1 } }
.pp-end{ text-align:center; color:var(--pp-muted); padding:26px var(--pp-gutter) 6px; font-size:14.5px; }
.pp-end a{ color:var(--pp-text) !important; font-weight:600; text-decoration:underline !important; text-underline-offset:3px; }

.pp-skel-rail{ display:flex; gap:14px; padding:4px var(--pp-gutter) 14px; overflow:hidden; }
.pp-skel-rail i{ flex:none; width:var(--pp-poster-w); aspect-ratio:2/3; border-radius:var(--pp-radius); background:linear-gradient(90deg, #1b1523 0%, #251d2f 50%, #1b1523 100%); background-size:200% 100%; animation:pp-shimmer 1.3s infinite linear; }
@keyframes pp-shimmer{ to{ background-position:-200% 0; } }

.pp-about{ margin:clamp(40px, 5vw, 64px) var(--pp-gutter) 0; padding-top:clamp(28px, 3vw, 40px); border-top:1px solid var(--pp-line); display:grid; grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); gap:clamp(24px, 4vw, 64px); }
.pp-about h2{ font:700 clamp(20px, 2.2vw, 26px)/1.2 var(--pp-font-display); letter-spacing:-.02em; margin:0 0 12px; color:var(--pp-text); }
.pp-about p{ color:var(--pp-muted); font-size:15px; line-height:1.7; margin:0 0 12px; max-width:68ch; }
.pp-about p a{ color:var(--pp-text) !important; text-decoration:underline !important; text-underline-offset:3px; }
.pp-faq details{ border-bottom:1px solid var(--pp-line); }
.pp-faq summary{ list-style:none; cursor:pointer; display:flex; justify-content:space-between; align-items:center; gap:12px; padding:14px 0; font:600 15.5px/1.35 var(--pp-font); color:var(--pp-text); }
.pp-faq summary::-webkit-details-marker{ display:none; }
.pp-faq summary::after{ content:"+"; font:400 24px/1 var(--pp-font); color:var(--pp-muted); transition:transform .2s ease; }
.pp-faq details[open] summary::after{ transform:rotate(45deg); }
.pp-faq details p{ margin:0 0 14px; }
@media (max-width: 767.98px){ .pp-about{ grid-template-columns:1fr; } }

/* ==========================================================================
   LIST PAGES (Movies / Web Series / collections / search)
   ========================================================================== */
.pp-page-head{ padding:clamp(18px, 3vw, 34px) var(--pp-gutter) 6px; }
.pp-page-head h1{ font:800 clamp(28px, 4vw, 46px)/1 var(--pp-font-display); letter-spacing:-.035em; margin:0; color:var(--pp-text); }
.pp-page-head p{ margin:10px 0 0; color:var(--pp-muted); font-size:15px; max-width:70ch; }
.pp-crumbs{ display:flex; flex-wrap:wrap; gap:6px; margin:0 0 10px; padding:0; list-style:none; font-size:13px; color:var(--pp-muted); }
.pp-crumbs li + li::before{ content:"/"; margin-right:6px; opacity:.5; }
.pp-crumbs a{ color:var(--pp-muted) !important; }
.pp-crumbs a:hover{ color:var(--pp-text) !important; }

.pp-filters{ position:sticky; top:var(--pp-header-h); z-index:20; background:rgba(14,10,19,.94); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); padding:10px 0; margin-bottom:14px; border-bottom:1px solid var(--pp-line); }
.pp-chips{ display:flex; gap:8px; overflow-x:auto; padding:0 var(--pp-gutter); scrollbar-width:none; margin:0; list-style:none; }
.pp-chips::-webkit-scrollbar{ display:none; }
.pp-chips + .pp-chips{ margin-top:8px; }
.pp-chips a{
  flex:none; display:inline-flex; align-items:center; height:36px; padding:0 14px; border-radius:999px;
  border:1px solid var(--pp-line-2); color:var(--pp-muted) !important; font:600 13.5px/1 var(--pp-font); white-space:nowrap;
}
.pp-chips a:hover{ color:var(--pp-text) !important; border-color:rgba(255,255,255,.3); }
.pp-chips a.is-on{ background:var(--pp-text); color:var(--pp-bg) !important; border-color:var(--pp-text); }
.pp-chips .pp-chip-label{ flex:none; align-self:center; color:var(--pp-muted); font-size:13px; padding-right:2px; }

.pp-pager{ display:flex; justify-content:center; gap:10px; padding:28px var(--pp-gutter) 0; }
.pp-empty{ text-align:center; padding:60px var(--pp-gutter); color:var(--pp-muted); }
.pp-empty h2{ font:700 22px/1.2 var(--pp-font-display); color:var(--pp-text); margin:0 0 8px; }

.pp-searchbar{ display:flex; gap:10px; padding:0 var(--pp-gutter); margin:16px 0 4px; }
.pp-searchbar input{ flex:1; min-width:0; height:52px; border-radius:14px; border:1px solid var(--pp-line-2); background:var(--pp-surface); color:var(--pp-text); padding:0 18px; font:500 17px var(--pp-font); outline:none; }
.pp-searchbar input:focus{ border-color:var(--pp-gold); }

/* ==========================================================================
   DETAILS (movie / show)
   ========================================================================== */
.pp-dhero{ position:relative; isolation:isolate; overflow:hidden; }
.pp-dhero__bg{ position:absolute; inset:0; z-index:-1; }
.pp-dhero__bg img{ width:100%; height:100%; object-fit:cover; object-position:center 25%; }
.pp-dhero__bg::after{
  content:""; position:absolute; inset:0;
  background:
    linear-gradient(90deg, rgba(14,10,19,.97) 0%, rgba(14,10,19,.82) 42%, rgba(14,10,19,.35) 75%, rgba(14,10,19,.55) 100%),
    linear-gradient(0deg, var(--pp-bg) 0%, rgba(14,10,19,0) 45%);
}
.pp-dhero__inner{
  display:grid; grid-template-columns:minmax(0, 1fr); gap:clamp(20px, 3vw, 40px); align-items:end;
  padding:calc(var(--pp-header-h) + clamp(40px, 8vh, 110px)) var(--pp-gutter) clamp(24px, 4vw, 44px);
  min-height:min(82vh, 760px);
}
.pp-dhero__content{ max-width:720px; display:flex; flex-direction:column; gap:14px; }
.pp-dhero h1{ font:800 clamp(32px, 5vw, 68px)/.98 var(--pp-font-display); letter-spacing:-.035em; margin:0; color:#fff; text-wrap:balance; }
.pp-meta{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin:0; padding:0; list-style:none; }
.pp-meta a.pp-chip:hover{ background:rgba(255,255,255,.16); }
.pp-dhero__desc{ color:rgba(244,239,248,.84); font-size:16px; line-height:1.65; margin:0; max-width:64ch; }
.pp-actions{ display:flex; flex-wrap:wrap; gap:10px; margin-top:4px; }
.pp-lock-note{ display:flex; align-items:center; gap:8px; color:var(--pp-gold-hi); font-size:14px; margin:0; }
.pp-lock-note svg{ width:16px; height:16px; flex:none; }
.pp-people{ color:var(--pp-muted); font-size:14.5px; margin:0; line-height:1.6; }
.pp-people strong{ color:var(--pp-text); font-weight:600; margin-right:4px; }
.pp-people a{ color:var(--pp-text) !important; }
.pp-people a:hover{ text-decoration:underline !important; }

@media (max-width: 767.98px){
  .pp-dhero__bg{ position:relative; height:auto; aspect-ratio:16 / 10; }
  .pp-dhero__bg::after{ background:linear-gradient(0deg, var(--pp-bg) 3%, rgba(14,10,19,0) 60%); }
  .pp-dhero__inner{ min-height:0; padding:0 var(--pp-gutter) 20px; margin-top:-56px; }
  .pp-dhero h1{ font-size:clamp(28px, 8.5vw, 38px); }
  .pp-dhero__desc{ font-size:15px; }
  .pp-actions .pp-btn--play, .pp-actions .pp-btn--gold{ flex:1 1 100%; }
  body.pp-has-hero.pp-detail-page .pp-header{ background:linear-gradient(180deg, rgba(14,10,19,.7), rgba(14,10,19,0)); }
}

.pp-readmore{ position:relative; }
.pp-readmore.is-clamped .pp-dhero__desc{ display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.pp-readmore button{ background:none; border:0; padding:4px 0 0; color:var(--pp-text); font:600 14px var(--pp-font); cursor:pointer; text-decoration:underline; text-underline-offset:3px; }

/* seasons + episodes */
.pp-tabs{ display:flex; gap:8px; overflow-x:auto; padding:0 var(--pp-gutter); margin:0 0 16px; list-style:none; scrollbar-width:none; }
.pp-tabs::-webkit-scrollbar{ display:none; }
.pp-tabs button{ flex:none; height:40px; padding:0 18px; border-radius:999px; border:1px solid var(--pp-line-2); background:transparent; color:var(--pp-muted); font:600 14px var(--pp-font); cursor:pointer; }
.pp-tabs button[aria-selected="true"]{ background:var(--pp-text); color:var(--pp-bg); border-color:var(--pp-text); }
.pp-eps{ display:grid; grid-template-columns:repeat(auto-fill, minmax(min(100%, 420px), 1fr)); gap:12px 20px; padding:0 var(--pp-gutter); margin:0; list-style:none; }
.pp-eps[hidden]{ display:none; }
.pp-ep{ display:grid; grid-template-columns:clamp(128px, 34vw, 190px) minmax(0, 1fr); gap:14px; align-items:center; padding:8px; border-radius:14px; color:var(--pp-text) !important; transition:background-color .15s ease; }
.pp-ep:hover{ background:var(--pp-surface); }
.pp-ep .pp-card__media{ aspect-ratio:16 / 9; }
.pp-ep__no{ color:var(--pp-muted); font:600 12.5px var(--pp-font); display:flex; gap:8px; align-items:center; }
.pp-ep__title{ font:600 15.5px/1.3 var(--pp-font); margin:4px 0; color:var(--pp-text); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.pp-ep__desc{ color:var(--pp-muted); font-size:13.5px; line-height:1.45; margin:0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }

/* share sheet */
.pp-share{ position:fixed; inset:0; z-index:2100; display:none; align-items:flex-end; justify-content:center; background:rgba(0,0,0,.6); }
.pp-share.is-open{ display:flex; }
.pp-share__box{ width:min(460px, 100%); background:var(--pp-raised); border-radius:20px 20px 0 0; padding:22px 20px calc(22px + env(safe-area-inset-bottom, 0px)); border:1px solid var(--pp-line-2); }
@media (min-width: 576px){ .pp-share{ align-items:center; } .pp-share__box{ border-radius:20px; } }
.pp-share__box h2{ font:700 19px var(--pp-font-display); margin:0 0 16px; color:var(--pp-text); }
.pp-share__grid{ display:grid; grid-template-columns:repeat(4, 1fr); gap:10px; }
.pp-share__grid a, .pp-share__grid button{ display:flex; flex-direction:column; align-items:center; gap:8px; padding:12px 4px; border-radius:12px; background:rgba(255,255,255,.05); border:0; color:var(--pp-text) !important; font:600 12px var(--pp-font); cursor:pointer; }
.pp-share__grid svg{ width:24px; height:24px; }

/* ==========================================================================
   DASHBOARD
   ========================================================================== */
.pp-dash{ display:grid; grid-template-columns:minmax(0, 1.25fr) minmax(0, 1fr); gap:clamp(14px, 2vw, 22px); padding:0 var(--pp-gutter); }
.pp-panel{ background:var(--pp-surface); border:1px solid var(--pp-line); border-radius:var(--pp-radius-lg); padding:clamp(18px, 2.4vw, 28px); }
.pp-panel h2{ font:700 18px/1.2 var(--pp-font-display); margin:0 0 14px; color:var(--pp-text); letter-spacing:-.01em; }
.pp-profile{ display:flex; align-items:center; gap:16px; }
.pp-profile img{ width:72px; height:72px; border-radius:50%; object-fit:cover; box-shadow:0 0 0 3px var(--pp-raised), 0 0 0 5px var(--pp-line-2); }
.pp-profile h1{ font:800 clamp(22px, 2.6vw, 30px)/1.1 var(--pp-font-display); letter-spacing:-.02em; margin:0; color:var(--pp-text); }
.pp-profile p{ margin:4px 0 0; color:var(--pp-muted); font-size:14.5px; word-break:break-all; }
.pp-plan{ position:relative; overflow:hidden; }
.pp-plan--active{ background:radial-gradient(120% 120% at 100% 0%, rgba(245,184,61,.2), rgba(245,184,61,0) 60%), var(--pp-surface); border-color:rgba(245,184,61,.3); }
.pp-plan--none{ background:radial-gradient(120% 120% at 100% 0%, rgba(232,23,63,.25), rgba(232,23,63,0) 60%), var(--pp-surface); border-color:rgba(232,23,63,.3); }
.pp-plan__name{ font:800 clamp(22px, 2.4vw, 28px)/1.1 var(--pp-font-display); letter-spacing:-.02em; margin:0 0 6px; color:var(--pp-text); }
.pp-plan__sub{ color:var(--pp-muted); font-size:14.5px; margin:0 0 16px; }
.pp-progress{ height:8px; border-radius:8px; background:rgba(255,255,255,.08); overflow:hidden; margin:0 0 8px; }
.pp-progress span{ display:block; height:100%; border-radius:8px; background:linear-gradient(90deg, var(--pp-gold), var(--pp-gold-hi)); }
.pp-progress--warn span{ background:linear-gradient(90deg, var(--pp-red), var(--pp-red-hi)); }
.pp-quick{ display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:10px; margin-top:18px; }
.pp-quick a{ display:flex; flex-direction:column; gap:8px; padding:14px; border-radius:14px; background:rgba(255,255,255,.04); border:1px solid var(--pp-line); color:var(--pp-text) !important; font:600 14px var(--pp-font); }
.pp-quick a:hover{ background:rgba(255,255,255,.08); }
.pp-quick svg{ width:22px; height:22px; color:var(--pp-muted); }
.pp-quick small{ color:var(--pp-muted); font-weight:500; font-size:12.5px; }
.pp-kv{ display:grid; grid-template-columns:auto 1fr; gap:8px 16px; margin:0; font-size:14.5px; }
.pp-kv dt{ color:var(--pp-muted); font-weight:500; }
.pp-kv dd{ margin:0; color:var(--pp-text); font-weight:600; text-align:right; }
.pp-danger-link{ background:none; border:0; padding:0; color:#ff8fa3; font:600 13.5px var(--pp-font); cursor:pointer; margin-top:14px; }
.pp-table-wrap{ padding:0 var(--pp-gutter); }
.pp-table{ width:100%; border-collapse:collapse; font-size:14.5px; }
.pp-table th{ text-align:left; color:var(--pp-muted); font-weight:600; padding:12px 14px; border-bottom:1px solid var(--pp-line-2); white-space:nowrap; }
.pp-table td{ padding:14px; border-bottom:1px solid var(--pp-line); color:var(--pp-text); }
@media (max-width: 991.98px){ .pp-dash{ grid-template-columns:1fr; } .pp-quick{ grid-template-columns:repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767.98px){
  .pp-table thead{ display:none; }
  .pp-table, .pp-table tbody, .pp-table tr, .pp-table td{ display:block; width:100%; }
  .pp-table tr{ background:var(--pp-surface); border:1px solid var(--pp-line); border-radius:14px; padding:6px 14px; margin-bottom:10px; }
  .pp-table td{ display:flex; justify-content:space-between; gap:12px; padding:8px 0; border-bottom:1px dashed var(--pp-line); text-align:right; word-break:break-all; }
  .pp-table td:last-child{ border-bottom:0; }
  .pp-table td::before{ content:attr(data-label); color:var(--pp-muted); font-weight:500; text-align:left; flex:none; }
}

/* ==========================================================================
   FOOTER
   ========================================================================== */
.pp-footer{ margin-top:clamp(40px, 6vw, 80px); border-top:1px solid var(--pp-line); background:#0b0810; padding:clamp(32px, 4vw, 52px) var(--pp-gutter) 24px; color:var(--pp-muted); }
.pp-footer__grid{ display:grid; grid-template-columns:minmax(0, 1.4fr) repeat(3, minmax(0, 1fr)); gap:28px; }
.pp-footer h2{ font:700 15px var(--pp-font); color:var(--pp-text); margin:0 0 12px; }
.pp-footer ul{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:9px; }
.pp-footer a{ color:var(--pp-muted) !important; font-size:14.5px; }
.pp-footer a:hover{ color:var(--pp-text) !important; }
.pp-footer__brand img{ height:34px; width:auto; margin-bottom:14px; }
.pp-footer__brand p{ font-size:14.5px; line-height:1.65; margin:0 0 16px; max-width:44ch; }
.pp-social{ display:flex; gap:10px; }
.pp-social a{ width:40px; height:40px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; border:1px solid var(--pp-line-2); }
.pp-social svg{ width:18px; height:18px; }
.pp-stores{ display:flex; gap:10px; flex-wrap:wrap; }
.pp-stores img{ height:40px; width:auto; }
.pp-footer__bottom{ margin-top:32px; padding-top:18px; border-top:1px solid var(--pp-line); display:flex; flex-wrap:wrap; justify-content:space-between; gap:10px; font-size:13.5px; }
@media (max-width: 767.98px){ .pp-footer__grid{ grid-template-columns:1fr 1fr; } .pp-footer__brand{ grid-column:1 / -1; } }

/* scroll-top button ko tabbar ke upar rakho */
.scroll-top{ bottom:calc(var(--pp-tabbar-h) + 16px) !important; }

/* legacy banner ads spacing */
.pp-ad{ padding:18px var(--pp-gutter) 0; }
.pp-ad img{ max-width:100%; height:auto; border-radius:12px; }

@media (prefers-reduced-motion: reduce){
  *, *::before, *::after{ animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; scroll-behavior:auto !important; }
}

/* fixes */
header.pp-header{ box-shadow:none !important; margin:0; }
@media (max-width: 767.98px){
  .pp-slide__kicker{ flex-wrap:nowrap; overflow:hidden; mask-image:linear-gradient(90deg, #000 85%, transparent); -webkit-mask-image:linear-gradient(90deg, #000 85%, transparent); }
}
/* hero pages: header ka gradient ek pseudo-element pe (hard edge / line nahi aayegi) */
body.pp-has-hero .pp-header{ background:transparent !important; border-bottom:0 !important; }
body.pp-has-hero .pp-header::before{
  content:""; position:absolute; left:0; right:0; top:0; height:calc(var(--pp-header-h) + 56px); z-index:-1; pointer-events:none;
  background:linear-gradient(180deg, rgba(14,10,19,.82) 0%, rgba(14,10,19,.45) 55%, rgba(14,10,19,0) 100%);
  transition:opacity .25s ease;
}
body.pp-has-hero .pp-header::after{
  content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; opacity:0; transition:opacity .25s ease;
  background:rgba(14,10,19,.94); border-bottom:1px solid var(--pp-line);
  backdrop-filter:saturate(1.4) blur(14px); -webkit-backdrop-filter:saturate(1.4) blur(14px);
}
body.pp-has-hero.pp-scrolled .pp-header::after{ opacity:1; }
body.pp-has-hero.pp-scrolled .pp-header::before{ opacity:0; }

/* ==========================================================================
   WATCH PAGES (movie watch + episode)
   ========================================================================== */
.pp-stage{ background:#000; border-bottom:1px solid var(--pp-line); }
.pp-stage__inner{ max-width:1400px; margin:0 auto; padding:clamp(0px, 1.4vw, 20px) clamp(0px, 2vw, 28px); }
.pp-player{ position:relative; background:#000; border-radius:clamp(0px, 1vw, 14px); overflow:hidden; min-height:200px; }
.pp-player .video-posts-video{ margin:0 !important; padding:0 !important; background:transparent !important; }
.pp-player .ratio, .pp-player iframe{ border-radius:inherit; }
.pp-nosource{ aspect-ratio:16/9; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; color:var(--pp-muted); text-align:center; padding:20px; background:radial-gradient(circle at center, #1c1524, #000 70%); }
.pp-nosource strong{ color:var(--pp-text); font:700 20px var(--pp-font-display); }

.pp-watch{ display:grid; grid-template-columns:minmax(0, 1fr) minmax(300px, 400px); gap:clamp(20px, 3vw, 44px); padding:clamp(18px, 2.4vw, 30px) var(--pp-gutter) 0; align-items:start; }
.pp-watch__main{ min-width:0; display:flex; flex-direction:column; gap:14px; }
.pp-watch__series{ color:var(--pp-muted) !important; font:600 14.5px var(--pp-font); display:inline-flex; align-items:center; gap:6px; }
.pp-watch__series:hover{ color:var(--pp-text) !important; }
.pp-watch h1{ font:800 clamp(24px, 3vw, 38px)/1.05 var(--pp-font-display); letter-spacing:-.03em; margin:0; color:var(--pp-text); }
.pp-watch__ep{ color:var(--pp-gold-hi); font:700 14px var(--pp-font); margin:0; }
.pp-watch .pp-dhero__desc{ color:rgba(244,239,248,.8); font-size:15.5px; }
.pp-epnav{ display:flex; gap:10px; flex-wrap:wrap; }
.pp-epnav .pp-btn{ flex:0 1 auto; }

.pp-cast{ display:flex; gap:14px; overflow-x:auto; padding:4px 0 6px; margin:0; list-style:none; scrollbar-width:none; }
.pp-cast::-webkit-scrollbar{ display:none; }
.pp-cast a{ flex:none; width:82px; display:flex; flex-direction:column; align-items:center; gap:6px; color:var(--pp-muted) !important; font:600 12.5px/1.25 var(--pp-font); text-align:center; }
.pp-cast img{ width:64px; height:64px; border-radius:50%; object-fit:cover; background:var(--pp-raised); box-shadow:0 0 0 2px var(--pp-line-2); }
.pp-cast a:hover{ color:var(--pp-text) !important; }
.pp-cast small{ display:block; font-weight:500; opacity:.75; }

.pp-upnext{ background:var(--pp-surface); border:1px solid var(--pp-line); border-radius:var(--pp-radius-lg); padding:16px; position:sticky; top:calc(var(--pp-header-h) + 16px); }
.pp-upnext h2{ font:700 17px var(--pp-font-display); margin:0 0 12px; color:var(--pp-text); display:flex; justify-content:space-between; align-items:center; gap:10px; }
.pp-upnext h2 small{ color:var(--pp-muted); font:500 13px var(--pp-font); }
.pp-upnext .pp-tabs{ padding:0; margin:0 0 12px; }
.pp-upnext .pp-tabs button{ height:34px; padding:0 14px; font-size:13px; }
.pp-upnext__list{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:4px; max-height:min(62vh, 620px); overflow-y:auto; scrollbar-width:thin; scrollbar-color:var(--pp-line-2) transparent; }
.pp-upnext__list[hidden]{ display:none; }
.pp-un{ display:grid; grid-template-columns:128px minmax(0, 1fr); gap:12px; align-items:center; padding:6px; border-radius:12px; color:var(--pp-text) !important; }
.pp-un:hover{ background:rgba(255,255,255,.05); }
.pp-un.is-current{ background:rgba(232,23,63,.12); box-shadow:0 0 0 1px rgba(232,23,63,.4) inset; }
.pp-un .pp-card__media{ aspect-ratio:16/9; border-radius:8px; }
.pp-un--poster{ grid-template-columns:64px minmax(0, 1fr); }
.pp-un--poster .pp-card__media{ aspect-ratio:2/3; }
.pp-un__t{ font:600 14px/1.3 var(--pp-font); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin:0; }
.pp-un__m{ color:var(--pp-muted); font:500 12.5px var(--pp-font); margin-top:3px; display:flex; gap:8px; align-items:center; }
.pp-un__m svg{ width:13px; height:13px; color:var(--pp-gold); }
.pp-now{ color:var(--pp-red-hi); font-weight:700; }

.pp-upsell--slim{ margin:0; padding:16px 18px; grid-template-columns:1fr auto; }
.pp-upsell--slim h2{ font-size:18px; margin-bottom:4px; }
.pp-upsell--slim p{ font-size:14px; }

@media (max-width: 991.98px){
  .pp-watch{ grid-template-columns:1fr; }
  .pp-upnext{ position:static; }
  .pp-upnext__list{ max-height:none; }
}
@media (max-width: 575.98px){
  .pp-stage__inner{ padding:0; }
  .pp-player{ border-radius:0; }
  .pp-epnav .pp-btn{ flex:1 1 0; }
  .pp-un{ grid-template-columns:112px minmax(0, 1fr); }
}
.pp-un.pp-un--poster{ grid-template-columns:64px minmax(0, 1fr); }

/* ==========================================================================
   WHATSAPP SUPPORT CARD (plans + payment)
   ========================================================================== */
.pp-support{
  display:grid; grid-template-columns:auto minmax(0, 1fr) auto; gap:18px; align-items:center;
  padding:clamp(18px, 2.4vw, 26px); border-radius:var(--pp-radius-lg);
  background:radial-gradient(120% 160% at 0% 0%, rgba(37,211,102,.22), rgba(37,211,102,0) 55%), #10201a;
  border:1px solid rgba(37,211,102,.45); box-shadow:0 18px 50px -24px rgba(37,211,102,.55);
}
.pp-support__icon{ width:58px; height:58px; border-radius:16px; display:flex; align-items:center; justify-content:center; background:#25d366; color:#fff; box-shadow:0 10px 26px -8px rgba(37,211,102,.8); }
.pp-support__icon svg{ width:32px; height:32px; }
.pp-support h2{ font:800 clamp(18px, 2vw, 22px)/1.2 var(--pp-font-display); color:#fff; margin:0 0 6px; letter-spacing:-.01em; }
.pp-support p{ margin:0; color:rgba(244,239,248,.86); font-size:15px; line-height:1.55; }
.pp-support__hi{ margin-top:6px !important; color:#a7f3c9 !important; font-size:14.5px !important; }
.pp-support__btn{ --b:#25d366; color:#06240f !important; font-weight:700; box-shadow:0 10px 28px -10px rgba(37,211,102,.9); }
.pp-support__btn:hover{ --b:#3be07a; }
.pp-support__btn svg{ width:20px; height:20px; }
@media (max-width: 767.98px){
  .pp-support{ grid-template-columns:auto minmax(0, 1fr); }
  .pp-support__icon{ width:48px; height:48px; border-radius:14px; }
  .pp-support__icon svg{ width:26px; height:26px; }
  .pp-support__btn{ grid-column:1 / -1; width:100%; }
}

/* ==========================================================================
   PLANS PAGE
   ========================================================================== */
.pp-plans-head{ text-align:center; padding:clamp(28px, 5vw, 64px) var(--pp-gutter) clamp(18px, 3vw, 30px); display:flex; flex-direction:column; align-items:center; gap:12px;
  background:radial-gradient(60% 120% at 50% 0%, rgba(245,184,61,.14), rgba(245,184,61,0) 70%); }
.pp-plans-head h1{ font:800 clamp(30px, 5vw, 56px)/1 var(--pp-font-display); letter-spacing:-.035em; margin:0; color:var(--pp-text); text-wrap:balance; }
.pp-plans-head p{ margin:0; color:var(--pp-muted); font-size:clamp(15px, 1.5vw, 17px); }
.pp-trust{ display:flex; flex-wrap:wrap; justify-content:center; gap:8px 20px; margin:6px 0 0; padding:0; list-style:none; color:var(--pp-text); font:600 14px var(--pp-font); }
.pp-trust li{ display:flex; align-items:center; gap:7px; }
.pp-trust svg{ width:16px; height:16px; color:var(--pp-gold); }

.pp-plan-note{ max-width:1180px; margin:0 auto 14px; padding:12px 16px; display:flex; gap:10px; align-items:center; border-radius:12px; background:rgba(52,211,153,.1); border:1px solid rgba(52,211,153,.35); color:var(--pp-text); font-size:14.5px; width:calc(100% - 2 * var(--pp-gutter)); }
.pp-plan-note svg{ width:18px; height:18px; color:#7ff0c6; flex:none; }
.pp-plan-note--gold{ background:rgba(245,184,61,.1); border-color:rgba(245,184,61,.35); }
.pp-plan-note--gold svg{ color:var(--pp-gold); }

.pp-plans{ max-width:1180px; margin:0 auto; padding:14px var(--pp-gutter) 0; display:grid; gap:16px; grid-template-columns:repeat(auto-fit, minmax(210px, 1fr)); align-items:stretch; box-sizing:content-box; }
.pp-plan{ position:relative; display:flex; flex-direction:column; gap:6px; padding:24px 20px 20px; border-radius:var(--pp-radius-lg); background:var(--pp-surface); border:1px solid var(--pp-line); transition:transform .18s ease, border-color .18s ease; }
.pp-plan:hover{ transform:translateY(-3px); border-color:var(--pp-line-2); }
.pp-plan.is-rec{ background:radial-gradient(120% 90% at 50% 0%, rgba(245,184,61,.18), rgba(245,184,61,0) 60%), var(--pp-raised); border:1.5px solid rgba(245,184,61,.7); box-shadow:0 24px 60px -28px rgba(245,184,61,.6); }
.pp-plan__flag{ position:absolute; top:-13px; left:50%; transform:translateX(-50%); display:inline-flex; align-items:center; gap:5px; height:26px; padding:0 12px; border-radius:999px; background:linear-gradient(180deg, var(--pp-gold-hi), var(--pp-gold)); color:#1d1305; font:800 12px var(--pp-font); white-space:nowrap; }
.pp-plan__flag svg{ width:13px; height:13px; }
.pp-plan__name{ font:700 18px/1.2 var(--pp-font-display); margin:0; color:var(--pp-text); }
.pp-plan__dur{ margin:0; color:var(--pp-muted); font-size:14px; }
.pp-plan__price{ display:flex; align-items:baseline; gap:10px; margin-top:8px; }
.pp-plan__amt{ font:800 clamp(34px, 3.4vw, 42px)/1 var(--pp-font-display); letter-spacing:-.03em; color:#fff; }
.pp-plan__amt small{ font-size:.5em; vertical-align:top; margin-right:2px; color:var(--pp-muted); }
.pp-plan__price s{ color:var(--pp-muted); font-size:15px; }
.pp-plan__sub{ margin:0; min-height:22px; color:var(--pp-muted); font-size:13.5px; display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.pp-plan__save{ display:inline-flex; height:22px; align-items:center; padding:0 8px; border-radius:6px; background:rgba(52,211,153,.15); color:#7ff0c6; font-weight:700; font-size:12px; }
.pp-plan__feat{ list-style:none; margin:12px 0 16px; padding:14px 0 0; border-top:1px solid var(--pp-line); display:flex; flex-direction:column; gap:9px; font-size:14px; color:var(--pp-text); }
.pp-plan__feat li{ display:flex; gap:8px; align-items:flex-start; }
.pp-plan__feat svg{ width:16px; height:16px; flex:none; margin-top:2px; color:var(--pp-gold); }
.pp-plan__cta{ margin-top:auto; width:100%; }
.pp-plans-support{ max-width:1180px; margin:28px auto 0; padding:0 var(--pp-gutter); box-sizing:content-box; }
.pp-plans-faq{ max-width:860px; margin-left:auto !important; margin-right:auto !important; }
@media (max-width: 575.98px){
  .pp-plans{ grid-template-columns:1fr; gap:22px; }
}

/* ==========================================================================
   PAYMENT PAGE
   ========================================================================== */
.pp-steps{ display:flex; flex-wrap:wrap; gap:6px 18px; margin:0 0 14px; padding:0; list-style:none; font:600 13.5px var(--pp-font); color:var(--pp-muted); }
.pp-steps li, .pp-steps a{ display:flex; align-items:center; gap:8px; color:inherit !important; }
.pp-steps span{ width:24px; height:24px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; border:1px solid var(--pp-line-2); font-size:12px; }
.pp-steps .is-done{ color:#7ff0c6; } .pp-steps .is-done span{ background:rgba(52,211,153,.18); border-color:transparent; }
.pp-steps .is-on{ color:var(--pp-text); } .pp-steps .is-on span{ background:var(--pp-red); border-color:transparent; color:#fff; }
.pp-alert{ padding:12px 16px; border-radius:12px; margin-bottom:12px; font-size:14.5px; }
.pp-alert--ok{ background:rgba(52,211,153,.12); border:1px solid rgba(52,211,153,.35); color:#b8f5dc; }
.pp-alert--err{ background:rgba(232,23,63,.12); border:1px solid rgba(232,23,63,.4); color:#ffc2cf; }

.pp-checkout{ display:grid; grid-template-columns:minmax(280px, 380px) minmax(0, 1fr); gap:clamp(18px, 3vw, 36px); padding:8px var(--pp-gutter) 0; align-items:start; }
.pp-summary .pp-panel{ position:sticky; top:calc(var(--pp-header-h) + 16px); }
.pp-summary__plan{ font:800 24px/1.1 var(--pp-font-display); margin:0 0 4px; color:#fff; letter-spacing:-.02em; }
.pp-summary__dur{ margin:0 0 16px; color:var(--pp-muted); font-size:14px; }
.pp-summary__total{ display:flex; justify-content:space-between; align-items:baseline; margin-top:12px; padding-top:12px; border-top:1px dashed var(--pp-line-2); }
.pp-summary__total span{ color:var(--pp-muted); font-weight:600; }
.pp-summary__total strong{ font:800 28px var(--pp-font-display); color:var(--pp-gold-hi); }
.pp-summary__pm{ margin:4px 0 0; text-align:right; color:var(--pp-muted); font-size:13px; }
.pp-summary__acct{ margin:4px 0 12px; font-size:13px; color:var(--pp-muted); word-break:break-all; }
.pp-summary__acct a{ color:var(--pp-text) !important; text-decoration:underline !important; }

.pp-methods h2{ font:700 20px var(--pp-font-display); margin:0 0 4px; color:var(--pp-text); }
.pp-methods__sub{ display:flex; gap:6px; align-items:center; color:var(--pp-muted); font-size:13.5px; margin:0 0 14px; }
.pp-methods__sub svg{ width:15px; height:15px; color:#7ff0c6; }
.pp-pay .membership_plan_block{ display:flex; flex-direction:column; gap:10px; margin:0 !important; padding:0; }
.pp-pay .membership_plan_block > div{ width:100% !important; max-width:100% !important; flex:none !important; padding:0 !important; }
.pp-pay .select-payment-method{
  display:flex; align-items:center; justify-content:space-between; gap:14px; padding:14px 16px; margin:0 !important;
  background:var(--pp-surface) !important; border:1px solid var(--pp-line) !important; border-radius:14px !important; box-shadow:none !important;
  transition:border-color .15s ease, background-color .15s ease; min-height:0 !important;
}
.pp-pay .select-payment-method:hover{ border-color:rgba(232,23,63,.55) !important; background:#1d1626 !important; }
.pp-pay .select-left{ display:flex; align-items:center; gap:14px; min-width:0; flex:1 1 auto; }
.pp-pay .gateway-media{ width:52px; height:52px; flex:none; border-radius:12px; overflow:hidden; background:#fff; display:flex; align-items:center; justify-content:center; padding:6px; }
.pp-pay .gateway-media img{ max-width:100%; max-height:100%; object-fit:contain; }
.pp-pay .gateway-initial{ width:100%; height:100%; align-items:center; justify-content:center; font:800 18px var(--pp-font); color:#fff; background:linear-gradient(135deg, var(--pp-red), #7b19d6); border-radius:8px; }
.pp-pay .select-payment-method h1{ font:700 16px/1.25 var(--pp-font) !important; margin:0 0 3px !important; color:var(--pp-text) !important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.pp-pay .select-payment-method h4{ font:500 13px/1.3 var(--pp-font) !important; margin:0 !important; color:var(--pp-muted) !important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.pp-pay .action-btn{ flex:none; }
.pp-pay .action-btn form{ margin:0; }
.pp-pay .vfx-item-btn-danger{
  display:inline-flex !important; align-items:center; justify-content:center; min-height:42px; min-width:120px; padding:0 18px !important;
  border-radius:999px !important; border:0 !important; background:var(--pp-red) !important; color:#fff !important;
  font:700 14px var(--pp-font) !important; text-transform:none !important; letter-spacing:0 !important; box-shadow:0 8px 22px -10px rgba(232,23,63,.8) !important; cursor:pointer;
}
.pp-pay .vfx-item-btn-danger:hover{ background:var(--pp-red-hi) !important; }
.pp-pay-support{ margin-top:22px; }
@media (max-width: 991.98px){
  .pp-checkout{ grid-template-columns:minmax(0, 1fr); }
  .pp-summary .pp-panel{ position:static; }
}
@media (max-width: 575.98px){
  .pp-pay .select-payment-method{ padding:12px; gap:10px; }
  .pp-pay .gateway-media{ width:44px; height:44px; }
  .pp-pay .vfx-item-btn-danger{ min-width:92px; padding:0 14px !important; }
}

/* ==========================================================================
   APP INSTALL BANNER (home)
   ========================================================================== */
.pp-appban{
  margin:clamp(30px, 4vw, 48px) var(--pp-gutter) 0; border-radius:var(--pp-radius-lg); overflow:hidden; position:relative;
  display:grid; grid-template-columns:minmax(0, 1.3fr) minmax(0, 1fr); align-items:center; gap:24px;
  padding:clamp(22px, 3.2vw, 42px) clamp(20px, 3.6vw, 48px);
  background:
    radial-gradient(90% 140% at 100% 100%, rgba(232,23,63,.45), rgba(232,23,63,0) 60%),
    radial-gradient(70% 120% at 0% 0%, rgba(245,184,61,.16), rgba(245,184,61,0) 60%),
    linear-gradient(120deg, #1d1025, #140d1c);
  border:1px solid rgba(255,255,255,.1);
}
.pp-appban__text{ display:flex; flex-direction:column; align-items:flex-start; gap:12px; }
.pp-appban h2{ font:800 clamp(24px, 3.2vw, 40px)/1.02 var(--pp-font-display); letter-spacing:-.03em; margin:0; color:#fff; }
.pp-appban p{ margin:0; color:rgba(244,239,248,.82); font-size:15.5px; max-width:52ch; }
.pp-appban ul{ display:flex; flex-wrap:wrap; gap:8px 18px; margin:0; padding:0; list-style:none; font:600 14px var(--pp-font); color:var(--pp-text); }
.pp-appban li{ display:flex; align-items:center; gap:6px; }
.pp-appban li svg{ width:16px; height:16px; color:var(--pp-gold); }
.pp-appban__stores{ display:flex; flex-wrap:wrap; gap:10px; margin-top:6px; }
.pp-store{ display:inline-flex; align-items:center; gap:10px; height:54px; padding:0 18px 0 14px; border-radius:14px; background:#000; border:1px solid rgba(255,255,255,.28); color:#fff !important; transition:transform .15s ease, border-color .15s ease; }
.pp-store:hover{ transform:translateY(-2px); border-color:#fff; }
.pp-store svg{ width:28px; height:28px; }
.pp-store span{ display:flex; flex-direction:column; font:700 17px/1.05 var(--pp-font); }
.pp-store small{ font:500 11px/1.2 var(--pp-font); opacity:.8; }
.pp-appban__art{ display:flex; justify-content:center; align-items:flex-end; min-height:220px; }
.pp-phone{ width:170px; aspect-ratio:9 / 18.5; border-radius:28px; padding:8px; background:linear-gradient(160deg, #3a2f45, #120c18); box-shadow:0 30px 60px -20px rgba(0,0,0,.8), 0 0 0 1px rgba(255,255,255,.12) inset; transform:rotate(-6deg); margin-bottom:-60px; }
.pp-phone__screen{ height:100%; border-radius:21px; overflow:hidden; background:linear-gradient(180deg, #2a1220, var(--pp-bg) 70%); display:flex; flex-direction:column; align-items:center; gap:14px; padding:22px 12px; }
.pp-phone__screen img{ width:96px; height:auto; }
.pp-phone__play{ width:52px; height:52px; border-radius:50%; background:var(--pp-red); display:flex; align-items:center; justify-content:center; margin:18px 0 10px; box-shadow:0 10px 30px -8px rgba(232,23,63,.9); }
.pp-phone__play svg{ width:22px; height:22px; color:#fff; margin-left:3px; }
.pp-phone__screen i{ display:block; width:100%; height:44px; border-radius:8px; background:rgba(255,255,255,.08); }
@media (max-width: 767.98px){
  .pp-appban{ grid-template-columns:1fr; }
  .pp-appban__art{ display:none; }
  .pp-appban__stores{ width:100%; }
  .pp-store{ flex:1; justify-content:center; }
}
.pp-plans{ padding-top:22px; }
.pp-plan{ overflow:visible !important; }
.pp-plan__flag{ z-index:3; }
.pp-pay .select-payment-method h1, .pp-pay .select-payment-method h4{ text-align:left !important; }
.pp-pay .select-payment-method h1::after, .pp-pay .select-payment-method h1::before{ display:none !important; content:none !important; }
.pp-summary__acct{ word-break:normal !important; overflow-wrap:anywhere; }
.pp-methods__mplan{ display:none; }
@media (max-width: 991.98px){
  .pp-methods{ order:1; } .pp-summary{ order:2; }
  .pp-methods__mplan{ display:flex; justify-content:space-between; align-items:center; margin:0 0 14px; padding:12px 16px; border-radius:12px; background:var(--pp-surface); border:1px solid rgba(245,184,61,.35); font:600 15px var(--pp-font); color:var(--pp-text); }
  .pp-methods__mplan strong{ color:var(--pp-gold-hi); font:800 20px var(--pp-font-display); }
}

/* ==========================================================================
   HEADER SEARCH (inline + live suggestions)
   ========================================================================== */
.pp-search{ position:relative; display:flex; align-items:center; margin:0; }
.pp-search input{
  width:clamp(200px, 20vw, 290px); height:42px; padding:0 38px 0 40px; border-radius:999px;
  border:1px solid var(--pp-line-2); background:rgba(255,255,255,.07); color:var(--pp-text);
  font:500 14.5px var(--pp-font); outline:none; transition:width .25s ease, background-color .2s ease, border-color .2s ease;
  -webkit-appearance:none; appearance:none;
}
.pp-search input::placeholder{ color:var(--pp-muted); }
.pp-search input::-webkit-search-cancel-button{ display:none; }
.pp-search input:focus{ width:clamp(260px, 26vw, 380px); background:rgba(20,14,28,.96); border-color:rgba(245,184,61,.6); }
.pp-search__ic{ position:absolute; left:14px; width:18px; height:18px; color:var(--pp-muted); pointer-events:none; }
.pp-search__x{ display:none; position:absolute; right:6px; width:30px; height:30px; border-radius:50%; border:0; background:rgba(255,255,255,.08); color:var(--pp-text); align-items:center; justify-content:center; cursor:pointer; padding:0; }
.pp-search__x svg{ width:16px; height:16px; transform:rotate(45deg); }
.pp-search.has-text .pp-search__x{ display:flex; }
.pp-search-toggle{ display:none !important; }

.pp-sugg{
  position:absolute; top:calc(100% + 10px); right:0; width:min(440px, 92vw); max-height:min(70vh, 560px); overflow-y:auto;
  padding:8px; border-radius:16px; background:var(--pp-raised); border:1px solid var(--pp-line-2);
  box-shadow:0 30px 80px -20px rgba(0,0,0,.9); z-index:1050; scrollbar-width:thin;
}
.pp-sugg[hidden]{ display:none; }
.pp-sugg__head{ padding:6px 10px 8px; color:var(--pp-muted); font:600 12.5px var(--pp-font); }
.pp-sugg a.pp-si{ display:grid; grid-template-columns:44px minmax(0, 1fr) auto; gap:12px; align-items:center; padding:7px 10px; border-radius:10px; color:var(--pp-text) !important; }
.pp-sugg a.pp-si--w{ grid-template-columns:78px minmax(0, 1fr) auto; }
.pp-sugg a.pp-si:hover, .pp-sugg a.pp-si.is-active{ background:rgba(255,255,255,.08); }
.pp-si__img{ width:44px; aspect-ratio:2/3; border-radius:6px; overflow:hidden; background:#241c2e; }
.pp-si--w .pp-si__img{ width:78px; aspect-ratio:16/9; }
.pp-si__img img{ width:100%; height:100%; object-fit:cover; display:block; }
.pp-si__t{ font:600 14.5px/1.3 var(--pp-font); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.pp-si__t mark{ background:none; color:var(--pp-gold-hi); padding:0; }
.pp-si__m{ color:var(--pp-muted); font:500 12.5px var(--pp-font); margin-top:2px; }
.pp-si__b{ font:700 10.5px var(--pp-font); padding:3px 7px; border-radius:6px; background:rgba(245,184,61,.15); color:var(--pp-gold-hi); }
.pp-si__b--f{ background:rgba(52,211,153,.15); color:#7ff0c6; }
.pp-sugg__all{ display:flex; align-items:center; justify-content:center; gap:6px; margin-top:6px; padding:11px; border-radius:10px; background:rgba(255,255,255,.05); color:var(--pp-text) !important; font:600 14px var(--pp-font); }
.pp-sugg__all:hover, .pp-sugg__all.is-active{ background:rgba(255,255,255,.1); }
.pp-sugg__all svg{ width:16px; height:16px; }
.pp-sugg__empty{ padding:16px 12px; color:var(--pp-muted); font-size:14px; text-align:center; }
.pp-sugg__load{ padding:14px; display:flex; justify-content:center; }

@media (max-width: 991.98px){
  .pp-search-toggle{ display:inline-flex !important; }
  .pp-search{ display:none; position:absolute; left:0; right:0; top:100%; padding:10px var(--pp-gutter) 12px; background:rgba(14,10,19,.98); border-bottom:1px solid var(--pp-line); }
  body.pp-search-open .pp-search{ display:flex; }
  .pp-search input, .pp-search input:focus{ width:100%; height:46px; font-size:16px; }
  .pp-search__ic{ left:calc(var(--pp-gutter) + 14px); }
  .pp-search__x{ display:flex; right:calc(var(--pp-gutter) + 8px); }
  .pp-sugg{ left:var(--pp-gutter); right:var(--pp-gutter); width:auto; top:calc(100% - 2px); max-height:calc(100vh - 150px); }
}

/* ==========================================================================
   HEADER PLAN BUTTON (Buy Subscription / Upgrade Plan)
   ========================================================================== */
.pp-planbtn{
  position:relative; overflow:hidden; display:inline-flex; align-items:center; gap:8px; height:42px; padding:0 18px 0 14px;
  border-radius:999px; font:800 14px/1 var(--pp-font); white-space:nowrap; isolation:isolate; transition:transform .15s ease, box-shadow .15s ease;
}
.pp-planbtn svg{ width:20px; height:20px; flex:none; }
.pp-planbtn:hover{ transform:translateY(-1px); }
.pp-planbtn .pp-s{ display:none; }
.pp-planbtn--buy{
  color:#1d1305 !important; background:linear-gradient(135deg, #ffe29a 0%, #f5b83d 45%, #e8913a 100%);
  box-shadow:0 8px 26px -8px rgba(245,184,61,.85), 0 0 0 1px rgba(255,255,255,.35) inset;
}
.pp-planbtn--buy::after{
  content:""; position:absolute; top:0; bottom:0; left:-60%; width:40%; z-index:-1;
  background:linear-gradient(100deg, transparent, rgba(255,255,255,.65), transparent); transform:skewX(-20deg);
  animation:pp-shine 3.2s ease-in-out infinite;
}
@keyframes pp-shine{ 0%, 55%{ left:-60%; } 100%{ left:130%; } }
.pp-planbtn--up{
  color:var(--pp-gold-hi) !important; background:linear-gradient(180deg, rgba(245,184,61,.16), rgba(245,184,61,.06));
  border:1px solid rgba(245,184,61,.55); box-shadow:0 6px 20px -10px rgba(245,184,61,.6);
}
.pp-planbtn--up:hover{ background:linear-gradient(180deg, rgba(245,184,61,.26), rgba(245,184,61,.1)); }
@media (max-width: 991.98px){
  .pp-planbtn{ height:38px; padding:0 13px 0 11px; font-size:13px; gap:6px; }
  .pp-planbtn svg{ width:17px; height:17px; }
  .pp-planbtn .pp-l{ display:none; } .pp-planbtn .pp-s{ display:inline; }
}
/* app banner: ab home ke upar hai, isliye thoda compact */
.pp-appban{ margin-top:clamp(14px, 1.8vw, 22px); padding-top:clamp(20px, 2.4vw, 30px); padding-bottom:clamp(20px, 2.4vw, 30px); }
.pp-appban h2{ font-size:clamp(22px, 2.6vw, 34px); }
.pp-appban__art{ min-height:170px; }
.pp-phone{ width:138px; margin-bottom:-78px; }
.pp-sugg a.pp-si{ grid-template-columns:78px minmax(0, 1fr) auto; }
.pp-sugg a.pp-si .pp-si__img{ justify-self:center; }
@media (max-width: 767.98px){
  .pp-appban{ padding:18px; gap:10px; }
  .pp-appban p, .pp-appban ul{ display:none; }
  .pp-appban h2{ font-size:22px; }
  .pp-appban__stores{ margin-top:2px; }
  .pp-store{ height:48px; }
}
.pp-store span, .pp-store small{ white-space:nowrap; }
@media (max-width: 767.98px){
  .pp-store{ flex:1 1 0; min-width:0; padding:0 10px; gap:8px; }
  .pp-store svg{ width:22px; height:22px; flex:none; }
  .pp-store span{ font-size:14.5px; }
  .pp-store small{ font-size:9.5px; }
}

/* ==========================================================================
   AUTH (login / signup / OTP)
   ========================================================================== */
.pp-auth{ display:grid; grid-template-columns:minmax(0, 1.1fr) minmax(360px, 480px); min-height:calc(100vh - var(--pp-header-h)); }
.pp-auth-page .pp-footer{ margin-top:0; }
.pp-auth__art{ position:relative; overflow:hidden; background:#07050a; }
.pp-auth__wall{ position:absolute; inset:-10% -5%; display:grid; grid-template-columns:repeat(3, 1fr); gap:14px; transform:rotate(-8deg) scale(1.08); opacity:.55; }
.pp-auth__col{ display:flex; flex-direction:column; gap:14px; animation:pp-wall 40s linear infinite; }
.pp-auth__col--1{ animation-direction:reverse; animation-duration:46s; }
.pp-auth__col--2{ animation-duration:52s; }
.pp-auth__col img{ width:100%; aspect-ratio:2/3; object-fit:cover; border-radius:12px; background:#1b1523; }
@keyframes pp-wall{ from{ transform:translateY(0); } to{ transform:translateY(-50%); } }
.pp-auth__art::after{ content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(14,10,19,.2) 0%, rgba(14,10,19,.6) 60%, var(--pp-bg) 100%), linear-gradient(0deg, rgba(14,10,19,.95) 0%, rgba(14,10,19,0) 55%); }
.pp-auth__pitch{ position:absolute; z-index:2; left:clamp(24px, 4vw, 60px); right:clamp(24px, 4vw, 60px); bottom:clamp(28px, 6vh, 64px); }
.pp-auth__kick{ margin:0 0 8px; color:var(--pp-gold-hi); font:700 14px var(--pp-font); }
.pp-auth__big{ margin:0 0 16px; font:800 clamp(28px, 3.4vw, 46px)/1.02 var(--pp-font-display); letter-spacing:-.035em; color:#fff; max-width:16ch; }
.pp-auth__pitch ul{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; color:var(--pp-text); font:600 15px var(--pp-font); }
.pp-auth__pitch li{ display:flex; gap:8px; align-items:center; }
.pp-auth__pitch svg{ width:18px; height:18px; color:var(--pp-gold); }

.pp-auth__card{ display:flex; flex-direction:column; justify-content:center; gap:14px; padding:clamp(28px, 4vw, 48px) clamp(20px, 3.4vw, 44px); background:var(--pp-bg); }
.pp-auth__card h1{ font:800 clamp(28px, 3vw, 36px)/1.05 var(--pp-font-display); letter-spacing:-.03em; margin:0; color:#fff; }
.pp-auth__sub{ margin:-4px 0 4px; color:var(--pp-muted); font-size:15px; }
.pp-auth__msg{ padding:11px 14px; border-radius:12px; background:rgba(232,23,63,.12); border:1px solid rgba(232,23,63,.4); color:#ffc2cf; font-size:14px; line-height:1.5; }
.pp-auth__msg--ok{ background:rgba(52,211,153,.12); border-color:rgba(52,211,153,.4); color:#b8f5dc; }
.pp-auth__msg[hidden]{ display:none; }
.pp-auth__err{ color:#ff8fa3; font-size:13px; }
.pp-auth__hint{ margin:0; color:var(--pp-muted); font-size:13.5px; line-height:1.5; }
.pp-auth__note{ display:flex; gap:8px; align-items:flex-start; margin:6px 0 0; padding:10px 12px; border-radius:10px; background:rgba(245,184,61,.08); border:1px solid rgba(245,184,61,.25); color:rgba(244,239,248,.85); font-size:13px; line-height:1.45; }
.pp-auth__note svg{ width:16px; height:16px; flex:none; margin-top:1px; color:var(--pp-gold); }
.pp-auth__switch{ margin:6px 0 0; text-align:center; color:var(--pp-muted); font-size:14.5px; }
.pp-auth__submit{ width:100%; min-height:50px; font-size:16px; }

.pp-seg{ display:grid; grid-template-columns:1fr 1fr; gap:4px; padding:4px; border-radius:14px; background:var(--pp-surface); border:1px solid var(--pp-line); }
.pp-seg button{ display:flex; align-items:center; justify-content:center; gap:8px; height:42px; border:0; border-radius:10px; background:transparent; color:var(--pp-muted); font:700 14px var(--pp-font); cursor:pointer; }
.pp-seg button svg{ width:17px; height:17px; }
.pp-seg button[aria-selected="true"]{ background:var(--pp-raised); color:var(--pp-text); box-shadow:0 4px 14px -6px rgba(0,0,0,.8); }
[role="tabpanel"][hidden]{ display:none !important; }

.pp-form{ display:flex; flex-direction:column; gap:14px; margin:0; }
.pp-form[hidden]{ display:none; }
.pp-field{ display:flex; flex-direction:column; gap:7px; margin:0; }
.pp-field > span:first-child{ color:var(--pp-text); font:600 13.5px var(--pp-font); }
.pp-field input, .pp-phone-in{
  width:100%; height:50px; padding:0 16px; border-radius:12px; border:1px solid var(--pp-line-2); background:var(--pp-surface);
  color:var(--pp-text); font:500 16px var(--pp-font); outline:none; transition:border-color .15s ease, box-shadow .15s ease;
}
.pp-field input::placeholder{ color:#6f6679; }
.pp-field input:focus, .pp-phone-in:focus-within{ border-color:rgba(245,184,61,.7); box-shadow:0 0 0 4px rgba(245,184,61,.12); }
.pp-pass{ position:relative; display:block; }
.pp-pass input{ padding-right:50px; }
.pp-pass__eye{ position:absolute; right:6px; top:50%; transform:translateY(-50%); width:38px; height:38px; border:0; border-radius:10px; background:transparent; color:var(--pp-muted); display:flex; align-items:center; justify-content:center; cursor:pointer; }
.pp-pass__eye svg{ width:20px; height:20px; }
.pp-pass__eye.is-on{ color:var(--pp-gold-hi); }
.pp-phone-in{ display:flex; align-items:center; gap:10px; padding:0 0 0 14px; }
.pp-phone-in__cc{ flex:none; color:var(--pp-text); font-weight:700; padding-right:10px; border-right:1px solid var(--pp-line-2); }
.pp-phone-in input{ height:100%; border:0 !important; box-shadow:none !important; background:transparent; padding:0 14px 0 0; letter-spacing:.04em; }
.pp-otp-in{ text-align:center; font:800 26px var(--pp-font-display) !important; letter-spacing:.6em; padding-left:.6em !important; height:60px !important; }
.pp-form__row{ display:flex; justify-content:space-between; align-items:center; gap:10px; flex-wrap:wrap; font-size:14px; }
.pp-check{ display:flex; align-items:center; gap:8px; color:var(--pp-muted); margin:0; cursor:pointer; }
.pp-check input{ width:18px; height:18px; accent-color:var(--pp-red); }
.pp-link{ color:var(--pp-gold-hi) !important; font-weight:600; }
.pp-link:hover{ text-decoration:underline !important; }
.pp-link--btn{ background:none; border:0; padding:0; cursor:pointer; font:inherit; font-weight:700; }
.pp-link--btn:disabled{ color:var(--pp-muted) !important; cursor:default; text-decoration:none !important; }

.pp-or{ display:flex; align-items:center; gap:12px; color:var(--pp-muted); font-size:13px; margin:4px 0; }
.pp-or::before, .pp-or::after{ content:""; flex:1; height:1px; background:var(--pp-line-2); }
.pp-sso{ display:grid; grid-template-columns:repeat(auto-fit, minmax(130px, 1fr)); gap:10px; }
.pp-sso__btn{ display:flex; align-items:center; justify-content:center; gap:10px; height:48px; border-radius:12px; border:1px solid var(--pp-line-2); background:var(--pp-surface); color:var(--pp-text) !important; font:700 15px var(--pp-font); }
.pp-sso__btn:hover{ background:var(--pp-raised); }
.pp-sso__btn svg{ width:20px; height:20px; }
.pp-auth .g-recaptcha{ transform-origin:left top; }

@media (max-width: 991.98px){
  .pp-auth{ grid-template-columns:minmax(0, 1fr); min-height:0; }
  .pp-auth__art{ height:190px; }
  .pp-auth__wall{ inset:-60% -10%; grid-template-columns:repeat(3, 1fr); }
  .pp-auth__art::after{ background:linear-gradient(0deg, var(--pp-bg) 0%, rgba(14,10,19,.35) 100%); }
  .pp-auth__pitch{ display:none; }
  .pp-auth__card{ margin-top:-70px; position:relative; z-index:2; background:transparent; padding-top:0; max-width:520px; width:100%; justify-self:center; }
}
@media (max-width: 360px){ .pp-auth .g-recaptcha{ transform:scale(.9); } }
/* auth pages pe site header nahi hota */
.pp-auth{ min-height:100vh; }
.pp-auth__brand{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:10px; }
.pp-auth__brand img{ height:34px; width:auto; max-width:170px; object-fit:contain; }
.pp-auth__brand span{ display:inline-flex; align-items:center; gap:4px; color:var(--pp-muted); font:600 13.5px var(--pp-font); }
.pp-auth__brand:hover span{ color:var(--pp-text); }
.pp-auth__brand svg{ width:15px; height:15px; }
@media (max-width: 991.98px){ .pp-auth{ min-height:0; } .pp-auth-page{ padding-bottom:0 !important; } }
.pp-auth__card{ min-width:0; }

/* ==========================================================================
   TOP 10 v2 — number sirf poster ke saath, title/genre ke upar kabhi nahi
   ========================================================================== */
.pp-top10{ --t10-w:clamp(54px, 14vw, 92px); --t10-body:50px; }
.pp-top10 .pp-rail{ grid-auto-columns:clamp(236px, 72vw, 360px); gap:clamp(8px, 1.2vw, 18px); }
.pp-t10{ display:block !important; position:relative; padding-left:var(--t10-w); }
.pp-t10:nth-child(n+10){ padding-left:calc(var(--t10-w) * 1.55); }
.pp-t10__num{
  position:absolute !important; left:0; bottom:var(--t10-body); z-index:0;
  width:auto !important; margin:0 !important; text-align:left !important;
  font:800 clamp(100px, 27vw, 168px)/.74 var(--pp-font-display) !important;
  letter-spacing:-.09em !important; -webkit-text-stroke:3px var(--pp-gold);
  color:var(--pp-bg); paint-order:stroke fill; pointer-events:none;
}
.pp-t10:nth-child(n+10) .pp-t10__num{ width:auto !important; letter-spacing:-.14em !important; }
.pp-t10 .pp-card{ position:relative; z-index:1; }
.pp-t10 .pp-card__media{ aspect-ratio:16 / 10; }
.pp-t10 .pp-card__body{ height:var(--t10-body); padding-top:8px; background:transparent; }
@media (max-width: 575.98px){
  .pp-top10{ --t10-w:52px; --t10-body:48px; }
  .pp-t10__num{ font-size:112px !important; -webkit-text-stroke:2.5px var(--pp-gold); }
  .pp-t10:nth-child(n+10){ padding-left:84px; }
}
.pp-t10{ align-self:start; }

/* ==========================================================================
   MY DEVICES
   ========================================================================== */
.pp-devbar{ display:flex; justify-content:space-between; align-items:center; gap:10px; margin:6px 0 14px; }
.pp-devbar__count{ color:var(--pp-muted); font:600 14px var(--pp-font); }
.pp-devices{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px; }
.pp-dev{ display:grid; grid-template-columns:auto minmax(0, 1fr) auto; gap:14px; align-items:center; padding:14px 16px; border-radius:14px; background:var(--pp-surface); border:1px solid var(--pp-line); }
.pp-dev.is-me{ border-color:rgba(52,211,153,.45); background:radial-gradient(120% 140% at 0% 0%, rgba(52,211,153,.12), rgba(52,211,153,0) 60%), var(--pp-surface); }
.pp-dev__ic{ width:46px; height:46px; border-radius:12px; display:flex; align-items:center; justify-content:center; background:var(--pp-raised); color:var(--pp-text); }
.pp-dev.is-me .pp-dev__ic{ color:#7ff0c6; }
.pp-dev__ic svg{ width:22px; height:22px; }
.pp-dev__txt{ min-width:0; display:flex; flex-direction:column; gap:3px; }
.pp-dev__txt strong{ color:var(--pp-text); font:600 15px/1.3 var(--pp-font); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.pp-dev__txt span{ color:var(--pp-muted); font-size:13px; display:flex; gap:8px; align-items:center; }
.pp-dev__me{ font-style:normal; color:#7ff0c6; font-weight:700; }
.pp-dev form{ margin:0; }
.pp-dev__out{ --b:rgba(232,23,63,.14); color:#ff9db0 !important; border:1px solid rgba(232,23,63,.4); }
.pp-dev__out:hover{ --b:rgba(232,23,63,.24); }
.pp-devall{ margin-top:18px; display:flex; justify-content:space-between; align-items:center; gap:14px; flex-wrap:wrap; padding:16px; border-radius:14px; border:1px dashed var(--pp-line-2); }
.pp-devall strong{ display:block; color:var(--pp-text); font:700 15px var(--pp-font); }
.pp-devall span{ color:var(--pp-muted); font-size:13.5px; }
@media (max-width: 575.98px){
  .pp-dev{ gap:10px; padding:12px; }
  .pp-dev__ic{ width:40px; height:40px; }
  .pp-dev .pp-btn--sm{ padding:0 12px; min-height:34px; font-size:13px; }
  .pp-devall .pp-btn{ width:100%; }
}

/* ==========================================================================
   SUBSCRIPTION EXPIRED POPUP (soft, din me ek baar)
   ========================================================================== */
.pp-xp{ position:fixed; inset:0; z-index:2200; display:flex; align-items:center; justify-content:center; padding:20px;
  background:rgba(6,4,9,.0); transition:background-color .25s ease; }
.pp-xp[hidden]{ display:none; }
.pp-xp.is-open{ background:rgba(6,4,9,.66); backdrop-filter:blur(3px); -webkit-backdrop-filter:blur(3px); }
.pp-xp__box{
  position:relative; width:min(420px, 100%); padding:22px 22px 20px; border-radius:22px; text-align:center;
  background:radial-gradient(120% 70% at 50% 0%, rgba(245,184,61,.16), rgba(245,184,61,0) 60%), var(--pp-raised);
  border:1px solid rgba(245,184,61,.3); box-shadow:0 40px 90px -30px rgba(0,0,0,.9);
  transform:translateY(16px) scale(.98); opacity:0; transition:transform .3s cubic-bezier(.2,.8,.2,1), opacity .25s ease;
}
.pp-xp.is-open .pp-xp__box{ transform:none; opacity:1; }
.pp-xp__close{ position:absolute; top:10px; right:10px; width:34px; height:34px; border-radius:50%; border:0; background:rgba(255,255,255,.08); color:var(--pp-text); display:flex; align-items:center; justify-content:center; cursor:pointer; z-index:2; }
.pp-xp__close svg{ width:18px; height:18px; transform:rotate(45deg); }
.pp-xp__art{ position:relative; display:flex; justify-content:center; margin:6px 0 18px; height:120px; }
.pp-xp__art img{ width:78px; height:116px; object-fit:cover; border-radius:10px; box-shadow:0 14px 30px -10px rgba(0,0,0,.9); border:2px solid rgba(255,255,255,.08); filter:saturate(.85); }
.pp-xp__art img:nth-child(1){ transform:rotate(-9deg) translate(14px, 8px); }
.pp-xp__art img:nth-child(2){ position:relative; z-index:1; transform:translateY(-4px); }
.pp-xp__art img:nth-child(3){ transform:rotate(9deg) translate(-14px, 8px); }
.pp-xp__crown{ position:absolute; z-index:2; bottom:-12px; left:50%; transform:translateX(-50%); width:42px; height:42px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:linear-gradient(180deg, var(--pp-gold-hi), var(--pp-gold)); color:#1d1305; border:3px solid var(--pp-raised); }
.pp-xp__crown svg{ width:20px; height:20px; }
.pp-xp h2{ font:800 24px/1.15 var(--pp-font-display); letter-spacing:-.02em; margin:10px 0 8px; color:#fff; }
.pp-xp p{ margin:0; color:rgba(244,239,248,.8); font-size:15px; line-height:1.55; }
.pp-xp p strong{ color:var(--pp-text); }
.pp-xp__actions{ display:flex; flex-direction:column; gap:8px; margin-top:18px; }
.pp-xp__actions .pp-btn{ width:100%; min-height:48px; }
.pp-xp__foot{ margin-top:12px !important; font-size:12.5px !important; color:var(--pp-muted) !important; }
@media (max-width: 575.98px){
  .pp-xp{ align-items:flex-end; padding:0; }
  .pp-xp__box{ width:100%; border-radius:22px 22px 0 0; padding-bottom:calc(20px + env(safe-area-inset-bottom, 0px)); transform:translateY(100%); }
}
@media (prefers-reduced-motion: reduce){ .pp-xp__box{ transition:none; } }

/* ==========================================================================
   APP BANNER: 3 phones (asli posters ke saath)
   ========================================================================== */
.pp-appban{ overflow:hidden; }
.pp-appban__art{ min-height:230px; align-items:center; }
.pp-phones{ position:relative; width:100%; max-width:420px; height:250px; margin:0 auto; }
.pp-phones .pp-phone{
  position:absolute; bottom:-46px; left:50%; width:132px; margin:0; padding:6px; aspect-ratio:9 / 19; border-radius:24px;
  background:linear-gradient(160deg, #4a3d57, #140e1a 60%); box-shadow:0 30px 50px -18px rgba(0,0,0,.85), 0 0 0 1px rgba(255,255,255,.14) inset;
  transform-origin:50% 100%; transition:transform .5s cubic-bezier(.2,.8,.2,1);
}
.pp-phones .pp-phone--0{ transform:translateX(-128%) rotate(-12deg) scale(.86); z-index:1; }
.pp-phones .pp-phone--1{ transform:translateX(-50%) translateY(-18px); z-index:3; width:146px; }
.pp-phones .pp-phone--2{ transform:translateX(28%) rotate(12deg) scale(.86); z-index:2; }
.pp-appban:hover .pp-phone--0{ transform:translateX(-136%) rotate(-15deg) scale(.86); }
.pp-appban:hover .pp-phone--2{ transform:translateX(36%) rotate(15deg) scale(.86); }
.pp-phones .pp-phone::before{ content:""; position:absolute; z-index:3; top:11px; left:50%; width:34%; height:9px; transform:translateX(-50%); border-radius:9px; background:#050307; }
.pp-phones .pp-phone__screen{ position:relative; height:100%; padding:0; gap:0; border-radius:19px; overflow:hidden; background:#0b0810; display:flex; }
.pp-phone__poster{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.pp-phone__ui{ position:absolute; inset:0; display:flex; flex-direction:column; justify-content:space-between; padding:26px 9px 10px;
  background:linear-gradient(180deg, rgba(8,5,12,.75) 0%, rgba(8,5,12,0) 28%, rgba(8,5,12,0) 52%, rgba(8,5,12,.92) 100%); }
.pp-phone__logo{ width:62px !important; height:auto !important; object-fit:contain; }
.pp-phone__info{ display:flex; flex-direction:column; gap:6px; }
.pp-phone__title{ color:#fff; font:700 11px/1.2 var(--pp-font); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.pp-phone__btn{ display:inline-flex; align-items:center; justify-content:center; gap:4px; height:22px; border-radius:6px; background:var(--pp-red); color:#fff; font:700 10px var(--pp-font); }
.pp-phone__btn svg{ width:10px; height:10px; }
.pp-phones .pp-phone--0 .pp-phone__ui, .pp-phones .pp-phone--2 .pp-phone__ui{ background:linear-gradient(180deg, rgba(8,5,12,.75) 0%, rgba(8,5,12,.1) 30%, rgba(8,5,12,.2) 60%, rgba(8,5,12,.95) 100%); }
@media (max-width: 991.98px){
  .pp-phones{ transform:scale(.85); transform-origin:50% 100%; }
}
@media (prefers-reduced-motion: reduce){ .pp-phones .pp-phone{ transition:none; } }
.pp-phones .pp-phone__screen img.pp-phone__poster{ position:absolute; inset:0; width:100% !important; height:100% !important; max-width:none; object-fit:cover; object-position:center top; }
.pp-phones .pp-phone__screen img.pp-phone__logo{ width:62px !important; height:auto !important; position:relative; }
.pp-phones .pp-phone{ bottom:-74px; width:128px; }
.pp-phones .pp-phone--1{ width:140px; transform:translateX(-50%); }
.pp-phones .pp-phone__ui{ padding-bottom:86px; background:linear-gradient(180deg, rgba(8,5,12,.7) 0%, rgba(8,5,12,0) 24%, rgba(8,5,12,0) 38%, rgba(8,5,12,.92) 64%, rgba(8,5,12,.96) 100%); }
@media (max-width: 991.98px){
  .pp-appban{ grid-template-columns:minmax(0, 1.25fr) minmax(0, .9fr); }
  .pp-phones{ transform:scale(.74); }
}

/* ==========================================================================
   App banner store buttons v2 — kisi bhi font / phone pe overflow nahi
   ========================================================================== */
.pp-appban__stores{ display:grid; grid-template-columns:repeat(auto-fit, minmax(150px, 190px)); gap:10px; width:100%; }
.pp-store{ min-width:0; overflow:hidden; justify-content:flex-start; box-sizing:border-box; }
.pp-store svg{ flex:0 0 auto; }
.pp-store span{ min-width:0; overflow:hidden; }
.pp-store span, .pp-store small{ text-overflow:ellipsis; overflow:hidden; }
@media (max-width: 767.98px){
  .pp-appban__stores{ grid-template-columns:repeat(auto-fit, minmax(138px, 1fr)); gap:8px; }
  .pp-store{ flex:none; width:100%; height:50px; padding:0 10px 0 12px; gap:9px; border-radius:12px; }
  .pp-store svg{ width:22px; height:22px; }
  .pp-store span{ font-size:14px !important; line-height:1.1 !important; letter-spacing:-.01em; }
  .pp-store small{ font-size:9.5px !important; letter-spacing:0; }
}
@media (max-width: 340px){
  .pp-appban__stores{ grid-template-columns:1fr; }
}
/* mobile: banner ek hi column (tablet wala 2-column rule yahan na lage) */
@media (max-width: 767.98px){
  .pp-appban{ grid-template-columns:minmax(0, 1fr) !important; }
  .pp-appban__text{ align-items:stretch; }
  .pp-appban__text > .pp-chip{ align-self:flex-start; }
}

/* ==========================================================================
   MY LIST (watchlist)
   ========================================================================== */
.pp-wl-item{ position:relative; transition:opacity .2s ease, transform .2s ease; }
.pp-wl-item.is-removing{ opacity:0; transform:scale(.94); }
.pp-wl-rm{
  position:absolute; z-index:4; top:8px; right:8px; width:32px; height:32px; border-radius:50%;
  display:flex; align-items:center; justify-content:center; color:#fff !important;
  background:rgba(10,7,14,.72); border:1px solid rgba(255,255,255,.2); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px);
  transition:background-color .15s ease, transform .15s ease;
}
.pp-wl-rm svg{ width:18px; height:18px; transform:rotate(45deg); }
.pp-wl-rm:hover{ background:var(--pp-red); transform:scale(1.06); }
.pp-wl-item .pp-badge--premium, .pp-wl-item .pp-badge--free{ max-width:calc(100% - 56px); }
.pp-wl-n{ display:inline-flex; min-width:20px; height:20px; padding:0 6px; margin-left:6px; border-radius:999px; align-items:center; justify-content:center; background:rgba(255,255,255,.1); font-size:11.5px; }
.pp-chips a.is-on .pp-wl-n{ background:rgba(14,10,19,.15); }
.pp-wl-group[hidden]{ display:none; }
.pp-wl-empty{ text-align:center; padding:clamp(30px, 6vw, 70px) var(--pp-gutter) 10px; display:flex; flex-direction:column; align-items:center; gap:10px; }
.pp-wl-empty[hidden]{ display:none; }
.pp-wl-empty__ic{ width:74px; height:74px; border-radius:22px; display:flex; align-items:center; justify-content:center; background:radial-gradient(circle at 30% 20%, rgba(245,184,61,.25), rgba(245,184,61,.05)); border:1px solid rgba(245,184,61,.3); color:var(--pp-gold-hi); margin-bottom:6px; }
.pp-wl-empty__ic svg{ width:34px; height:34px; }
.pp-wl-empty h2{ font:800 24px var(--pp-font-display); margin:0; color:#fff; }
.pp-wl-empty p{ margin:0 0 6px; color:var(--pp-muted); font-size:15px; }
@media (hover:none){ .pp-wl-rm{ width:34px; height:34px; } }
@media (max-width: 575.98px){
  /* chhote poster cards: badge me sirf crown, taaki remove (x) button se na takraye */
  .pp-grid:not(.pp-grid--wide) .pp-wl-item .pp-badge--premium{ font-size:0; gap:0; padding:0 6px; }
  .pp-grid:not(.pp-grid--wide) .pp-wl-item .pp-badge--premium svg{ width:13px; height:13px; }
  .pp-grid:not(.pp-grid--wide) .pp-wl-rm{ width:28px; height:28px; top:6px; right:6px; }
}