/* SGB Checkout — uses the site's Part 1 tokens (--orange, --line, --text …) with fallbacks */
.sgb-overlay{position:fixed;inset:0;z-index:200;background:rgba(15,18,25,.55);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px}
.sgb-overlay[hidden]{display:none}
.sgb-modal{position:relative;width:100%;max-width:720px;max-height:calc(100vh - 40px);overflow:auto;background:var(--bg,#fff);color:var(--text,#111);border:1px solid var(--line,#e6e8ee);border-radius:20px;padding:28px 28px 32px;box-shadow:var(--shadow-lg,0 24px 60px rgba(0,0,0,.25))}
.sgb-close{position:absolute;top:14px;right:14px;width:40px;height:40px;border-radius:10px;border:1.5px solid var(--line-strong,#d5d9e2);background:transparent;color:inherit;cursor:pointer;display:grid;place-items:center}
.sgb-close svg{width:18px;height:18px}
.sgb-close:hover{border-color:var(--orange,#f26b1d)}
.sgb-head{margin-bottom:22px;padding-right:48px}
.sgb-plan{margin:0 0 4px;font-size:14px;color:var(--muted,#6b7280)}
.sgb-title{margin:0;font-family:'Space Grotesk',sans-serif;font-size:24px;line-height:1.2}
.sgb-pane[hidden]{display:none}

/* detecting */
#sgbLoading{text-align:center;padding:36px 0;color:var(--muted,#6b7280)}
.sgb-spinner{width:32px;height:32px;margin:0 auto 12px;border-radius:50%;border:3px solid var(--line,#e6e8ee);border-top-color:var(--orange,#f26b1d);animation:sgb-spin .8s linear infinite}
@keyframes sgb-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.sgb-spinner{animation:none;border-top-color:var(--line,#e6e8ee)}}

/* UPI */
.sgb-upi-grid{display:grid;grid-template-columns:240px 1fr;gap:28px;align-items:start}
@media(max-width:640px){.sgb-upi-grid{grid-template-columns:1fr}}
.sgb-qr-wrap{text-align:center}
.sgb-qr{display:inline-block;padding:12px;background:#fff;border:1px solid var(--line,#e6e8ee);border-radius:14px}
.sgb-qr img{display:block;width:200px;height:200px;object-fit:contain}
.sgb-note{margin:-4px 0 10px;font-size:13px}
.sgb-amount{margin:14px 0 10px;font-size:18px}
.sgb-amount strong{font-family:'Space Grotesk',sans-serif;font-size:26px;color:var(--orange,#f26b1d)}
.sgb-upi-open{display:none;width:100%}
@media(hover:none) and (pointer:coarse){.sgb-upi-open:not([hidden]){display:inline-flex;justify-content:center}}
.sgb-vpa{margin:12px 0 0;font-size:13.5px;color:var(--muted,#6b7280)}
.sgb-vpa code{font-size:13.5px;color:var(--text,#111);background:var(--orange-soft,#fff2ea);padding:2px 6px;border-radius:6px}
.sgb-copy{border:none;background:none;color:var(--orange,#f26b1d);font-weight:600;cursor:pointer;padding:0 4px}

.sgb-form label{display:block;margin-bottom:14px;font-size:14px;font-weight:600}
.sgb-form input{display:block;width:100%;margin-top:6px;padding:12px 14px;font:inherit;font-weight:400;border:1.5px solid var(--line-strong,#d5d9e2);border-radius:10px;background:var(--bg,#fff);color:inherit}
.sgb-form input:focus{outline:none;border-color:var(--orange,#f26b1d);box-shadow:0 0 0 3px var(--orange-soft,#fff2ea)}
.sgb-form button{width:100%;margin-top:4px}
.sgb-hp{position:absolute !important;left:-9999px !important;width:1px;height:1px}
.sgb-step{margin:0 0 16px;font-size:14.5px;line-height:1.55;color:var(--muted,#6b7280)}
.sgb-error{margin:0 0 12px;padding:10px 12px;border-radius:8px;font-size:14px;background:#fdecec;color:#9b1c1c}

/* Stripe */
#sgbStripe{text-align:center;padding:12px 0 4px}
#sgbStripe .sgb-amount{margin-top:0}
#sgbStripe .btn{min-width:220px}