#sp-clear-store .sp-payment-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}
#sp-clear-store .sp-payment-heading h2{font-size:28px;margin:7px 0 0}
#sp-clear-store .sp-payment-eyebrow{color:#66736b;font-size:12px;letter-spacing:.02em}
#sp-clear-store .sp-payment-label{border:1px solid #d7ddce;border-radius:100px;background:#f2f5e8;color:#5b684a;padding:6px 11px;font-size:11px;white-space:nowrap}
#sp-clear-store .sp-payment-steps{display:flex;gap:12px;padding:0;margin:0 0 26px;list-style:none}
#sp-clear-store .sp-payment-steps li{flex:1;padding:13px 15px;border-radius:11px;background:#f4f4f1;color:#7c8279;font-size:12px}
#sp-clear-store .sp-payment-steps .is-done{color:#3b5a42;background:#edf3e9}
#sp-clear-store .sp-payment-steps .is-active{background:#25392d;color:#f1f6e8;font-weight:700}
#sp-clear-store .sp-payment-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:28px;align-items:start}
#sp-clear-store .sp-payment-bank,#sp-clear-store .sp-slip-form,#sp-clear-store .sp-payment-receipt,#sp-clear-store .sp-payment-result{padding:25px;border:1px solid #e3e7df;border-radius:18px;background:#fafbf8}
#sp-clear-store .sp-payment-bank>h2{font:800 38px/1.25 Arial,SPThai,sans-serif;margin:9px 0 4px}
#sp-clear-store .sp-payment-bank>p{margin:0 0 20px}
#sp-clear-store .sp-payment-bank dl{padding:0;margin:22px 0;background:#fff;border:1px solid #e6e9e2;border-radius:12px;overflow:hidden}
#sp-clear-store .sp-payment-bank dl>div{display:grid;grid-template-columns:80px minmax(0,1fr);gap:12px;padding:13px 15px;border-bottom:1px solid #edf0e9}
#sp-clear-store .sp-payment-bank dl>div:last-child{border:0}
#sp-clear-store .sp-payment-bank dt{color:#6d786c;font-size:12px}
#sp-clear-store .sp-payment-bank dd{font-size:14px;font-weight:700;margin:0;overflow-wrap:anywhere}
#sp-clear-store .sp-payment-bank .sp-account-number{font:700 20px/1.3 Arial,sans-serif;letter-spacing:.08em}
#sp-clear-store .sp-account-copy{min-height:40px;margin:0 0 16px;font-size:12px}
#sp-clear-store .sp-payment-qr{display:block;max-width:min(100%,340px);height:auto;margin:22px auto 12px;border-radius:12px}
#sp-clear-store .sp-recipient-warning{margin-top:20px;border:1px solid #eadfc2;border-radius:12px;background:#fffaf0;padding:15px 16px;color:#705b2b}
#sp-clear-store .sp-recipient-warning strong{font-size:13px}
#sp-clear-store .sp-recipient-warning p{font-size:12px;line-height:1.8;margin:6px 0 0}
#sp-clear-store .sp-payment-unconfigured{padding:24px 18px;margin:22px 0;background:#fff;border:1px dashed #cdd6c8;border-radius:12px;text-align:center;color:#64725d}
#sp-clear-store .sp-payment-unconfigured p{font-size:13px;line-height:1.8;margin:8px 0 0}
#sp-clear-store .sp-slip-form{margin-top:20px;background:#fff}
#sp-clear-store .sp-slip-form h3,#sp-clear-store .sp-payment-receipt h3{font-size:17px;margin:0 0 12px}
#sp-clear-store .sp-slip-form>p{font-size:13px;color:#747b70;line-height:1.7}
#sp-clear-store .sp-slip-picker{display:grid;gap:11px;border:1px dashed #bccab8;border-radius:12px;background:#f6f9f2;padding:19px;margin:18px 0;font-size:14px;font-weight:700}
#sp-clear-store .sp-slip-picker input{width:100%;min-width:0;font-size:12px}
#sp-clear-store .sp-slip-picker small{font-size:11px;font-weight:400;color:#687661}
#sp-clear-store #sp-slip-selection{font-size:12px;color:#68745e;overflow-wrap:anywhere}
#sp-clear-store #sp-slip-selection img{max-width:180px;max-height:240px;display:block;object-fit:contain;border:1px solid #e1e7db;border-radius:10px;margin-bottom:8px}
#sp-clear-store .sp-payment-item{display:flex;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid #e4e9df;font-size:13px}
#sp-clear-store .sp-payment-item a{font-weight:700;text-decoration:underline;text-underline-offset:4px}
#sp-clear-store .sp-payment-item small{display:block;color:#75806f;font-size:11px;margin-top:7px}
#sp-clear-store .sp-payment-item>strong{white-space:nowrap}
#sp-clear-store .sp-payment-receipt>.sp-summary-line{font-size:14px}
#sp-clear-store .sp-payment-shipping{display:flex;justify-content:space-between;gap:14px;font-size:11px;color:#7b8474;margin:0 0 8px}
#sp-clear-store .sp-payment-address{border-top:1px solid #e1e6db;padding-top:22px;margin-top:24px;overflow-wrap:anywhere}
#sp-clear-store .sp-payment-address p{white-space:pre-line;font-size:13px;line-height:1.8;margin:8px 0}
#sp-clear-store .sp-payment-address small{font-size:11px;color:#7a8474}
#sp-clear-store .sp-payment-result{text-align:center;padding:38px 26px}
#sp-clear-store .sp-payment-result h2{font-size:25px;margin:18px 0 12px}
#sp-clear-store .sp-payment-result>p{font-size:14px;line-height:1.8;color:#69775e}
#sp-clear-store .sp-payment-symbol{display:grid;place-items:center;width:64px;height:64px;margin:0 auto;border-radius:50%;background:#e5efd9;color:#3b6247;font:700 34px/1 Arial,sans-serif}
#sp-clear-store .sp-payment-success{border-color:#c9dcbe;background:#f5faef}
#sp-clear-store .sp-payment-wait,#sp-clear-store .sp-confirmed-contact{margin:22px 0;padding:17px;border-radius:12px;background:#edf2e7;font-size:13px;line-height:1.8}
#sp-clear-store .sp-confirmed-contact strong{display:block;overflow-wrap:anywhere}
#sp-clear-store .sp-payment-rejection{padding:18px;border:1px solid #ead0c5;border-radius:12px;background:#fff4ed;color:#864d36;margin-bottom:20px}
#sp-clear-store .sp-payment-rejection p{font-size:13px;line-height:1.8;margin:8px 0 0}
@media(max-width:720px){#sp-clear-store .sp-payment-heading{align-items:flex-start;flex-direction:column;gap:12px}#sp-clear-store .sp-payment-heading h2{font-size:25px}#sp-clear-store .sp-payment-layout{grid-template-columns:1fr;gap:18px}#sp-clear-store .sp-payment-steps{gap:6px}#sp-clear-store .sp-payment-steps li{padding:11px 8px;font-size:11px}#sp-clear-store .sp-payment-bank,#sp-clear-store .sp-slip-form,#sp-clear-store .sp-payment-receipt,#sp-clear-store .sp-payment-result{padding:19px}#sp-clear-store .sp-payment-bank dl>div{grid-template-columns:66px minmax(0,1fr);gap:8px;padding:12px}#sp-clear-store .sp-payment-bank .sp-account-number{font-size:18px}}