/* v1.0.9 — payment cards modal must sit above the fixed bottom navigation */
#paymentCardsHub{
  z-index:12050!important;
  align-items:stretch;
  justify-content:center;
}

#paymentCardsHub .payment-cards-modal-v107{
  position:relative;
  z-index:1;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-gutter:stable;
  padding-bottom:calc(34px + env(safe-area-inset-bottom));
}

/* Keep the close control reachable while a long card list is being scrolled. */
#paymentCardsHub .modal-head{
  position:sticky;
  top:-14px;
  z-index:8;
  padding:14px 0 9px;
  background:inherit;
}

@media(max-width:520px){
  #paymentCardsHub{
    background:#091522;
  }

  #paymentCardsHub .payment-cards-modal-v107{
    width:100vw!important;
    height:100dvh!important;
    max-height:100dvh!important;
    margin:0!important;
    border-radius:0!important;
    border-left:0!important;
    border-right:0!important;
    padding-bottom:calc(44px + env(safe-area-inset-bottom))!important;
  }

  #paymentCardsHub .payment-card-v107:last-child,
  #paymentCardsHub #paymentCardsListV107>*:last-child{
    margin-bottom:18px!important;
  }
}

html[data-theme="light"] #paymentCardsHub{
  background:rgba(244,249,252,.99);
}