.pay-hero{max-width:700px;margin:0 auto;padding:4rem 1.5rem 2rem;text-align:center}
.pay-hero h1{margin-bottom:.8rem;font-size:clamp(2rem,5vw,2.8rem)}
.pay-hero p{color:var(--muted);font-size:1rem}
.bundle-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.2rem;max-width:1100px;margin:0 auto 2rem;padding:0 1.5rem}
.bundle{background:var(--surface);border:2px solid var(--border);border-radius:var(--r);padding:1.8rem 1.5rem;text-align:center;position:relative;transition:all .25s;cursor:pointer}
.bundle:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:var(--shadow)}
.bundle.selected{border-color:var(--primary);background:var(--primary-soft);box-shadow:0 0 25px var(--primary-glow)}
.bundle.popular::before{content:'⭐ MOST POPULAR';position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:var(--gradient);padding:.25rem .8rem;border-radius:100px;font-size:.62rem;font-weight:800;white-space:nowrap}
.bundle .b-tokens{font-size:2.2rem;font-weight:800;color:var(--warning)}
.bundle .b-tokens span{font-size:1rem}
.bundle .b-name{font-size:1rem;font-weight:700;margin:.3rem 0 .1rem}
.bundle .b-desc{font-size:.75rem;color:var(--muted)}
.bundle .b-price{margin-top:1rem;font-size:1.6rem;font-weight:800}
.bundle .b-per{font-size:.7rem;color:var(--muted)}
.bundle .b-save{margin-top:.6rem;display:inline-block;font-size:.68rem;font-weight:700;padding:.2rem .6rem;border-radius:100px;background:var(--success-soft);color:var(--success)}
.pay-summary{max-width:1100px;margin:0 auto;padding:0 1.5rem 3rem;display:grid;grid-template-columns:1fr 380px;gap:1.5rem;align-items:start}
.pay-note{font-size:.78rem;color:var(--muted);text-align:center;margin-top:1rem}
@media(max-width:900px){.pay-summary{grid-template-columns:1fr}}

@media(max-width:600px){
  .pay-hero{padding:2.5rem .85rem 1.4rem}
  .bundle-grid{grid-template-columns:1fr;padding:0 .85rem}
  .pay-summary{padding-left:.85rem;padding-right:.85rem}
}