/* Mobile-only clean layout for the waiting bank card on order pages. */
@media(max-width:760px){
  body #mtctr-payment-panel.mtctr-panel--waiting .mtctr-bank-card[hidden]{
    display:none!important;
  }

  body #mtctr-payment-panel.mtctr-panel--waiting .mtctr-bank-card{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:108px 14px 18px!important;
    overflow:hidden!important;
    direction:rtl!important;
  }

  body #mtctr-payment-panel.mtctr-panel--waiting .mtctr-bank-card__head{
    display:block!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
  }

  body #mtctr-payment-panel.mtctr-panel--waiting .mtctr-bank-card__holder,
  body #mtctr-payment-panel.mtctr-panel--waiting .mtctr-bank-card__amount-inline,
  body #mtctr-payment-panel.mtctr-panel--waiting .mtctr-bank-card__row{
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 66px!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:44px!important;
    margin:0 0 8px!important;
    padding:0!important;
    border:0!important;
    transform:none!important;
    direction:rtl!important;
  }

  body #mtctr-payment-panel.mtctr-panel--waiting .mtctr-bank-card__row:not(.mtctr-bank-card__row--number){
    border-top:1px solid rgba(255,255,255,.10)!important;
    padding-top:10px!important;
    margin-top:2px!important;
  }

  body #mtctr-payment-panel.mtctr-panel--waiting .mtctr-bank-card__row--account{
    display:none!important;
  }

  body #mtctr-payment-panel.mtctr-panel--waiting .mtctr-bank-card__holder::before{
    content:""!important;
    grid-column:2!important;
    grid-row:1!important;
    display:block!important;
    width:66px!important;
    height:1px!important;
  }

  body #mtctr-payment-panel.mtctr-panel--waiting .mtctr-bank-card__holder,
  body #mtctr-payment-panel.mtctr-panel--waiting .mtctr-bank-card__field,
  body #mtctr-payment-panel.mtctr-panel--waiting .mtctr-bank-card__field--amount,
  body #mtctr-payment-panel.mtctr-panel--waiting .mtctr-bank-card__row .mtctr-bank-card__field{
    min-width:0!important;
  }

  body #mtctr-payment-panel.mtctr-panel--waiting .mtctr-bank-card__field,
  body #mtctr-payment-panel.mtctr-panel--waiting .mtctr-bank-card__field--amount,
  body #mtctr-payment-panel.mtctr-panel--waiting .mtctr-bank-card__row .mtctr-bank-card__field{
    grid-column:1!important;
    grid-row:1!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    align-content:center!important;
    justify-items:end!important;
    gap:3px!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    direction:rtl!important;
    text-align:right!important;
  }

  body #mtctr-payment-panel.mtctr-panel--waiting .mtctr-bank-card__holder span,
  body #mtctr-payment-panel.mtctr-panel--waiting .mtctr-bank-card__holder b{
    grid-column:1!important;
    grid-row:auto!important;
  }

  body #mtctr-payment-panel.mtctr-panel--waiting .mtctr-bank-card__holder span,
  body #mtctr-payment-panel.mtctr-panel--waiting .mtctr-bank-card__field span,
  body #mtctr-payment-panel.mtctr-panel--waiting .mtctr-bank-card__field--amount span{
    grid-column:1!important;
    grid-row:1!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    color:rgba(255,255,255,.68)!important;
    font-size:10px!important;
    font-weight:850!important;
    line-height:1.35!important;
    text-align:right!important;
    white-space:nowrap!important;
    direction:rtl!important;
    transform:none!important;
  }

  body #mtctr-payment-panel.mtctr-panel--waiting .mtctr-bank-card__holder b,
  body #mtctr-payment-panel.mtctr-panel--waiting .mtctr-bank-card__field b,
  body #mtctr-payment-panel.mtctr-panel--waiting .mtctr-bank-card__field--amount b{
    grid-column:1!important;
    grid-row:2!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    color:#fff!important;
    font-weight:900!important;
    line-height:1.3!important;
    text-align:right!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
    transform:none!important;
  }

  body #mtctr-payment-panel.mtctr-panel--waiting .mtctr-bank-card__holder b{
    font-size:14px!important;
    direction:rtl!important;
  }

  body #mtctr-payment-panel.mtctr-panel--waiting .mtctr-bank-card__field--amount b,
  body #mtctr-payment-panel.mtctr-panel--waiting .mtctr-bank-card__amount-inline .woocommerce-Price-amount,
  body #mtctr-payment-panel.mtctr-panel--waiting .mtctr-bank-card__amount-inline .woocommerce-Price-currencySymbol{
    color:#e8be51!important;
    font-size:14px!important;
    direction:rtl!important;
    text-align:right!important;
  }

  body #mtctr-payment-panel.mtctr-panel--waiting .mtctr-bank-card__row--number .mtctr-bank-card__field b{
    font-size:clamp(15px,4.2vw,18px)!important;
    letter-spacing:0!important;
    direction:ltr!important;
    unicode-bidi:isolate!important;
    text-align:right!important;
  }

  body #mtctr-payment-panel.mtctr-panel--waiting .mtctr-bank-card__row:not(.mtctr-bank-card__row--number) .mtctr-bank-card__field b{
    font-size:clamp(11px,3.15vw,13px)!important;
    direction:ltr!important;
    unicode-bidi:isolate!important;
    text-align:right!important;
  }

  body #mtctr-payment-panel.mtctr-panel--waiting .mtctr-bank-card__actions,
  body #mtctr-payment-panel.mtctr-panel--waiting .mtctr-bank-card__actions--amount{
    grid-column:2!important;
    grid-row:1!important;
    display:grid!important;
    grid-template-columns:30px 30px!important;
    align-items:center!important;
    justify-content:start!important;
    gap:6px!important;
    width:66px!important;
    min-width:66px!important;
    max-width:66px!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    direction:ltr!important;
  }

  body #mtctr-payment-panel.mtctr-panel--waiting .mtctr-copy--small{
    display:inline-grid!important;
    place-items:center!important;
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    min-height:30px!important;
    margin:0!important;
    padding:0!important;
    border-radius:10px!important;
    font-size:0!important;
    line-height:0!important;
    overflow:hidden!important;
    white-space:nowrap!important;
  }

  body #mtctr-payment-panel.mtctr-panel--waiting .mtctr-copy--small svg{
    display:block!important;
    width:15px!important;
    height:15px!important;
    margin:0!important;
    flex:0 0 auto!important;
  }

}