.pay-sec{background:#f7f7f9;padding:clamp(40px,6vw,72px) 0 clamp(64px,8vw,104px)}.pay-grid{grid-template-columns:1.05fr .95fr;align-items:start;gap:clamp(24px,4vw,56px);display:grid}.pay-h{align-items:center;gap:12px;margin-bottom:18px;font-size:1.35rem;display:flex}.pay-h b{background:var(--red);color:#fff;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-family:Kanit;font-size:1rem;display:grid}.pay-accounts{gap:16px;display:grid}.pay-acc{background:#fff;border:1px solid #ececf0;border-radius:24px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:clamp(18px,3vw,28px);display:flex;box-shadow:0 20px 50px -34px #0d0d0f66}.pay-bank{background:var(--black);color:#fff;border-radius:999px;padding:4px 14px;font-size:.82rem;font-weight:700;display:inline-block}.pay-num{flex-wrap:wrap;align-items:center;gap:12px;margin:12px 0 6px;display:flex}.pay-num strong{letter-spacing:.04em;color:var(--black);font-family:Kanit,sans-serif;font-size:clamp(1.5rem,3.4vw,2rem)}.pay-copy{border:1.5px solid var(--line);font:inherit;cursor:pointer;color:var(--muted);background:#fff;border-radius:999px;padding:6px 14px;font-size:.8rem;font-weight:700}.pay-copy:hover{border-color:var(--red);color:var(--red)}.pay-name{font-size:1rem}.pay-meta{color:var(--muted);margin-top:2px;font-size:.9rem}.pay-qr{flex-direction:column;align-items:center;gap:8px;margin:0;display:flex}.pay-qr img{border:1px solid var(--line);background:#fff;border-radius:16px;width:min(190px,60vw);height:auto;padding:8px}.pay-qr a{color:var(--red);font-size:.82rem;font-weight:700}.pay-tip{color:var(--muted);margin-top:18px;font-size:.92rem}.pay-empty{border:2px dashed var(--line);color:var(--muted);background:#fff;border-radius:20px;padding:28px}.pay-empty a{color:var(--red);font-weight:700}.pay-form{background:#fff;border:1px solid #ececf0;border-radius:24px;gap:14px;padding:clamp(20px,3vw,32px);display:grid;box-shadow:0 20px 50px -34px #0d0d0f66}.pay-form label{font-size:.88rem;font-weight:600}.pay-form small{color:var(--muted);margin-top:4px;font-weight:500;display:block}.pay-preview{border:1px solid var(--line);border-radius:12px;justify-self:center;width:auto;max-width:100%;max-height:240px}.pay-done{text-align:center;background:#fff;border:1px solid #ececf0;border-radius:24px;justify-items:center;gap:12px;padding:clamp(28px,4vw,44px);display:grid}.pay-done-ico{color:#17623a;background:#eaf7ee;border-radius:50%;place-items:center;width:72px;height:72px;font-size:2rem;font-weight:800;display:grid}.pay-done p{color:var(--muted);max-width:380px}@media (max-width:960px){.pay-grid{grid-template-columns:1fr}}@media (max-width:600px){.pay-acc{flex-direction:column;align-items:flex-start}.pay-qr{align-self:center}}.qr-sec{grid-template-columns:1fr minmax(0,460px);align-items:center;gap:clamp(24px,4vw,56px);margin-bottom:clamp(32px,5vw,56px);display:grid}.qr-intro p{color:var(--muted);max-width:460px}.qr-intro p b{color:var(--black)}.qr-badge{color:#17623a;background:#eaf7ee;border-radius:999px;margin-bottom:12px;padding:4px 12px;font-size:.8rem;font-weight:700;display:inline-block}.qr-box{text-align:center;background:#fff;border:1px solid #ececf0;border-radius:24px;justify-items:center;gap:14px;padding:clamp(20px,3vw,32px);display:grid;box-shadow:0 20px 50px -34px #0d0d0f66}.qr-amount{gap:2px;display:grid}.qr-amount span{color:var(--muted);font-size:.85rem}.qr-amount strong{color:var(--red);font-family:Kanit,sans-serif;font-size:clamp(1.8rem,5vw,2.4rem);line-height:1.1}.qr-amount small{color:var(--muted)}.qr-img{margin:0;position:relative}.qr-img img{border:1px solid var(--line);background:#fff;border-radius:16px;width:min(280px,70vw);height:auto;padding:10px;display:block}.qr-img.off img{opacity:.15;filter:grayscale()}.qr-img figcaption{color:var(--black);place-items:center;font-weight:800;display:grid;position:absolute;inset:0}.qr-wait{text-align:left;align-items:center;gap:10px;font-size:.92rem;font-weight:600;display:flex}.qr-dot{background:#f0a020;border-radius:50%;flex:none;width:10px;height:10px;animation:1.2s ease-in-out infinite qr-pulse}@keyframes qr-pulse{50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.qr-dot{animation:none}}.qr-steps{text-align:left;color:var(--muted);gap:2px;margin:0;padding-left:1.2em;font-size:.9rem;display:grid}.qr-actions{gap:8px;width:100%;display:grid}.qr-cancel{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:.85rem;text-decoration:underline}.qr-ref{color:var(--muted);word-break:break-all;font-size:.78rem}.qr-or{color:var(--muted);align-items:center;gap:16px;margin:0 0 clamp(24px,4vw,40px);font-weight:600;display:flex}.qr-or:before,.qr-or:after{content:"";background:var(--line);flex:1;height:1px}@media (max-width:960px){.qr-sec{grid-template-columns:1fr}}