/* buy-ptcoin — DESKTOP relayout (>=768px, scoped body.ptshell) — wallet standard:
   KEEP the coffee coin hero (contained rounded card) · width 1180/1240 like top-up ·
   2-col content (packages left as a grid · payment + info right). Mobile file = SoT, untouched. */
@media (min-width:768px){
  body.ptshell{background:#F4F5F7}

  /* ---- HERO: keep the coffee coin card (match wallet-ledger/top-up), widen ---- */
  body.ptshell .hero{
    max-width:1180px;margin:8px auto 0;border-radius:24px;padding:30px 44px 28px;
    box-shadow:0 28px 64px -36px rgba(40,20,0,.55)
  }

  /* ---- content: 1180 · packages (left, tall) + payment & info (right, stacked) ---- */
  body.ptshell main.page{
    max-width:1180px;margin-inline:auto;padding:20px 0 48px;
    display:grid;grid-template-columns:1.55fr 1fr;gap:18px;align-items:start
  }
  body.ptshell main.page>*{margin-top:0}
  body.ptshell main.page>section:nth-of-type(1){grid-column:1;grid-row:1/3}   /* เลือกแพ็กเกจ */
  body.ptshell main.page>section:nth-of-type(2){grid-column:2;grid-row:1}     /* วิธีชำระเงิน */
  body.ptshell main.page>.info{grid-column:2;grid-row:2}                       /* PT Coin ใช้ทำอะไร */
  body.ptshell main.page>.card,body.ptshell .info{border:1px solid #E8EAEF;box-shadow:0 20px 46px -30px rgba(20,25,35,.28)}

  /* packages → 2-column grid inside the left card */
  body.ptshell .pkgs{display:grid;grid-template-columns:1fr 1fr;gap:12px}

  /* buy bar → centered action at the same width (shell already un-fixes it on desktop) */
  body.ptshell .buybar{max-width:1180px;margin:8px auto 0;border-radius:16px;border:1px solid #E8EAEF}
}
@media (min-width:1280px){
  body.ptshell main.page,body.ptshell .hero,body.ptshell .buybar{max-width:1240px}
}