.sepa-flow{--sepa-ink:#082438;--sepa-pink:#cf006c;background:white;color:var(--sepa-ink);font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;border-radius:0 0 38px 38px;overflow:hidden;width:100%;isolation:isolate}
.sepa-flow *{box-sizing:border-box}.sepa-flow [hidden]{display:none!important}.sepa-flow button,.sepa-flow input{font:inherit}.sepa-flow button{cursor:pointer}.sepa-flow button:disabled{cursor:default}.sepa-header{padding:24px 32px;border-bottom:1px solid #eef1f4;display:flex;align-items:center;justify-content:space-between;gap:20px}.sepa-header img{max-height:48px;max-width:220px;object-fit:contain}.sepa-header>span{font-size:13px;color:var(--sepa-pink);font-weight:650}.sepa-content{max-width:960px;margin:0 auto;padding:24px 24px 64px}.sepa-flow h1{font-family:Georgia,serif;font-weight:400;font-size:34px;line-height:1.3;text-align:center;color:#111;margin:32px 0 12px}.sepa-muted{text-align:center;margin:0 auto 44px;color:#546879;line-height:1.6}.sepa-back{background:transparent;border:0;color:var(--sepa-pink);font-weight:700;padding:0;font-size:17px}.sepa-banks{display:grid;grid-template-columns:1fr 1fr;gap:24px 48px;max-width:672px;margin:58px auto 28px}.sepa-flow .sepa-bank{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #dcdcdc;border-radius:13px;height:56px;padding:3px;color:var(--sepa-ink);text-align:left;box-shadow:none;font-size:17px;font-weight:400;line-height:1.2;transition:border-color .15s}.sepa-bank img{object-fit:contain;flex-shrink:0;width:50px;height:48px;border-radius:9px}.sepa-bank:hover:not(:disabled),.sepa-bank:focus-visible{border-color:var(--sepa-pink);outline:2px solid #cf006c20}.sepa-bank small{display:block;font-size:10px;color:#667784;margin-top:3px}.sepa-bank:disabled{background:#fafafa;color:#667784;opacity:1}.sepa-footer{background:#eef5f7;padding:26px 32px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:13px}.sepa-flow a{color:var(--sepa-ink)}.sepa-plan,.sepa-payment{max-width:480px;margin:18px auto}.sepa-plan{border:1px solid #e5e8eb;border-radius:20px;padding:28px;box-shadow:0 8px 30px #08243806}.sepa-plan h1{font-size:28px;margin-top:0}.sepa-plan .sepa-muted{font-size:14px;margin-bottom:24px}.sepa-flow fieldset{padding:0;border:0;margin:0 0 20px}.sepa-flow .sepa-plan-option{display:flex;align-items:center;gap:10px;margin:10px 0;border:1px solid #dce3e9;padding:14px;border-radius:12px;cursor:pointer}.sepa-plan-option strong{margin-left:auto}.sepa-plan-option:has(input:checked){border-color:var(--sepa-pink);background:#fff5fa}.sepa-plan-option input{accent-color:var(--sepa-pink)}.sepa-flow form>label{display:block;font-size:13px;margin:14px 0 6px}.sepa-flow input[type=email],.sepa-flow input[type=tel]{width:100%;padding:12px;border:1px solid #d2dce3;border-radius:9px;height:48px;background:white;color:var(--sepa-ink)}.sepa-flow button.sepa-primary{background:#161616;color:white;border:0;border-radius:26px;padding:13px 20px;min-height:50px;font-weight:650}.sepa-flow form>.sepa-primary{width:100%;margin-top:22px}.sepa-payment h1{font-size:26px}.sepa-payment .sepa-muted{font-size:14px;margin-bottom:16px}.sepa-selected{text-align:center;color:#526b7c}.sepa-price{display:block;text-align:center;font-size:44px;color:#111}.sepa-qr{background:#fff;width:280px;max-width:100%;margin:20px auto}.sepa-qr canvas{display:block;width:100%;height:auto}.sepa-mobile{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.sepa-flow .sepa-mobile button:not(.sepa-primary),.sepa-detail button{border:1px solid #d2dce3;background:white;color:var(--sepa-ink);border-radius:12px;padding:10px 14px}.sepa-small{font-size:12px;color:#526b7c;line-height:1.7;margin:18px 0}.sepa-detail{display:flex;justify-content:space-between;align-items:center;gap:14px;border-top:1px solid #e8edf0;padding:14px 0}.sepa-detail small{display:block;color:#526b7c}.sepa-detail strong{display:block;overflow-wrap:anywhere;font-size:15px}.sepa-detail>div{min-width:0}.sepa-detail button{flex-shrink:0;font-size:13px}.sepa-status{max-width:672px;margin:20px auto 0;color:#934b00;font-size:14px;overflow-wrap:anywhere}.sepa-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:640px){.sepa-header{padding:18px;align-items:flex-start}.sepa-header>span{max-width:130px;text-align:right}.sepa-content{padding:20px 16px 36px}.sepa-flow h1{font-size:28px}.sepa-banks{gap:14px 12px;margin-top:30px}.sepa-flow .sepa-bank{font-size:13px;height:62px;gap:6px;padding:3px;min-width:0}.sepa-bank img{width:38px;height:38px}.sepa-bank>span{padding-right:4px;overflow-wrap:anywhere}.sepa-plan{padding:22px}.sepa-payment h1{font-size:24px}.sepa-footer{padding:22px 18px}}
@media(prefers-reduced-motion:reduce){.sepa-bank{transition:none}}

/* Manual transfer is revealed only after choosing the alternative to QR. */
.sepa-flow .sepa-manual-button{display:flex;align-items:center;justify-content:center;gap:18px;width:100%;margin:24px 0 0;padding:16px 20px;border:1px solid #d9e1e8;border-radius:14px;background:#f6f8fb;color:#082438;font-weight:700;min-height:56px;box-shadow:0 3px 12px #08243806}
.sepa-flow .sepa-manual-button:hover{background:#edf2f7;border-color:#a7b7c5}
.sepa-loading{min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;text-align:center}.sepa-loading p{margin:0;color:#526b7c;font-size:14px}.sepa-spinner{width:44px;height:44px;border:3px solid #e5edf3;border-top-color:#cf006c;border-radius:50%;animation:sepa-spin .8s linear infinite}@keyframes sepa-spin{to{transform:rotate(360deg)}}
.sepa-transfer{margin:24px 0;border:1px solid #e3e9ee;border-radius:22px;padding:28px;background:#fff;box-shadow:0 12px 40px #0824380a}.sepa-transfer-brand{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:22px;border-bottom:1px solid #edf1f4}.sepa-transfer-brand img{max-width:170px;max-height:48px;object-fit:contain}.sepa-transfer-brand strong{font-size:18px;overflow-wrap:anywhere}.sepa-transfer-brand span{font-size:11px;letter-spacing:.04em;font-weight:700;color:#526b7c;background:#f1f5f8;padding:7px 10px;border-radius:8px;white-space:nowrap}.sepa-transfer h2{font:700 25px/1.3 system-ui,sans-serif;color:#082438;margin:24px 0 10px}.sepa-transfer-intro{font-size:14px;color:#526b7c;margin:0 0 24px;line-height:1.7}.sepa-transfer .sepa-detail{padding:18px 0;gap:12px}.sepa-transfer .sepa-detail small{font-size:12px;margin-bottom:6px}.sepa-transfer .sepa-detail strong{font-size:16px;font-weight:650;line-height:1.5}.sepa-transfer [data-value=iban]{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.02em}.sepa-transfer .sepa-detail button{font-size:12px;min-height:42px;border-color:#dce4eb;background:#f7f9fb;font-weight:650;padding:9px 12px;border-radius:10px}.sepa-transfer .sepa-detail button:hover{background:#edf2f7}.sepa-description>div{flex:1}.sepa-description label{display:block}.sepa-flow .sepa-description input{width:100%;min-width:0;border:1px solid #dbe3ea;background:#f8fafc;border-radius:10px;padding:11px 12px;font-size:14px;color:#082438}.sepa-description input:focus{outline:2px solid #cf006c40;border-color:#cf006c}.sepa-description-help{font-size:12px;line-height:1.6;color:#526b7c;margin:0 0 20px}.sepa-confirm-note{background:#f1f7f6;color:#28564e;padding:14px 16px;border-radius:12px;font-size:12px;line-height:1.7}.sepa-flow .sepa-return-qr{background:none;border:0;padding:14px 0 0;color:#cf006c;font-size:13px;font-weight:650}
@media(max-width:640px){.sepa-transfer{padding:20px 16px;border-radius:18px}.sepa-transfer-brand{gap:10px}.sepa-transfer-brand img{max-width:120px}.sepa-transfer-brand span{font-size:10px;padding:6px 8px}.sepa-transfer h2{font-size:22px}.sepa-transfer .sepa-detail strong{font-size:14px}.sepa-transfer .sepa-detail button{padding:9px 10px}.sepa-flow .sepa-description input{font-size:16px;padding:10px 8px}}
@media(prefers-reduced-motion:reduce){.sepa-spinner{animation:none;border-color:#cf006c #e5edf3 #e5edf3}}