.paymentModal[hidden]{display:none!important}
.paymentModal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px}
.paymentBackdrop{position:absolute;inset:0;background:#020711d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.paymentDialog{position:relative;width:min(680px,100%);max-height:calc(100dvh - 40px);overflow:auto;color:var(--ink);background:linear-gradient(145deg,var(--panel),var(--navy));border:1px solid #f6a64070;border-radius:26px;box-shadow:0 30px 90px #000a;padding:30px}
.paymentClose{position:sticky;z-index:2;top:0;float:right;width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:var(--night);color:var(--ink);cursor:pointer;font-size:25px;line-height:1}
.paymentDialog h2{margin:4px 54px 2px 0;font-size:clamp(28px,5vw,40px);line-height:1.2}
.paymentSubtitle{color:var(--muted);margin:7px 0 22px;font-size:15px}
.paymentImage{width:min(510px,100%);height:auto;margin:0 auto;border:1px solid #f6a64070;border-radius:20px;box-shadow:0 18px 50px #0006}
.paymentFacts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}
.paymentFact{background:#ffffff09;border:1px solid var(--line);border-radius:15px;padding:14px 16px}
.paymentFact small,.walletBlock small{display:block;color:var(--dim);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.paymentFact strong{display:block;color:var(--gold2);margin-top:2px;font-size:20px}
.walletBlock{margin-top:12px;background:#ffffff09;border:1px solid var(--line);border-radius:15px;padding:14px 16px}
.walletRow{display:flex;align-items:center;gap:10px;margin-top:7px}
.walletAddress{flex:1;min-width:0;overflow-wrap:anywhere;color:var(--ink);font:700 14px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;user-select:all}
.copyWallet{flex:0 0 auto;border:1px solid #f6a6408c;border-radius:10px;background:#f6a64018;color:var(--gold2);cursor:pointer;padding:9px 12px;font-size:13px;font-weight:850}
.paymentWarning{margin:14px 0 0;padding:13px 15px;border:1px solid #f6a64055;border-radius:14px;background:#f6a64012;color:var(--muted);font-size:14px}
.paymentSteps{margin:17px 0 0;padding-left:22px;color:var(--muted);font-size:15px;list-style:decimal}
.paymentSteps li{padding-left:4px;margin:6px 0}
.paymentFormButton{width:100%;margin-top:20px}
.paymentFormButton[hidden]{display:none!important}
.paymentFallback{display:none;margin:14px 0 0;color:var(--dim);text-align:center;font-size:13px}
.paymentFallback.isVisible{display:block}
.paymentSecurity{display:block;margin-top:12px;color:var(--dim);text-align:center;font-size:12px}
html[data-theme=light] .paymentBackdrop{background:#17253b99}
html[data-theme=light] .paymentDialog{background:linear-gradient(145deg,#fff,#edf3f9);box-shadow:0 30px 90px #17253b55}
html[data-theme=light] .paymentClose{background:#fff}
html[data-theme=light] .paymentFact,html[data-theme=light] .walletBlock{background:#fff}
@media (max-width:680px){.paymentModal{padding:10px}.paymentDialog{max-height:calc(100dvh - 20px);border-radius:20px;padding:20px}.paymentFacts{grid-template-columns:1fr}.walletRow{align-items:stretch;flex-direction:column}.copyWallet{width:100%}}



/* Truth Journal pricing / privacy copy polish — 2026-09-13 */
.offerCard h3::after{display:block;margin-top:6px;color:var(--dim);font-size:13px;font-weight:750;letter-spacing:0;line-height:1.35}
main:not([lang="en"]) .offerCard h3::after{content:"เวอร์ชันภาษาไทย"}
main[lang="en"] .offerCard h3::after{content:"English Version"}
.offerCard .priceCurrent{display:inline-flex;align-items:baseline;gap:7px;color:#3ee0ad;text-shadow:0 0 20px #36d6a426}
.offerCard .priceCurrent::before{color:var(--dim);font-size:15px;font-weight:750;line-height:1;text-shadow:none;white-space:nowrap}
main:not([lang="en"]) .offerCard .priceCurrent::before{content:"เพียง"}
main[lang="en"] .offerCard .priceCurrent::before{content:"Just"}
.offerCard .priceRegular{color:var(--dim);opacity:1;font-size:16px;text-decoration-line:line-through;text-decoration-thickness:1px;text-decoration-color:#7f8ea3}
.offerCard ul li:last-child{display:none}
html[data-theme=light] .offerCard .priceCurrent{color:#078465;text-shadow:none}
html[data-theme=light] .offerCard .priceCurrent::before{color:var(--dim)}
html[data-theme=light] .offerCard .priceRegular{color:var(--dim);opacity:1;text-decoration-color:#7a8798}
@media (max-width:680px){.offerCard h3::after{font-size:12px}.offerCard .priceCurrent{gap:5px}.offerCard .priceCurrent::before{font-size:13px}.offerCard .priceRegular{font-size:15px}}
