/* PAYMENT MOBILE LAYOUT FIX
   Fixes payment method cards text overflowing to the right on mobile.
*/
.payments{
  width:100% !important;
  max-width:100% !important;
  overflow:hidden !important;
}
.pay-option{
  width:100% !important;
  max-width:100% !important;
  min-height:auto !important;
  display:grid !important;
  grid-template-columns:42px minmax(0,1fr) !important;
  align-items:flex-start !important;
  gap:12px !important;
  overflow:hidden !important;
  padding:14px !important;
  box-sizing:border-box !important;
}
.pay-option input[type="radio"]{
  width:24px !important;
  height:24px !important;
  min-width:24px !important;
  margin:4px 0 0 0 !important;
  padding:0 !important;
  flex:0 0 auto !important;
}
.pay-option div{
  min-width:0 !important;
  width:100% !important;
  overflow:hidden !important;
}
.pay-option strong,
.pay-option span{
  display:block !important;
  max-width:100% !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  word-break:normal !important;
  line-height:1.45 !important;
}
.pay-option strong{
  font-size:16px !important;
  color:#fff !important;
  margin-bottom:4px !important;
}
.pay-option span{
  font-size:14px !important;
  color:#b9d0e9 !important;
}
@media(max-width:820px){
  .payments{
    display:grid !important;
    gap:10px !important;
  }
  .pay-option{
    border-radius:18px !important;
    padding:13px !important;
  }
  .pay-option strong{
    font-size:15.5px !important;
  }
  .pay-option span{
    font-size:13.8px !important;
  }
}