@font-face{font-family:Sohne;src:url(/fonts/soehne/Sohne-Buch.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Sohne;src:url(/fonts/soehne/Sohne-Kraftig.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Sohne;src:url(/fonts/soehne/Sohne-Halbfett.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--orange:#ff4e00;--orange-press:#e64500;--charcoal:#231f20;--van-white:#eae9e8;--surface:#fff;--surface2:#f5f4f3;--text-mid:#5e5d5c;--green:#0f9e56;--red-ink:#b52626;--glass-fill:#faf9f8a3;--glass-solid:#f7f6f5;--glass-blur:blur(16px) saturate(170%);--glass-edge:inset 0 1px 0 #ffffffd9, inset 0 0 0 .5px #231f201f;--glass-ink:var(--charcoal);--glass-ink-dim:#231f208f;--glass-hairline:#231f2017;--glass-ring:#ff4e0080;--glass-btn-h:52px;--card-radius:22px;--card-shadow:0 0 0 .5px #231f2014, 0 10px 28px -12px #231f203d;--gt-title:30px;--gt-head:20px;--gt-body:17px;--gt-sub:15px;--gt-cap:13px;--gt-min:12px;--spring-snappy:cubic-bezier(.25, 1.1, .4, 1)}@supports (transition-timing-function:linear(0, 1)){:root{--spring-snappy:linear(0, .019, .068, .138, .22, .308, .398, .486, .569, .646, .715, .776, .829, .874, .912, .943, .967, .987, 1.002, 1.012, 1.02, 1.025, 1.027, 1.028, 1.028, 1.027, 1.025, 1.023, 1.02, 1.018, 1.015, 1.013, 1.01, 1.008, 1.007, 1.005, 1.004, 1.003, 1.002, 1)}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{background:var(--surface2);color:var(--glass-ink);font-family:Sohne,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;font-size:var(--gt-body);-webkit-font-smoothing:antialiased;margin:0;line-height:1.4}.pay{min-height:100dvh;padding:max(24px, calc(env(safe-area-inset-top,0px) + 16px)) 16px 0;flex-direction:column;align-items:center;display:flex}.pay-col{flex-direction:column;flex:1;gap:14px;width:100%;max-width:480px;display:flex}.pay-col>:last-child:not(.pay-dock){margin-bottom:calc(24px + env(safe-area-inset-bottom,0px))}.pay-hero{grid-template-columns:60px minmax(0,1fr);align-items:center;gap:14px;padding:0 2px 4px;display:grid}.pay-tile{background:var(--surface);width:60px;height:60px;box-shadow:var(--card-shadow);border-radius:18px;flex:none;place-items:center;display:grid;position:relative}.pay-mark{background-color:var(--charcoal);width:34px;height:22px;-webkit-mask:url(/brand/mucka-icon-m.svg) 50%/contain no-repeat;mask:url(/brand/mucka-icon-m.svg) 50%/contain no-repeat}.pay-badge{color:#fff;background:var(--green);width:26px;height:26px;box-shadow:0 0 0 3px var(--surface2);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-6px;right:-6px}.pay-title{font-size:var(--gt-title);letter-spacing:-.022em;color:var(--charcoal);text-wrap:balance;margin:0;font-weight:600;line-height:1.1}.pay-lead{font-size:var(--gt-body);color:var(--text-mid);margin:0;padding:0 2px;line-height:1.4}.pay-note{font-size:var(--gt-sub);color:var(--text-mid);margin:0;padding:0 4px;line-height:1.4}.pay-rows{border-radius:var(--card-radius);background:var(--surface);box-shadow:var(--card-shadow);margin:0;padding:0;list-style:none;overflow:hidden}.pay-row{min-height:56px;font-size:var(--gt-body);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.pay-row+.pay-row{box-shadow:inset 0 1px 0 var(--glass-hairline)}.pay-row-name{overflow-wrap:anywhere;min-width:0}.pay-fig{font-variant-numeric:tabular-nums;white-space:nowrap}.pay-row>.pay-fig{font-weight:500}.pay-row--total{min-height:64px}.pay-row-text{flex-direction:column;gap:2px;min-width:0;display:flex}.pay-row-text strong{font-size:var(--gt-body);font-weight:600}.pay-row-text small{font-size:var(--gt-sub);color:var(--glass-ink-dim);line-height:1.35}.pay-panel{border-radius:var(--card-radius);background:var(--surface);box-shadow:var(--card-shadow);padding:8px;overflow:hidden}.pay-status{min-height:var(--glass-btn-h);font-size:var(--gt-sub);color:var(--glass-ink-dim);justify-content:center;align-items:center;gap:10px;margin:0;font-weight:500;display:flex}.pay-spin{border:2.5px solid #231f2024;border-top-color:var(--charcoal);border-radius:50%;flex:none;width:18px;height:18px;animation:.8s linear infinite pay-spin}@keyframes pay-spin{to{transform:rotate(360deg)}}.pay-err{font-size:var(--gt-sub);color:var(--red-ink);background:#c42b2b14;border-radius:16px;margin:0;padding:12px 16px;line-height:1.4}.pay-dock{z-index:2;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:var(--glass-fill);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-edge);flex-direction:column;align-items:stretch;margin:auto -16px 0;display:flex;position:sticky;bottom:0}.pay-hint{font-size:var(--gt-sub);text-align:center;color:var(--text-mid);margin:10px 0 0;line-height:1.4}.pay-btn{width:100%;min-height:var(--glass-btn-h);font:inherit;font-size:var(--gt-body);color:var(--charcoal);background:var(--orange);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .4s var(--spring-snappy), background-color .15s ease;border:0;border-radius:999px;padding:0 20px;font-weight:600;box-shadow:0 10px 24px -10px #ff4e0099}.pay-btn:hover{background:var(--orange-press)}.pay-btn:active{transform:scale(.97)}.pay-btn:focus-visible{outline:3px solid var(--glass-ring);outline-offset:3px}.pay--wait .pay-col{justify-content:center;align-items:center;gap:18px;padding-bottom:10vh}@media (width>=768px){.pay{padding-top:72px;padding-bottom:48px}.pay-col{flex:none}.pay--wait .pay-col{flex:1}.pay-dock{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:0 0;margin:6px 0 0;padding:0;position:static}}@media (prefers-reduced-transparency:reduce){:root{--glass-fill:var(--glass-solid);--glass-blur:none}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){:root{--glass-fill:var(--glass-solid)}}@media (prefers-contrast:more){:root{--glass-fill:#faf9f8f0;--glass-edge:inset 0 0 0 1px #231f2073;--glass-ink-dim:#231f20cc;--text-mid:#3d3b3a}}@media (prefers-reduced-motion:reduce){.pay-btn{transition:none}.pay-btn:active{transform:none}.pay-spin{animation-duration:2.4s}}
