/* Shared bank details: a bounded card, with only its contents scrolling. */
#bankDetailsModal {
  box-sizing:border-box;
  padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));
}
#bankDetailsModal > .bank-modal {
  position:relative!important;
  inset:auto!important;
  box-sizing:border-box;
  width:min(100%,480px)!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  max-height:min(82dvh,680px)!important;
  margin:0!important;
  padding:18px!important;
  overflow:hidden!important;
  touch-action:pan-y!important;
  display:flex;
  flex-direction:column;
  border-radius:22px;
}
#bankDetailsModal #bankModalTitle {
  flex:0 0 auto;
  margin:0 0 12px;
  font-size:1.2rem;
  line-height:1.35;
}
#bankDetailsModal #bankModalBody {
  flex:1 1 auto;
  min-height:0;
  height:auto!important;
  max-height:none!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-y!important;
  padding:0 3px 12px!important;
}
#bankDetailsModal #bankModalClose {
  position:relative!important;
  flex:0 0 auto;
  width:100%;
  min-height:44px;
  margin:12px 0 0;
  z-index:2;
}
#bankDetailsModal .bank-row {padding:9px 0}
#bankDetailsModal .bank-row strong {font-size:1rem;overflow-wrap:anywhere}
/* Finabank uses the site's other shared dialog. Scope this to payment only. */
#modal.show:has(.fina-pay-sheet) {
  display:flex!important;
  align-items:center!important;
  padding:max(12px, env(safe-area-inset-top)) 12px max(12px, env(safe-area-inset-bottom))!important;
  overflow:hidden!important;
}
#modal:has(.fina-pay-sheet) > .modalbox {
  position:relative!important;
  inset:auto!important;
  box-sizing:border-box;
  width:min(100%,480px)!important;
  min-height:0!important;
  height:auto!important;
  max-height:min(82dvh,680px)!important;
  padding:16px!important;
  margin:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  touch-action:pan-y!important;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  border-radius:22px;
}
#modal:has(.fina-pay-sheet) .close {
  position:sticky!important;
  top:0!important;
  z-index:30!important;
  background:#171b32;
}
@supports not (height:100dvh) {
  #bankDetailsModal > .bank-modal,
  #modal:has(.fina-pay-sheet) > .modalbox {max-height:min(82vh,680px)!important}
}