.mb-pay-modal[hidden],.mb-pay-resume[hidden]{display:none!important}
.mb-pay-modal{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:18px;background:rgba(42,31,22,.58);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.mb-pay-dialog{width:min(520px,100%);overflow:hidden;border:1px solid rgba(189,145,64,.34);border-radius:22px;background:#fff;box-shadow:0 30px 90px rgba(45,30,17,.3);color:#382516;font-family:Inter,Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.mb-pay-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:17px 18px 15px;border-bottom:1px solid #eee5d9;background:linear-gradient(135deg,#fff,#fbf7f0)}
.mb-pay-brand{display:flex;align-items:center;gap:12px;min-width:0}.mb-pay-brand-mark{display:grid;place-items:center;width:50px;height:50px;flex:0 0 50px;border-radius:14px;color:#fff;background:#111;font-weight:900;font-size:14px;line-height:1;letter-spacing:-.7px;aspect-ratio:1/1}.mb-pay-brand-copy{display:grid;gap:3px;min-width:0}.mb-pay-brand-copy b{font-size:17px;line-height:1.2}.mb-pay-brand-copy span{color:#806c5a;font-size:12px;line-height:1.35}
.mb-pay-close{appearance:none;display:grid;place-items:center;width:52px;height:52px;padding:0;border:1px solid #dfd3c4;border-radius:13px;background:#fff;color:#604936;cursor:pointer;transition:.18s}.mb-pay-close svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}.mb-pay-close:hover{border-color:#bd9140;color:#382516;transform:translateY(-1px)}
.mb-pay-state{display:grid;place-items:center;align-content:center;gap:12px;min-height:300px;padding:34px;text-align:center}.mb-pay-state i{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#f5eee5;color:#9b6f28;font:800 27px/1 inherit}.mb-pay-state b{font-size:22px}.mb-pay-state p{max-width:420px;margin:0;color:#806c5a;line-height:1.55}.mb-pay-retry{appearance:none;min-height:46px;margin-top:6px;padding:11px 20px;border:1px solid #bd9140;border-radius:12px;background:linear-gradient(135deg,#c7a052,#ae8030);color:#fff;font:800 14px/1.2 inherit;cursor:pointer}.mb-pay-retry[hidden]{display:none}.mb-pay-retry:disabled{opacity:.6;cursor:wait}
.mb-pay-foot{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 18px;border-top:1px solid #eee5d9;background:#fbf8f3;color:#87735f;font-size:12px;text-align:center}.mb-pay-foot svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}
.mb-pay-resume{position:fixed;left:50%;bottom:max(18px,env(safe-area-inset-bottom));z-index:99999;width:min(560px,calc(100% - 24px));display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:15px 16px;border:1px solid rgba(189,145,64,.38);border-radius:17px;background:rgba(255,255,255,.97);box-shadow:0 18px 50px rgba(54,37,23,.22);color:#382516;font-family:Inter,Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;transform:translateX(-50%)}
.mb-pay-resume-copy{display:grid;gap:3px;min-width:0}.mb-pay-resume-copy b{font-size:14px}.mb-pay-resume-copy span{color:#806c5a;font-size:12px;line-height:1.35}.mb-pay-resume-button{appearance:none;min-height:42px;padding:10px 15px;border:1px solid #bd9140;border-radius:11px;background:#bd9140;color:#fff;font:800 12px/1.2 inherit;white-space:nowrap;cursor:pointer}
body.mb-pay-locked{overflow:hidden!important}
@media(max-width:620px){.mb-pay-modal{padding:14px;place-items:center}.mb-pay-dialog{width:min(100%,430px);max-height:calc(100dvh - 28px);border-radius:20px}.mb-pay-head{padding:max(13px,env(safe-area-inset-top)) 13px 12px}.mb-pay-brand{gap:10px}.mb-pay-brand-copy b{font-size:15px}.mb-pay-brand-copy span{font-size:11px}.mb-pay-brand-mark{width:48px;height:48px;flex-basis:48px}.mb-pay-close{width:52px;height:52px}.mb-pay-state{min-height:260px;padding:28px 20px}.mb-pay-resume{grid-template-columns:1fr;gap:10px}.mb-pay-resume-button{width:100%}}
@media(prefers-reduced-motion:reduce){.mb-pay-close{transition:none}}