.stripe-dialog{box-sizing:border-box;width:min(540px,calc(100% - 28px));max-height:calc(100dvh - 32px);padding:0;border:0;border-radius:20px;background:#fff;color:#273429;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;box-shadow:0 24px 70px #1b291e38}
.stripe-dialog::backdrop{background:#33432b85;backdrop-filter:blur(3px)}
.stripe-top{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:12px;padding:8px 14px;background:#fff;border-bottom:1px solid #ecece8}
.stripe-product{flex:1;min-width:0}.stripe-top h2{font:600 14px/1.4 var(--sans,system-ui);letter-spacing:0;margin:0;color:#555e54}
.stripe-close{flex-shrink:0;border:0;border-radius:50%;background:#f1f1ed;color:#273429;width:40px;height:40px;font:28px/1 system-ui;min-height:40px;cursor:pointer}
.stripe-close:focus-visible{outline:3px solid #823a2e;outline-offset:2px}
.stripe-body{padding:0 12px 16px}#stripe-checkout{background:#fff;min-height:200px}
.stripe-status{font:16px/1.5 system-ui;margin:16px 8px}.stripe-status:empty{display:none}
.stripe-open{overflow:hidden}.stripe-open .mobile-order{visibility:hidden}
.stripe-retry[hidden]{display:none}.stripe-retry{margin:14px 0;width:100%}
.stripe-details{font:12px/1.5 system-ui;color:#656a5e;margin:8px 8px 0}.stripe-details a{text-underline-offset:2px}
.stripe-confirmation{display:inline-block;margin-top:18px;font-size:15px;text-decoration:underline}
@media(max-width:600px){
 .stripe-dialog{width:100%;max-width:none;height:100dvh;max-height:100dvh;margin:0;border-radius:0}
 .stripe-top{padding:6px max(10px,env(safe-area-inset-right)) 6px max(14px,env(safe-area-inset-left));padding-top:max(6px,env(safe-area-inset-top))}
 .stripe-body{padding:0 4px max(16px,env(safe-area-inset-bottom))}
 .stripe-details{margin-inline:12px}.stripe-status{margin-inline:12px}
}