.checkout-shell{max-width:980px;margin:auto;padding:70px 24px 110px}.checkout-head{text-align:center;max-width:720px;margin:auto}.checkout-head h1{font-size:clamp(38px,5vw,62px);line-height:1.05;margin:10px 0 14px}.checkout-head>p:last-child{color:var(--muted)}.checkout-card{max-width:790px;margin:38px auto 20px;background:#fffdf9;border-radius:24px;box-shadow:var(--shadow);overflow:hidden}.checkout-loading{min-height:440px;display:grid;place-content:center;text-align:center}.checkout-loading span{font-size:40px;color:var(--coral)}.payment-layout{display:grid;grid-template-columns:1fr 1fr}.qr-side{padding:34px;text-align:center;background:#fff8ef}.qr-wrap{width:280px;height:280px;margin:0 auto 16px;padding:14px;background:white;border:1px solid var(--line);border-radius:18px;display:grid;place-items:center}.qr-wrap canvas{max-width:100%;height:auto!important}.qr-placeholder{font-size:70px}.qr-side small{display:block;color:var(--muted)}.payment-info{padding:38px 34px}.payment-info h2{font-size:27px;margin:4px 0 24px}.pay-row{padding:12px 0;border-bottom:1px solid var(--line)}.pay-row small{display:block;color:var(--muted);font-size:11px}.pay-row strong{font-size:17px}.amount strong{font-size:30px;color:var(--coral)}.copy{float:right;border:0;background:#f4e6d8;border-radius:8px;padding:5px 9px;cursor:pointer}.payment-actions{display:grid;gap:9px;margin-top:24px}.payment-actions a,.payment-actions button{display:block;text-align:center;padding:12px;border-radius:10px;text-decoration:none;font-weight:700;border:1px solid var(--cocoa);background:white;color:var(--cocoa);cursor:pointer}.payment-actions .secure{background:var(--coral);border-color:var(--coral);color:white}.pay-status{display:flex;gap:9px;align-items:center;justify-content:center;margin:18px 0 0;font-size:12px;color:#8b641b}.pulse{width:9px;height:9px;background:#e8aa37;border-radius:50%;box-shadow:0 0 0 0 #e8aa3777;animation:pulse 1.5s infinite}.success-state{text-align:center;padding:75px 30px}.success-icon{width:80px;height:80px;display:grid;place-items:center;margin:auto;border-radius:50%;background:#ddefd5;color:#466e3d;font-size:37px}.success-state h2{font-size:35px;margin:20px 0 8px}.success-state p{color:var(--muted)}.payment-trust{display:flex;justify-content:center;gap:24px;color:var(--muted);font-size:11px}.demo-banner{background:#fff0c9;color:#74500d;padding:9px;text-align:center;font-size:11px;font-weight:700}@keyframes pulse{70%{box-shadow:0 0 0 9px #e8aa3700}}@media(max-width:700px){.checkout-shell{padding-top:45px}.payment-layout{grid-template-columns:1fr}.qr-side,.payment-info{padding:26px}.qr-wrap{width:245px;height:245px}.payment-trust{align-items:center;flex-direction:column;gap:6px}.checkout-head h1{font-size:38px}}
.checkout-card .qr-side{background:#fff0f6}.checkout-card .pay-row{background:transparent}.checkout-card .manual-note{background:#fff0f6;color:var(--ink)}.checkout-card .demo-banner{background:#fff0f6;color:var(--ink);border-bottom:1px solid var(--line)}
.checkout-card .transfer-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:12px}.transfer-row small,.transfer-row strong{grid-column:1;min-width:0;overflow-wrap:anywhere}.transfer-row .copy{grid-column:2;grid-row:1 / span 2;float:none;justify-self:end;min-width:64px;min-height:36px;border:1px solid var(--line);white-space:nowrap}
:root[data-theme="dark"] .checkout-card .qr-side,:root[data-theme="dark"] .checkout-card .manual-note,:root[data-theme="dark"] .checkout-card .demo-banner{background:var(--surface-2)}
@media(max-width:700px){.checkout-card .qr-wrap{max-width:100%}}