/* IPPlayTV plan grid v2 — 1 / 3 / 2 layout: a wide Lifetime card, then 2Y · 1Y · 6M, then 3M · 1M.
   Tokens (--surface, --gold, --green, --font-display ...) come from main.css. */
.pv2{display:flex;flex-direction:column;align-items:center;gap:26px;margin-top:8px}
.pv2-row{display:flex;flex-wrap:wrap;justify-content:center;gap:22px;width:100%}
.pv2-card{position:relative;display:flex;flex-direction:column;flex:0 1 330px;min-width:0;padding:28px 26px 24px;border-radius:var(--r-lg);border:1px solid rgba(255,255,255,.09);background:linear-gradient(165deg,#191621,#121019 70%);box-shadow:var(--shadow);transition:transform .35s var(--ease),border-color .35s var(--ease),box-shadow .35s var(--ease)}
.pv2-card:hover{transform:translateY(-5px);border-color:rgba(255,182,39,.35)}
.pv2-card.is-gold{border:1.5px solid rgba(255,182,39,.75);background:radial-gradient(110% 60% at 50% 0%,rgba(255,182,39,.10),transparent 60%),linear-gradient(165deg,#1d1814,#121019 72%);box-shadow:0 0 0 1px rgba(255,182,39,.18),0 0 46px -10px rgba(255,182,39,.45),var(--shadow)}
.pv2-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:5px 14px;border-radius:var(--r-full);font-size:.66rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#241800;background:var(--gold);box-shadow:0 8px 22px -8px rgba(255,182,39,.85)}
.pv2-name{margin:0;font-family:var(--font-body);font-size:.74rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--fg-muted)}
.pv2-price{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin:14px 0 0;line-height:1}
.pv2-price del{font-family:var(--font-display);font-size:1.45rem;font-weight:700;color:rgba(255,255,255,.38);text-decoration-thickness:2px}
.pv2-now{display:inline-flex;align-items:flex-start;font-family:var(--font-display);font-size:3.2rem;font-weight:800;letter-spacing:-.03em;color:#fff}
.pv2-now sup{margin:.12em .04em 0 0;font-size:.42em;line-height:1;color:var(--gold)}
.pv2-save{padding:4px 10px;border-radius:var(--r-full);font-size:.74rem;font-weight:700;color:var(--green);background:rgba(52,211,153,.12);border:1px solid rgba(52,211,153,.4)}
.pv2-note{margin:10px 0 0;font-size:.8rem;line-height:1.5;color:var(--fg-dim)}
.pv2-note b{font-weight:700;color:var(--gold)}
/* countdown */
.pv2-timer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding:12px 14px;border-radius:12px;border:1px dashed rgba(255,182,39,.6);background:rgba(255,182,39,.06)}
.pv2-timer-label{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:.64rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}
.pv2-timer-val{font-family:var(--font-display);white-space:nowrap;color:#fff}
.pv2-timer-val b{font-size:1.15rem;font-weight:800;font-variant-numeric:tabular-nums}
.pv2-timer-val i{margin-left:1px;font-style:normal;font-size:.72rem;color:var(--fg-dim)}
.pv2-timer.is-over{display:none}
/* devices chip */
.pv2-devices{display:flex;align-items:center;gap:9px;margin:16px 0 0;padding:9px 12px;border-radius:10px;font-size:.84rem;font-weight:700;color:#fff;border:1px solid rgba(120,150,255,.55);background:rgba(90,120,255,.10)}
.pv2-devices svg{color:#9fb3ff}
.pv2-devices.is-multi{border-color:rgba(255,182,39,.75);background:rgba(255,182,39,.10)}
.pv2-devices.is-multi svg{color:var(--gold)}
/* features */
.pv2-features{flex:1;display:grid;align-content:start;gap:9px;margin:18px 0 0;padding:0;list-style:none}
.pv2-features li{display:flex;align-items:flex-start;gap:9px;font-size:.84rem;line-height:1.4;color:rgba(255,255,255,.82)}
.pv2-features svg{flex:none;margin-top:2px;color:var(--gold)}
/* buttons */
.pv2-btn{margin-top:22px}
.pv2-btn--gold{background:var(--gold);color:#241800;font-weight:800;box-shadow:0 14px 34px -14px rgba(255,182,39,.9)}
.pv2-btn--gold:hover{background:#ffc552;color:#241800}
/* Lifetime: one wide card */
.pv2-card.pv2-life{flex:0 1 1034px;flex-direction:row;gap:34px;padding:34px 34px 30px}
.pv2-life-main{flex:1 1 50%;display:flex;flex-direction:column;min-width:0}
.pv2-life-side{flex:1 1 50%;display:flex;flex-direction:column;min-width:0}
.pv2-life .pv2-devices{margin-top:0}
.pv2-life .pv2-now{font-size:3.8rem}
.pv2-life .pv2-btn{margin-top:20px}
@media (max-width:860px){
  .pv2-card.pv2-life{flex-direction:column;gap:0;max-width:520px;padding:32px 22px 24px}
  .pv2-life-side{margin-top:20px}
  .pv2-life .pv2-devices{margin-top:0}
}
@media (max-width:640px){
  .pv2,.pv2-row{gap:22px}
  .pv2-card{flex:1 1 100%;max-width:440px}
  .pv2-now,.pv2-life .pv2-now{font-size:3rem}
}
@media (prefers-reduced-motion:reduce){.pv2-card,.pv2-card:hover{transition:none;transform:none}}
