.modal-open{overflow:hidden}

#bankModalOverlay{
  position:fixed;inset:0;width:100%;height:100%;max-height:100dvh;
  overflow:hidden;pointer-events:none;
  visibility:hidden;opacity:0;z-index:10100;
  transition:opacity .25s ease,visibility 0s linear .25s;
}
#bankModalOverlay.bm-open{
  visibility:visible;opacity:1;pointer-events:auto;
  transition:opacity .25s ease,visibility 0s linear 0s;
}
#bankModalCard{
  transform:translateY(100%);
  transition:transform .38s cubic-bezier(.32,.72,0,1);
}
#bankModalOverlay.bm-open #bankModalCard{transform:translateY(0)}
@media(min-width:640px){
  #bankModalCard{transform:scale(.94);opacity:0;transition:transform .22s ease,opacity .18s ease}
  #bankModalOverlay.bm-open #bankModalCard{transform:scale(1);opacity:1}
}

.bank-tile{
  transition:border-color .15s,box-shadow .15s,transform .1s;
  cursor:pointer;min-height:0;padding:10px 8px 8px;
  background:#fff;border:1px solid #e2e8f0!important;border-radius:16px;
  width:100%;display:flex!important;flex-direction:column;align-items:stretch;
}
.bank-tile:hover{border-color:#fecdd3!important;box-shadow:0 4px 14px rgba(15,23,42,.06)}
.bank-tile:active{transform:scale(.98)}
.bank-tile.bm-active{
  border-color:#f43f5e!important;background:#fff!important;
  box-shadow:0 0 0 2px rgba(244,63,94,.25),0 6px 18px rgba(244,63,94,.12)!important;
}
.bank-label{transition:color .15s;font-size:11px!important;line-height:1.25;text-align:center;color:#475569;padding:0 2px}
.bank-label.bm-active{color:#be123c;font-weight:600}
.bank-logo-pad{
  width:100%;height:52px;display:flex;align-items:center;justify-content:center;
  padding:8px 10px;background:#f8fafc;border-radius:12px;border:1px solid #f1f5f9;
}
.bank-logo-img{max-width:100%;max-height:36px;width:auto;height:auto;object-fit:contain;display:block;margin:0 auto}
.bank-logo-img--wide{max-height:28px;max-width:94%}
.bank-logo-pad--bks{
  height:52px;padding:0;
  display:block!important;
  box-sizing:border-box;
  background-repeat:no-repeat!important;
  background-position:center center!important;
  background-size:88% auto!important;
}
.bank-logo-pad--bks img{display:none!important}
.bank-logo-img--bks{
  max-height:34px;max-width:100%;width:auto;height:auto;min-width:0;
  margin:0 auto;display:block;
  object-fit:contain;object-position:center center;
}
.bank-logo-img--sparkasse{max-height:48px;max-width:95%;transform:scale(1.08);margin:0 auto}
.bank-logo-pad--sparkasse{height:56px;padding:4px 8px}
.bank-logo-pad--nlb{padding:0 6px;overflow:hidden}
.bank-logo-img--nlb{height:34px;max-width:130px;object-fit:cover;object-position:20% center;margin:0}
.bank-logo-pad--gorenjska{background:#0a0a0a;border-color:#1a1a1a;height:52px;padding:6px 8px}
.bank-logo-img--gorenjska{max-height:24px;max-width:96%;margin:0}
.bank-logo-img--delavska{max-height:30px;max-width:96%}
.logo-fallback{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:15px}

.bm-scroll-fade{position:sticky;bottom:0;left:0;right:0;height:72px;background:linear-gradient(to top,white 35%,transparent);pointer-events:none;display:none;align-items:flex-end;justify-content:center;padding-bottom:8px}
.bm-scroll-fade.visible{display:flex}
@keyframes bm-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}
.bm-bounce{animation:bm-bounce 1.4s ease-in-out infinite}

.bm-grid-wrap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media(min-width:640px){.bm-grid-wrap{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}
.bm-bank-item{display:flex;flex-direction:column;align-items:stretch;gap:6px}

.bm-card-btn{
  margin-top:12px;width:100%;border-radius:16px;border:1px dashed #cbd5e1;background:#fff;
  padding:14px;display:flex;align-items:center;gap:12px;text-align:left;cursor:pointer;transition:.15s;
}
.bm-card-btn:hover{border-color:#fda4af;background:#fff1f2}
.bm-card-btn.bm-active{border-color:#f43f5e;background:#fff1f2;box-shadow:0 0 0 2px rgba(244,63,94,.2)}

.bm-overlay-root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased}