/* Success variant inherits the canonical checkout palette and Arabic type. */
.bs-checkout #successView[data-receipt="ready"]{max-width:460px;margin:24px auto 8px;padding:30px 20px 20px;background:var(--co-surface);border:1px solid var(--co-line);border-radius:24px;text-align:center}
.bs-checkout #successView .success-mark{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 20px;border:0;border-radius:50%;background:var(--co-ink);color:var(--co-surface);font-family:inherit;font-size:30px;font-weight:500;box-shadow:none}
.bs-checkout #successView .success-kicker{margin:0 0 10px;font-size:12px;line-height:1.8;color:var(--co-muted)}
.bs-checkout #successView h3{margin:0;font-size:clamp(24px,6.5vw,32px);font-weight:700;line-height:1.6;letter-spacing:0;color:var(--co-ink)}
.bs-checkout #successView h3+p{max-width:300px;margin:10px auto 24px;font-size:15px;line-height:1.9;color:var(--co-muted);text-wrap:pretty}
.bs-checkout .received-number{display:flex;flex-direction:column;align-items:center;padding:18px 8px 0;border-block:1px solid var(--co-line);margin:0 0 20px}
.bs-checkout .received-number-label{font-size:12px;line-height:1.8;color:var(--co-muted)}
.bs-checkout #successView .order-number{display:block;max-width:100%;padding:5px 0 0;margin:0;border:0;border-radius:0;background:transparent;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(17px,4.6vw,23px);font-weight:600;line-height:1.8;letter-spacing:0;color:var(--co-ink);overflow-wrap:anywhere}
.bs-checkout #successView .co-copy{min-height:44px;margin:0;padding:7px 14px;border:0;border-radius:8px;background:transparent;color:var(--co-accent);font:inherit;font-size:13px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.bs-checkout #successView #coCopyStatus{min-height:20px;margin:0 0 8px;font-size:12px;line-height:1.6;color:var(--co-muted)}
.bs-checkout #successView .success-actions{display:flex;flex-direction:column;gap:0;margin:0}
.bs-checkout #successDone{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;padding:12px 20px;margin:0;border:1px solid var(--co-ink);border-radius:12px;background:var(--co-ink);color:var(--co-surface);font:inherit;font-size:15px;font-weight:600;text-decoration:none;cursor:pointer}
.bs-checkout .received-details{margin:12px 0 0;text-align:start}
.bs-checkout .received-details>summary{min-height:44px;padding:12px 8px;border-radius:8px;box-sizing:border-box;text-align:center;font-size:13px;line-height:1.6;color:var(--co-muted);cursor:pointer}
.bs-checkout .received-details .co-success-details{margin:8px 0 16px;padding:12px 0;border-block:1px solid var(--co-line)}
.bs-checkout #successView .checkout-summary-item{background:var(--co-paper)}
.bs-checkout #successView button:focus-visible,.bs-checkout .received-details>summary:focus-visible{outline:3px solid var(--co-focus);outline-offset:3px}
.bs-checkout #successDone:hover{background:var(--co-accent);border-color:var(--co-accent)}
.bs-checkout #successView .co-copy:hover,.bs-checkout .received-details>summary:hover{background:var(--co-paper);color:var(--co-ink)}
.bs-checkout #successView button:active{opacity:.8}
.bs-checkout #successView [hidden]{display:none!important}
@media(max-width:350px){.bs-checkout #successView[data-receipt="ready"]{margin-top:16px;padding:24px 14px 16px;border-radius:20px}}
@media(forced-colors:active){.bs-checkout #successView .success-mark,.bs-checkout #successDone{border:1px solid ButtonText}}