.sumup-modal[hidden]{display:none}
.sumup-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:14px;background:rgba(10,25,44,.7)}
.sumup-dialog{width:min(540px,100%);max-height:calc(100dvh - 28px);overflow:auto;border-radius:18px;background:#fff;padding:22px;box-shadow:0 25px 75px rgba(0,0,0,.3)}
.sumup-dialog-head{display:flex;align-items:start;justify-content:space-between;gap:15px}
.sumup-dialog h2{margin:0;color:#17355f;font-size:22px}
.sumup-dialog p{color:#526174;line-height:1.45}
.sumup-close{border:0;background:#eef2f7;color:#17355f;border-radius:8px;width:36px;height:36px;font-size:22px;cursor:pointer}
.sumup-status{min-height:22px;margin:12px 0;font-size:14px;font-weight:700;color:#334155}
.sumup-status.error{color:#b42318}
.sumup-status.success{color:#15803d}
.sumup-card-slot{min-height:100px}
.sumup-cancel{margin-top:16px;width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;color:#334155;font-size:14px;font-weight:800;cursor:pointer}
.sumup-cancel:disabled,.sumup-close:disabled{opacity:.5;cursor:not-allowed}
body.sumup-modal-open{overflow:hidden}
@media(max-width:600px){.sumup-modal{padding:0;align-items:stretch}.sumup-dialog{width:100%;max-height:100dvh;border-radius:0;padding:18px 16px calc(18px + env(safe-area-inset-bottom))}}