/*! © 2569 เที่ยวนี่เหอะ (tiaewneehur.com) สงวนลิขสิทธิ์ · TNH-ECAEB7B82022 */
/* แต้มสะสม — js/144-points.js */
.ptm-hero{position:relative;padding:16px;border-radius:20px;overflow:hidden;border:1px solid rgba(250,204,21,.38);
  background:radial-gradient(circle at 100% 0,rgba(250,204,21,.28),transparent 50%),linear-gradient(135deg,rgba(32,26,6,.85),rgba(5,22,26,.85));box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.ptm-hero .row{display:flex;align-items:center;gap:13px}
.ptm-coin{display:grid;place-items:center;flex:none;width:54px;height:54px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff7c2,#facc15 45%,#b7791f);color:#5a3a00;font-size:25px;font-weight:900;box-shadow:0 0 0 5px rgba(250,204,21,.13),0 8px 18px rgba(245,158,11,.3)}
.ptm-hero small{display:block;font-size:11px;letter-spacing:1.4px;color:#fcd34d;font-weight:800}
.ptm-hero b{display:block;font-size:30px;font-weight:900;color:#fff;line-height:1.1}.ptm-hero b span{font-size:14px;color:#fde68a;margin-left:5px}
.ptm-hero p{margin:2px 0 0;font-size:12.5px;color:#d6d3c4}
.ptm-meta{display:flex;gap:8px;margin-top:13px}
.ptm-meta div{flex:1;padding:9px 10px;border-radius:13px;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.08);font-size:11px;color:#a8b5bd}
.ptm-meta div b{font-size:15px;color:#fff;display:block;font-weight:800}
.ptm-sec{margin:16px 2px 8px;font-size:12.5px;font-weight:800;color:#9fb3c0;letter-spacing:.3px}
.ptm-how{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.ptm-how div{display:flex;gap:9px;align-items:flex-start;padding:11px;border-radius:15px;background:rgba(9,28,34,.62);border:1px solid rgba(91,212,255,.18)}
.ptm-how i{font-style:normal;flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:rgba(5,46,62,.7);border:1px solid rgba(91,212,255,.3);font-size:15px}
.ptm-how b{display:block;font-size:13px;color:#effbff}.ptm-how span{font-size:11px;color:#9fb3c0;line-height:1.4}
.ptm-note{margin-top:9px;padding:9px 11px;border-radius:12px;background:rgba(255,255,255,.04);font-size:11px;color:#9fb3c0;line-height:1.5}
.ptm-it{display:flex;align-items:center;gap:11px;padding:9px;border-radius:15px;background:rgba(9,28,34,.55);border:1px solid rgba(255,255,255,.07);margin-bottom:8px}
.ptm-it img{flex:none;width:46px;height:46px;border-radius:11px;object-fit:cover}
.ptm-it .ic{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:11px;background:rgba(239,68,68,.12);border:1px solid rgba(248,113,113,.25);font-size:19px}
.ptm-it div{flex:1;min-width:0}.ptm-it b{display:block;font-size:13px;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ptm-it small{font-size:11px;color:#8aa0ad}
.ptm-it em{font-style:normal;flex:none;padding:5px 9px;border-radius:999px;font-weight:900;font-size:13px;color:#4ade80;background:rgba(34,197,94,.12)}
.ptm-it em.neg{color:#fca5a5;background:rgba(239,68,68,.12)}
.ptm-cta{display:flex;align-items:center;justify-content:center;gap:6px;margin:14px 0 4px;height:50px;border-radius:15px;font-weight:800;font-size:15px;color:#04212b;background:linear-gradient(135deg,#5eead4,#38bdf8);box-shadow:0 8px 20px rgba(56,189,248,.25)}
.pt-slim{display:flex;align-items:center;gap:9px;margin:10px 0 2px;padding:8px 10px 8px 9px;border-radius:14px;background:linear-gradient(90deg,rgba(250,204,21,.14),rgba(250,204,21,.04));border:1px solid rgba(250,204,21,.35);color:#fde68a;font-size:12.5px}
.pt-coin{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff7c2,#facc15 45%,#b7791f);color:#5a3a00;font-size:12px;font-weight:900}
.pt-slim b{color:#fff;font-size:14px;font-weight:900}.pt-slim span.s{color:#cbd5c9;font-size:11.5px}.pt-slim .go{margin-left:auto;color:#facc15;font-weight:800;font-size:12px;white-space:nowrap}
/* แถบหน้าหลักเป็นปุ่ม */
button.pt-slim{width:100%;font:inherit;text-align:left;cursor:pointer;margin:-4px 0 12px}
button.pt-slim .t{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
button.pt-slim:active{transform:scale(.985)}
.ptm-how p{margin:0}
.ptm-it .ic.ok{background:rgba(52,211,153,.12);border-color:rgba(52,211,153,.28)}
.ptm-it em.mute{color:#94a3b8;background:rgba(148,163,184,.12)}
.ptm-empty{text-align:center;padding:18px 8px;color:#cbd5e1;font-size:13px}.ptm-empty small{color:#8aa0ad}
button.ptm-cta{width:100%;border:0;font-family:inherit;cursor:pointer}
/* หน้าเลือกวิธีชำระ: ช่องติ๊กใช้แต้ม */
.pt-choice{display:flex;align-items:center;gap:10px;margin-top:16px;padding:12px 13px;border-radius:16px;cursor:pointer;
  border:1.5px solid rgba(250,204,21,.35);background:rgba(250,204,21,.06);transition:.15s}
.pt-choice input{position:absolute;opacity:0;pointer-events:none}
.pt-check{flex:none;width:22px;height:22px;border-radius:7px;border:2px solid rgba(250,204,21,.6);display:grid;place-items:center}
.pt-choice.on{border-color:#facc15;background:linear-gradient(135deg,rgba(250,204,21,.18),rgba(245,158,11,.06));box-shadow:0 0 0 3px rgba(250,204,21,.12)}
.pt-choice.on .pt-check{background:#facc15;border-color:#facc15}.pt-choice.on .pt-check::after{content:'✓';color:#3a2600;font-weight:900;font-size:14px}
.pt-choice .t{display:flex;flex-direction:column;text-align:left}.pt-choice .t b{color:#fde68a;font-size:14px}.pt-choice .t small{color:#cbd5c9;font-size:11.5px}
/* หน้าสรุปยอดหลังใช้แต้ม */
.pt-calc-box{margin-top:16px;padding:14px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);text-align:left}
.pt-calc-box .ln{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:6px 0;font-size:14px;color:#cbd5e1}.pt-calc-box .ln b{color:#fff}
.pt-calc-box .ln span{display:flex;align-items:center;gap:7px}
.pt-calc-box .disc b{color:#facc15}
.pt-calc-box .tot{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding-top:11px;border-top:1px dashed rgba(255,255,255,.18)}
.pt-calc-box .tot span{font-weight:800;color:#f1f5f9}.pt-calc-box .tot b{font-size:26px;font-weight:900;color:#4ade80}
.pt-calc-note{margin:10px 2px 0;font-size:12px;color:#94a3b8;text-align:left}
.pt-calc-go{width:100%;height:52px;margin-top:16px;border:0;border-radius:15px;font:inherit;font-size:16px;font-weight:800;color:#fff;cursor:pointer;background:linear-gradient(135deg,#0ea5e9,#0284c7);box-shadow:0 8px 20px rgba(2,132,199,.35)}
.pt-calc-skip{width:100%;height:44px;margin-top:8px;border:1px solid rgba(255,255,255,.14);border-radius:13px;background:transparent;color:#cbd5e1;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.pt-calc-note .warn{color:#fbbf24;font-weight:700}
