.msv-app{
  --msv:#377b6d;
  --msv-dark:#285f54;
  --msv-deep:#1f4e45;
  --gold:#dfbd16;
  --red:#cf312f;
  --bg:#f4f6f4;
  --surface:#fff;
  --line:#cbd5d0;
  --text:#24302b;
  --muted:#66736d;
  --soft:#edf4f1;
  width:var(--msv-form-width,100%);
  max-width:none;
  margin:28px auto;
  font-family:Arial,Helvetica,sans-serif;
  color:var(--text);
}
.msv-app *{box-sizing:border-box}
.msv-app a{color:var(--msv-dark);text-underline-offset:3px}

/* Kopfbereich bewusst an die grün-weiße Optik des Münsterdorfer SV angelehnt */
.msv-app__head{
  position:relative;
  display:flex;
  justify-content:space-between;
  gap:24px;
  align-items:center;
  padding:28px 30px;
  border:1px solid #245f52;
  border-top:6px solid var(--gold);
  border-radius:6px;
  background:var(--msv);
  color:#fff;
  box-shadow:0 5px 16px rgba(24,68,57,.15);
  overflow:hidden;
}
.msv-app__head:after{
  content:"";
  position:absolute;
  right:-55px;
  bottom:-95px;
  width:240px;
  height:240px;
  border:30px solid rgba(255,255,255,.06);
  border-radius:50%;
  pointer-events:none;
}
.msv-app__head-inner{position:relative;z-index:1;min-width:0;padding-right:165px}
.msv-app__head h2{margin:5px 0 9px;font-size:clamp(27px,4vw,39px);line-height:1.08;color:#fff;font-weight:700}
.msv-app__head p{margin:0;max-width:760px;line-height:1.6;color:#f5fbf8}
.msv-eyebrow{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.11em;color:#ffef8a}

.msv-app__logo{
  position:absolute;
  z-index:2;
  right:30px;
  top:50%;
  transform:translateY(-50%);
  width:120px;
  max-width:23%;
  display:flex;
  align-items:center;
  justify-content:center;
  pointer-events:none;
}
.msv-app__logo img{display:block;width:100%;height:auto;max-height:142px;object-fit:contain;filter:drop-shadow(0 3px 5px rgba(0,0,0,.14))}
.msv-badge{position:relative;z-index:1;white-space:nowrap;background:#fff;color:var(--msv-deep);padding:10px 14px;border-left:5px solid var(--red);font-weight:800;font-size:13px;box-shadow:0 3px 10px rgba(0,0,0,.12)}

.msv-progress{display:grid;grid-template-columns:repeat(5,1fr);list-style:none;padding:0;margin:20px 0;gap:4px;counter-reset:step}
.msv-progress li{font-size:12px;background:#fff;border:1px solid #cfd8d3;border-bottom:3px solid #aebdb6;padding:11px 8px;text-align:center;color:#52605a;font-weight:700}
.msv-progress li.is-active{background:var(--msv);border-color:var(--msv);border-bottom-color:var(--gold);color:#fff}
.msv-progress li.is-done{background:#e8f1ed;border-color:#b8cec4;border-bottom-color:var(--msv);color:var(--msv-deep)}

.msv-step{display:none;border:1px solid #c6d2cc;background:var(--surface);border-radius:6px;padding:30px;box-shadow:0 4px 15px rgba(26,62,51,.08)}
.msv-step.is-active{display:block}
.msv-step h3{font-size:23px;margin:0 0 21px;padding-bottom:12px;border-bottom:2px solid #d9e1dd;color:var(--msv-deep)}
.msv-step h3:after{content:"";display:block;width:58px;height:4px;background:var(--gold);margin-top:10px}
.msv-step>p{line-height:1.55;color:#45524c}

.msv-grid{display:grid;gap:17px}
.msv-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.msv-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.msv-billing-row{max-width:520px}
.msv-field{display:flex;flex-direction:column;gap:7px;font-size:14px;font-weight:800}
.msv-field span{color:#32413a}
.msv-field small{font-weight:500;color:var(--muted);line-height:1.45}
.msv-field input,.msv-field select{width:100%;min-height:48px;border:1px solid #aebdb6;border-radius:3px;padding:10px 12px;background:#fff;font:inherit;font-weight:500;color:#122019;outline:none;transition:border-color .15s,box-shadow .15s,background .15s}
.msv-field input:hover,.msv-field select:hover{border-color:#778f84}
.msv-field input:focus,.msv-field select:focus{border-color:var(--msv);box-shadow:0 0 0 3px rgba(55,123,109,.15);background:#fbfdfc}
.msv-field input:required:invalid:not(:placeholder-shown){border-color:#b45b55}
.msv-field select:disabled{background:#edf1ef;color:#284137;opacity:1}
.msv-field--wide{grid-column:1/-1}
#msv-bank-other-name-wrap[hidden]{display:none!important}

.msv-note{padding:15px 17px;border-radius:3px;background:#f1f6f4;border:1px solid #c6d8d0;border-left:5px solid var(--msv);font-size:14px;line-height:1.55;margin:17px 0;color:#30463c}
.msv-note--strong{background:#fffbea;border-color:#e5d98f;border-left-color:var(--gold);color:#3d4027}

.msv-live-fees{margin:18px 0 22px;border:1px solid #b7cbc2;border-top:4px solid var(--gold);border-radius:4px;background:#fff;overflow:hidden;box-shadow:0 3px 12px rgba(0,70,45,.06)}
.msv-live-fees__head{display:flex;justify-content:space-between;gap:12px;align-items:center;background:var(--msv);border-bottom:1px solid #2b685b;padding:12px 16px;color:#fff}
.msv-live-fees__head span{font-size:17px;font-weight:800;color:#fff}
.msv-live-fees__body{padding:15px 16px}
.msv-live-fees__body ul{margin:11px 0 0 19px;padding:0;color:#435149}
.msv-live-fees__body li{margin:4px 0}
.msv-live-fees__total,.msv-live-fees__quarter{display:flex;justify-content:space-between;gap:16px;align-items:baseline}
.msv-live-fees__total span,.msv-live-fees__quarter span{font-weight:700;color:#435149}
.msv-live-fees__total strong{font-size:24px;color:var(--msv-deep)}
.msv-live-fees__quarter{margin-top:5px}
.msv-live-fees__quarter strong{font-size:18px;color:#36574b}
.msv-live-fees>small{display:block;padding:0 16px 14px;color:#65736c;line-height:1.45}
.msv-live-fees__empty{color:#65736c}

.msv-member{border:1px solid #c2cdc7;border-left:5px solid var(--msv);background:#fbfcfb;border-radius:4px;padding:21px;margin:18px 0}
.msv-member__top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #d7dfdb}
.msv-member__number{display:block;color:var(--msv-dark);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:3px}
.msv-member h4{margin:0;font-size:19px;color:#26382f}
.msv-link{border:0;background:transparent;padding:5px 0;color:var(--msv-dark);font-weight:800;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.msv-membership-select{max-width:470px;margin:18px 0}
.msv-fieldset{border:1px solid #c9d3ce;padding:15px 16px 16px;margin:18px 0 0;border-radius:3px;background:#fff}
.msv-fieldset legend{font-weight:800;padding:0 7px;color:#34433c}
.msv-fieldset>label{display:block;margin:9px 0;line-height:1.4}
.msv-fieldset small{display:block;color:#647169;margin-top:9px}
.msv-pills{display:flex;flex-wrap:wrap;gap:8px}
.msv-pill input{position:absolute;opacity:0;pointer-events:none}
.msv-pill span{display:block;border:1px solid #aebdb6;background:#fff;border-radius:3px;padding:9px 13px;cursor:pointer;font-size:13px;font-weight:700;color:#33443c;transition:.15s}
.msv-pill span:hover{border-color:#738f83;background:#f4f8f6}
.msv-pill input:checked+span{background:var(--msv);border-color:var(--msv);color:#fff;box-shadow:inset 0 -3px 0 var(--gold)}
.msv-check{display:flex;gap:11px;align-items:flex-start;margin:21px 0;line-height:1.5;padding:13px 15px;border-radius:3px;background:#f8faf9;border:1px solid #d2dbd7}
.msv-check input{margin-top:4px;transform:scale(1.2);accent-color:var(--msv)}

.msv-consent-card{display:flex;justify-content:space-between;gap:20px;align-items:center;border:1px solid #c3cec8;background:#fbfcfb;padding:17px;border-radius:4px;margin:12px 0;border-left:4px solid var(--msv)}
.msv-consent-card small{color:#617068}
.msv-required-badge{display:inline-block;margin-left:8px;padding:3px 7px;border-radius:999px;background:#fff0ef;border:1px solid #e4aaa6;color:#8f2925;font-size:10px;font-weight:800;line-height:1.2;text-transform:uppercase;letter-spacing:.04em;vertical-align:2px}
.msv-radio-group{display:flex;gap:10px}
.msv-radio-group label{font-weight:800;border:1px solid #b9c8c0;border-radius:3px;padding:8px 11px;background:#fff}
.msv-radio-group input{accent-color:var(--msv)}
.msv-radio-group label:has(input:checked){border-color:var(--msv);background:#edf6f2;box-shadow:inset 0 -3px 0 var(--gold)}

.msv-note--age16{background:#fffdf3;border-color:#e8d981;border-left-color:var(--gold)}
.msv-consent-card{flex-wrap:wrap}
.msv-consent-card__person{min-width:0;flex:1 1 360px}
.msv-youth-photo-note{flex:1 0 100%;display:flex;flex-direction:column;gap:4px;margin-top:2px;padding:11px 13px;border:1px solid #e4d68a;border-left:4px solid var(--gold);background:#fffdf3;color:#514b25;font-size:13px;line-height:1.45}
.msv-youth-photo-note strong{color:#554c14;font-size:13px}
.msv-youth-photo-note.is-required{border-color:#e1a19f;border-left-color:var(--red);background:#fff5f4;color:#5a302f}
.msv-youth-photo-note.is-required strong{color:#912522}

.msv-summary-box{border:1px solid #c2cec8;border-radius:4px;overflow:hidden;margin-bottom:18px}
.msv-summary-box table{width:100%;border-collapse:collapse}
.msv-summary-box th,.msv-summary-box td{padding:12px;border-bottom:1px solid #d8e0dc;text-align:left;vertical-align:top}
.msv-summary-box th{background:var(--msv);font-size:13px;color:#fff}
.msv-summary-box tbody tr:nth-child(even){background:#f7f9f8}
.msv-fees{padding:17px;background:#f1f6f4;border-top:3px solid var(--gold);line-height:1.6;color:#264036}
.msv-fees small{color:#5d6b64}

.msv-signature{border:1px solid #c0ccc6;background:#fbfcfb;border-radius:4px;padding:17px;margin:14px 0}
.msv-signature>div:first-child{display:flex;flex-direction:column;gap:4px}
.msv-signature small{color:#65736c}
.msv-signature canvas{display:block;width:100%;height:150px;margin:12px 0 7px;border:1px dashed #789087;border-radius:3px;background:#fff;touch-action:none;cursor:crosshair}

.msv-nav{display:flex;justify-content:space-between;gap:12px;margin-top:19px}
.msv-btn{appearance:none;border:0;border-radius:3px;background:var(--msv);color:#fff;padding:12px 20px;min-height:48px;font-weight:800;cursor:pointer;box-shadow:inset 0 -3px 0 rgba(0,0,0,.12);transition:background .15s,transform .15s}
.msv-btn:hover{background:var(--msv-dark)}
.msv-btn:active{transform:translateY(1px)}
.msv-btn:focus-visible{outline:3px solid rgba(223,189,22,.45);outline-offset:2px}
.msv-btn:disabled{opacity:.65;cursor:wait}
.msv-btn--soft{background:#fff;color:var(--msv-deep);box-shadow:none;border:1px solid #93afa3;border-left:5px solid var(--gold)}
.msv-btn--soft:hover{background:#eef5f2}

.msv-errors{background:#fff4f3;border:1px solid #d79a95;border-left:5px solid var(--red);color:#772823;border-radius:3px;padding:14px 16px;margin:18px 0}
.msv-errors ul{margin:7px 0 0 20px}
.msv-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}

.msv-success{text-align:center;border:1px solid #bdcbc4;background:#fff;border-top:5px solid var(--gold);border-radius:4px;padding:32px;box-shadow:0 5px 18px rgba(20,62,49,.08)}
.msv-success__icon{width:56px;height:56px;display:grid;place-items:center;margin:0 auto 12px;background:var(--msv);color:#fff;font-size:30px;font-weight:800}
.msv-success h3{font-size:26px;margin:8px 0;color:var(--msv-deep)}
.msv-downloads{list-style:none;padding:0;display:grid;gap:8px;max-width:680px;margin:15px auto}
.msv-downloads a{display:block;text-align:left;padding:12px 14px;border:1px solid #bdccc4;border-left:4px solid var(--msv);border-radius:3px;text-decoration:none;color:var(--msv-dark);font-weight:800;background:#fafcfb}
.msv-warning{background:#fff9e8;border:1px solid #e6d17e;border-left:5px solid var(--gold);padding:12px;border-radius:3px;margin:15px 0;text-align:left}
.msv-note__links{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:10px}.msv-note__links a{font-weight:800}

.msv-bank-holder-info{border:1px solid #c8d4ce;background:#f5f8f6;padding:12px 14px;border-left:4px solid var(--msv)}
.msv-bank-holder-info>span{display:block;font-size:12px;font-weight:800;color:#5d6d65;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}
.msv-bank-holder-info>strong{display:block;color:var(--msv-deep);font-size:16px}


/* Kompakter, mitlaufender Beitragsrechner für Smartphones */
.msv-mobile-fees{display:none}
.msv-mobile-fees[hidden]{display:none!important}

/* Hinweis, wenn der Familienbeitrag automatisch aktiviert wird */
.msv-toast[hidden]{display:none!important}
.msv-toast{position:fixed;z-index:99999;right:24px;top:24px;width:min(410px,calc(100vw - 32px));padding:16px 48px 16px 17px;background:#fff;border:1px solid #b9c8c1;border-left:6px solid var(--gold);box-shadow:0 10px 32px rgba(0,0,0,.20);transform:translateY(-12px);opacity:0;transition:opacity .2s,transform .2s;color:#34433c}
.msv-toast.is-visible{transform:translateY(0);opacity:1}
.msv-toast strong{display:block;color:var(--msv-deep);font-size:16px;margin-bottom:5px}
.msv-toast span{display:block;font-size:13px;line-height:1.45}
.msv-toast__close{position:absolute;right:8px;top:8px;border:0;background:transparent;color:#607069;font-size:24px;line-height:1;cursor:pointer;padding:4px 8px}

@media(max-width:760px){
  .msv-app{width:100%;max-width:100%;margin:12px auto;padding-bottom:96px}
  .msv-mobile-fees{
    display:block;
    position:fixed;
    z-index:99990;
    left:0;
    right:0;
    bottom:0;
    background:#fff;
    border-top:4px solid var(--gold);
    box-shadow:0 -8px 28px rgba(20,48,39,.20);
    padding-bottom:env(safe-area-inset-bottom,0px);
  }
  .msv-mobile-fees__summary{
    appearance:none;
    width:100%;
    min-height:72px;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto auto auto;
    gap:9px;
    align-items:center;
    padding:10px max(14px,env(safe-area-inset-right,14px)) 10px max(14px,env(safe-area-inset-left,14px));
    border:0;
    background:var(--msv);
    color:#fff;
    text-align:left;
    cursor:pointer;
  }
  .msv-mobile-fees__label{display:flex;min-width:0;flex-direction:column;gap:2px}
  .msv-mobile-fees__label small{font-size:11px;line-height:1.15;color:#e5f3ee;text-transform:uppercase;letter-spacing:.05em;font-weight:800}
  .msv-mobile-fees__label strong{font-size:20px;line-height:1.2;color:#fff;white-space:nowrap}
  .msv-mobile-fees__quarter{font-size:11px;font-weight:800;line-height:1.2;color:#fff4a8;background:rgba(0,0,0,.12);padding:5px 7px;border-radius:3px;white-space:nowrap}
  .msv-mobile-fees__toggle-text{font-size:12px;font-weight:800;color:#fff;text-decoration:underline;text-underline-offset:3px}
  .msv-mobile-fees__chevron{display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(255,255,255,.38);font-size:20px;line-height:1;transition:transform .18s}
  .msv-mobile-fees.is-expanded .msv-mobile-fees__chevron{transform:rotate(180deg)}
  .msv-mobile-fees__details{background:#fff;padding:13px 16px 14px;border-top:1px solid #d6dfda;color:#34463e;max-height:38vh;overflow:auto}
  .msv-mobile-fees__details ul{margin:0 0 9px 19px;padding:0}
  .msv-mobile-fees__details li{margin:4px 0;line-height:1.4}
  .msv-mobile-fees__details>small{display:block;color:#65736c;line-height:1.4}
  .msv-app__head,.msv-step{padding:20px;border-radius:4px}
  .msv-app__head{display:block;min-height:150px}
  .msv-app__head-inner{padding-right:88px}
  .msv-app__logo{right:16px;top:18px;transform:none;width:70px;max-width:22%}
  .msv-app__logo img{max-height:82px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.12))}
  .msv-progress{grid-template-columns:repeat(5,1fr);gap:3px;overflow:hidden}
  .msv-progress li{font-size:0;padding:5px;height:9px;border-radius:0;border-bottom-width:2px}
  .msv-grid--2,.msv-grid--3{grid-template-columns:1fr}
  .msv-consent-card{align-items:flex-start;flex-direction:column}
  .msv-signature canvas{height:130px}
  .msv-summary-box{overflow-x:auto}
  .msv-summary-box table{min-width:700px}
  .msv-nav{position:sticky;bottom:calc(82px + env(safe-area-inset-bottom,0px));background:rgba(255,255,255,.98);padding:9px;border:1px solid #cbd8d1;border-top:4px solid var(--gold);border-radius:3px;box-shadow:0 5px 20px rgba(0,0,0,.10);z-index:5}
  .msv-nav .msv-btn{flex:1}
  .msv-live-fees__total strong{font-size:21px}
  .msv-member{padding:16px}
  .msv-fieldset{padding:13px}
  .msv-radio-group{width:100%}
  .msv-radio-group label{flex:1;text-align:center}
  /* Pflicht-Zustimmungen auf Touchscreens deutlich besser bedienbar */
  .msv-check{gap:14px;padding:16px;align-items:flex-start}
  .msv-check input[type="checkbox"]{
    appearance:none;
    -webkit-appearance:none;
    flex:0 0 30px;
    width:30px;
    height:30px;
    margin:0;
    border:2px solid #65877a;
    border-radius:4px;
    background:#fff;
    display:grid;
    place-content:center;
    transform:none;
    cursor:pointer;
  }
  .msv-check input[type="checkbox"]:checked{background:var(--msv);border-color:var(--msv)}
  .msv-check input[type="checkbox"]:checked:after{content:"✓";color:#fff;font-size:23px;font-weight:900;line-height:1}
  .msv-check input[type="checkbox"]:focus-visible{outline:3px solid rgba(223,189,22,.5);outline-offset:2px}
  .msv-check span{font-size:15px;line-height:1.5}
  .msv-toast{right:16px;top:16px}
}
@media(max-width:430px){
  .msv-mobile-fees__summary{grid-template-columns:minmax(0,1fr) auto auto;gap:7px}
  .msv-mobile-fees__quarter{grid-column:1/2;grid-row:2;margin-top:-2px;width:max-content}
  .msv-mobile-fees__toggle-text{grid-column:2/3;grid-row:1/3;align-self:center}
  .msv-mobile-fees__chevron{grid-column:3/4;grid-row:1/3;align-self:center}
  .msv-mobile-fees__label strong{font-size:19px}
}


/* v0.3.6 – Beitragsrechner am Desktop wieder unter dem Formular */
.msv-step1-layout{
  display:block;
  margin-top:4px;
}
.msv-step1-main{min-width:0}
.msv-step1-layout .msv-live-fees{
  position:static;
  width:100%;
  margin:24px 0 22px;
}
@media(max-width:760px){
  .msv-step1-layout{display:block;margin-top:0}
  .msv-step1-layout .msv-live-fees{display:none}
}


/* v0.3.0 – Eintritt, Satzung und Datenschutz */
.msv-entry-card{display:block;margin:18px 0;padding:18px 20px;border:1px solid rgba(14,78,58,.28);border-left:5px solid var(--msv);border-radius:12px;background:#f3f8f5;color:#26372f}
.msv-entry-card>div{display:flex;flex-direction:column;gap:4px}.msv-entry-card span{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#53695f}.msv-entry-card strong{font-size:26px;color:var(--msv);line-height:1.15}
.msv-membership-info{margin:20px 0;padding:20px;border:1px solid #c8d6d0;border-radius:12px;background:#fff}.msv-membership-info h4{margin:0 0 10px;color:var(--msv);font-size:19px}.msv-membership-info ul{margin:0;padding-left:21px}.msv-membership-info li{margin:7px 0;line-height:1.5}
.msv-privacy-info{margin:18px 0;padding:18px 20px;border-radius:12px;background:#f7f7f4;border:1px solid #d8ddd9}.msv-privacy-info>strong{display:block;font-size:17px;color:#203d32;margin-bottom:5px}.msv-privacy-info p{margin:4px 0 8px;line-height:1.5}.msv-privacy-info a,.msv-legal-links a{font-weight:800;color:var(--msv);text-decoration:underline;text-underline-offset:2px}
.msv-note--compact{margin-top:14px;padding:13px 15px}.msv-summary-entry{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 15px;margin-bottom:14px;border-radius:10px;background:#edf5f1}.msv-summary-entry span{font-weight:700}.msv-summary-entry strong{font-size:19px;color:var(--msv)}
@media(max-width:700px){.msv-entry-card strong{font-size:24px}.msv-summary-entry{align-items:flex-start;flex-direction:column;gap:3px}}


/* v0.4.3 – dezente Online-Kündigung */
.msv-cancellation-link{appearance:none;border:0;background:transparent;color:#eaf5f1;padding:0;margin-top:6px;font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer;opacity:.88}
.msv-cancellation-link:hover{opacity:1;color:#fff}
.msv-cancellation-panel{margin:22px 0;padding:25px 27px;border:1px solid #c6d2cc;border-top:4px solid var(--gold);border-radius:4px;background:#fff;box-shadow:0 4px 16px rgba(20,62,49,.07)}
.msv-cancellation-panel[hidden]{display:none!important}
.msv-cancellation-panel__top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:12px;padding-bottom:14px;border-bottom:1px solid #d8e1dc}
.msv-cancellation-panel__top h3{margin:3px 0 0;color:var(--msv-deep);font-size:25px}
.msv-cancellation-panel textarea{width:100%;box-sizing:border-box;border:1px solid #aebdb6;border-radius:3px;padding:12px 13px;font:inherit;color:#26352e;background:#fff;resize:vertical;min-height:110px}
.msv-cancellation-panel textarea:focus{border-color:var(--msv);box-shadow:0 0 0 3px rgba(55,123,109,.15);outline:0}
.msv-cancellation-declaration{margin:18px 0;padding:17px 18px;border:1px solid #c5d4cd;border-left:5px solid var(--msv);background:#f4f8f6;color:#30463c}
.msv-cancellation-declaration strong{display:block;color:var(--msv-deep);margin-bottom:5px}
.msv-cancellation-declaration p{margin:0;line-height:1.55}
.msv-privacy-info--compact{padding:15px 17px;border-radius:4px}
.msv-cancellation-panel .msv-success{margin-top:8px}
@media(max-width:760px){
  .msv-cancellation-panel{margin:12px 0;padding:19px 17px}
  .msv-cancellation-panel__top{flex-direction:column;gap:6px}
  .msv-cancellation-panel__top h3{font-size:23px}
}