/* Frame the original payment artwork, never recolor or decorate the QR pixels. */
.gift-payment{max-width:390px;margin:30px auto 0;padding:22px clamp(12px,3vw,24px);border:1px solid #b294554d;background:#f8f1dfb3}
.payment-label{font:11px/1.8 system-ui,sans-serif;letter-spacing:.18em;color:var(--brown);margin:0 0 18px}
.payment-image-button{display:block;width:100%;padding:0;border:0;background:#fff;cursor:zoom-in;outline:1px solid #0000001a}
.payment-image-button img{display:block;width:100%;height:auto;filter:none;opacity:1}
.payment-recipient{font:500 12px/1.8 system-ui,sans-serif;letter-spacing:.07em;color:var(--forest);margin:18px 0}
.payment-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.payment-actions .outline-control{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;text-decoration:none;font:13px/1.8 'Noto Serif Khmer',serif}
.payment-guidance,.payment-safety{font-size:12px;line-height:1.9;color:var(--brown)}
.payment-safety{margin-top:10px}
.payment-dialog{width:min(560px,calc(100% - 32px));max-width:calc(100% - 32px);max-height:calc(100dvh - 32px);padding:20px;border:1px solid var(--gold);background:var(--ivory);color:var(--forest);text-align:center;overscroll-behavior:contain}
.payment-dialog::backdrop{background:#102b22d9}
.payment-dialog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.payment-dialog-toolbar h2{font:400 21px/1.9 'Noto Serif Khmer',serif;margin:0;text-align:left}
html[lang=en] .payment-dialog-toolbar h2{font:400 32px/1.2 Cormorant,serif}
.payment-close{flex-shrink:0;width:44px;height:44px;border:1px solid #b2945577;background:transparent;color:var(--forest);font:28px/1 system-ui,sans-serif;padding:0;cursor:pointer}
.payment-original{display:block;width:min(100%,440px);height:auto;margin:0 auto;outline:1px solid #0000001a;filter:none;opacity:1}
.payment-dialog>.outline-control{display:inline-flex;justify-content:center;align-items:center;min-height:44px;text-decoration:none}
.payment-close:hover,.payment-actions .outline-control:hover,.payment-dialog>.outline-control:hover{background:#a6b49733}
.payment-image-button:focus-visible,.payment-close:focus-visible,.payment-actions .outline-control:focus-visible,.payment-dialog>.outline-control:focus-visible{outline:2px solid var(--forest);outline-offset:4px}
@media(max-width:600px){.gift-payment{padding:18px 12px}.payment-dialog{padding:14px}.payment-dialog-toolbar h2{font-size:18px}.payment-actions .outline-control{font-size:12px}}