.ob-commerce-overlay{--commerce-bg:var(--ob-site-bg,var(--cream,#fffaf5));--commerce-surface:var(--ob-site-surface,var(--white,#fff));--commerce-text:var(--ob-site-text,var(--brown,#241813));--commerce-muted:var(--ob-site-muted,#746a63);--commerce-line:var(--ob-site-border,rgba(36,24,19,.16));--commerce-action:var(--ob-site-action,var(--terra,#a64723));--commerce-action-text:var(--ob-site-action-text,#fff);position:fixed;inset:0;z-index:1000010;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(20,12,8,.72);backdrop-filter:blur(8px);font-family:var(--font-body,system-ui);color:var(--commerce-text)}
.ob-commerce-overlay *{box-sizing:border-box}.ob-commerce-overlay [hidden]{display:none!important}
.ob-commerce-sheet{width:min(560px,100%);max-height:calc(100dvh - 40px);overflow:auto;overscroll-behavior:contain;border:1px solid var(--commerce-line);border-radius:18px;background:var(--commerce-bg);padding:24px;box-shadow:0 28px 90px #0005;text-align:left}
.ob-commerce-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.ob-commerce-heading h2{font:600 24px/1.25 var(--font-body,system-ui);letter-spacing:-.02em;margin:0;color:var(--commerce-text)}.ob-commerce-kicker{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;color:var(--commerce-muted)}
.ob-commerce-close{flex-shrink:0;display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--commerce-line);border-radius:10px;background:transparent;color:var(--commerce-text);font:24px/1 system-ui;cursor:pointer}.ob-commerce-copy,.ob-commerce-note{font-size:13px;line-height:1.6;color:var(--commerce-muted);margin:12px 0}.ob-commerce-total{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:16px 0;margin:6px 0 14px;border-bottom:1px solid var(--commerce-line);font-size:14px}.ob-commerce-total strong{font-size:24px;letter-spacing:-.02em;font-weight:650;color:var(--commerce-text)}
.ob-commerce-payment{padding:16px;background:var(--commerce-surface);border:1px solid var(--commerce-line);border-radius:14px}.ob-commerce-divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--commerce-muted);font-size:12px}.ob-commerce-divider:before,.ob-commerce-divider:after{content:'';height:1px;background:var(--commerce-line);flex:1}.ob-commerce-label{display:block;font-size:13px;font-weight:650;margin:0 0 12px;color:var(--commerce-text)}
.ob-commerce-status{font-size:13px;line-height:1.55;margin:14px 0;overflow-wrap:anywhere;color:var(--commerce-muted)}.ob-commerce-status.is-error{color:#b42318}.ob-commerce-status.is-success{color:var(--commerce-text);font-weight:650}.ob-commerce-primary,.ob-commerce-secondary{width:100%;min-height:48px;border:1px solid var(--commerce-action);border-radius:10px;padding:12px 16px;background:var(--commerce-action);color:var(--commerce-action-text);font:700 14px/1.4 var(--font-body,system-ui);cursor:pointer}.ob-commerce-secondary{margin-top:10px;background:transparent;color:var(--commerce-text);border-color:var(--commerce-line)}.ob-commerce-primary:disabled{opacity:.55;cursor:wait}.ob-commerce-primary:focus-visible,.ob-commerce-secondary:focus-visible,.ob-commerce-close:focus-visible{outline:3px solid var(--commerce-action);outline-offset:3px}.ob-commerce-secure{font-size:11px;line-height:1.5;text-align:center;color:var(--commerce-muted);margin:12px 0 0}.ob-commerce-loading{padding:18px 0;color:var(--commerce-muted);font-size:13px}
@media(max-width:600px){.ob-commerce-overlay{padding:10px;align-items:center}.ob-commerce-sheet{padding:18px;max-height:calc(100dvh - 20px);border-radius:16px}.ob-commerce-heading h2{font-size:22px}.ob-commerce-payment{padding:12px}.ob-commerce-total strong{font-size:22px}}

.ob-commerce-email{display:grid;gap:8px;margin:0 0 18px;font-size:13px;font-weight:650;color:var(--commerce-text)}.ob-commerce-email input{width:100%;min-height:44px;border:1px solid var(--commerce-line);border-radius:10px;padding:11px 12px;background:var(--commerce-surface);color:var(--commerce-text);font:400 14px var(--font-body,system-ui)}.ob-commerce-email input:focus-visible{outline:3px solid var(--commerce-action);outline-offset:2px}