.payment-details{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(220px,.7fr);gap:28px;align-items:center;margin-bottom:24px;border-color:#c7d7fe;background:linear-gradient(145deg,#fff,#f4f8ff)}
.payment-details.compact{margin:16px 0 22px}
.payment-details h2{margin:.25em 0 .4em;font-size:clamp(1.35rem,3vw,2rem);line-height:1.15}
.payment-details p{color:var(--muted)}
.payment-methods{display:grid;gap:10px;margin:18px 0}.payment-methods article{padding:13px 15px;border-left:4px solid var(--blue);border-radius:8px;background:#edf4ff}.payment-methods strong{display:block}.payment-methods p{margin:3px 0 0;color:var(--ink)}
.bank-data{display:grid;gap:10px;margin:20px 0 0}
.bank-data div{padding:13px 15px;border:1px solid #cbd8f6;border-radius:12px;background:#fff}
.bank-data dt{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.bank-data dd{margin:3px 0 0;font-size:clamp(1rem,3vw,1.28rem);font-weight:850;letter-spacing:.04em;overflow-wrap:anywhere;user-select:all}
.payment-reference{display:inline-block;margin:8px 0 3px;padding:10px 16px;border-radius:12px;background:#dbeafe;color:#1d4ed8;font-size:2rem;font-weight:900;letter-spacing:.14em;user-select:all}
.qr-payment{margin:0;text-align:center}
.qr-payment img{display:block;width:min(100%,280px);margin:auto;border-radius:14px;border:1px solid var(--line);background:#fff}
.qr-payment figcaption{margin-top:8px;color:var(--muted);font-size:.84rem}
.upload-page{width:min(760px,calc(100% - 32px))}
@media(max-width:700px){.payment-details{grid-template-columns:1fr}.qr-payment img{width:min(100%,240px)}}