#checkoutModal{padding:20px;background:#102c3b80;backdrop-filter:blur(5px)}
#checkoutModal .account-dialog{width:min(100%,480px);padding:30px;border-radius:22px;max-height:90dvh;overflow:auto;background:#fff;box-shadow:0 24px 80px #08293830}
#checkoutModal .account-close{top:14px;right:14px;width:32px;height:32px;border-radius:50%;background:#f2f5f3;font-size:24px;color:#60716b}
#checkoutModal .checkout-eyebrow{margin:0 0 10px;color:#557b5b;font:700 10px/1.4 Arial;letter-spacing:1.8px}
#checkoutModal h2{font:800 27px/1.15 Manrope,Arial;letter-spacing:-1px;padding-right:24px;margin:0 0 8px}
#checkoutModal .checkout-intro{font-size:13px;line-height:1.5;margin:0;color:#73817b}
#checkoutForm{gap:14px;margin-top:22px;grid-template-columns:1fr}
#checkoutForm label{font-size:12px;font-weight:600;gap:6px}
#checkoutForm input,#checkoutForm textarea{padding:12px 13px;font:16px/1.4 Arial;background:#fafcfb;border:1px solid #dce5df;border-radius:10px}
#checkoutForm textarea{min-height:76px}
#checkoutForm button{margin-top:4px;border-radius:11px;background:#277e35;font-size:14px;padding:14px}
#checkoutForm button:disabled{opacity:.55;cursor:wait}
#checkoutStatus:empty{display:none}
#checkoutModal:has(#transferResult:not([hidden])) .checkout-intro{display:none}
#transferResult{padding:0;background:none;margin-top:20px;font-size:13px;line-height:1.5}
#checkoutModal .payment-state{display:inline-flex;align-items:center;gap:7px;background:#fff6df;color:#8b6818;border-radius:30px;padding:5px 10px;font-size:11px;font-weight:700;margin:0 0 14px}
#checkoutModal .payment-state.is-paid{background:#eaf6ec;color:#277e35}
#checkoutModal .payment-total{display:flex;justify-content:space-between;align-items:center;padding:18px;background:#f4f7f5;border-radius:12px;margin-bottom:18px}
#checkoutModal .payment-total span{color:#6c7e73;font-size:12px}
#checkoutModal .payment-total strong{font-size:26px;color:#173d2b;letter-spacing:-1px}
#checkoutModal .payment-details{margin:0;display:grid;gap:0;border:1px solid #e0e8e2;border-radius:12px;padding:4px 14px}
#checkoutModal .payment-details div{padding:11px 0;border-bottom:1px solid #edf1ee}
#checkoutModal .payment-details div:last-child{border:0}
#checkoutModal dt{font-size:10px;color:#7a8a80;margin:0 0 3px}
#checkoutModal dd{margin:0;color:#213e2e;font-size:13px;font-weight:600;overflow-wrap:anywhere}
#checkoutModal .payment-note{font-size:11px;line-height:1.6;color:#75857a;margin:14px 0 0}
#checkoutModal .payment-success{border:1px solid #d9e9dd;border-radius:12px;padding:18px;background:#f7fbf8}
#checkoutModal .payment-success h3{font-size:19px;margin:0 0 7px;color:#246c34}
#checkoutModal .payment-success p{font-size:12px;margin:0;color:#718078;overflow-wrap:anywhere}
@media(max-width:600px){#checkoutModal{padding:12px;align-items:center}#checkoutModal .account-dialog{padding:25px 20px;border-radius:19px;width:100%;max-height:calc(100dvh - 24px)}#checkoutModal h2{font-size:25px}}