/* Bencefalo v51 — payment method selector */

.payment-methods{
  margin-top:20px;
  padding-top:18px;
  border-top:1px solid rgba(164,126,255,.10);
}

.payment-method-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:9px;
}

.payment-method{
  min-height:92px!important;
  padding:15px 16px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:5px!important;
  border:1px solid rgba(164,126,255,.16)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.018)!important;
  color:#f1edf7!important;
  text-align:left!important;
  transition:border-color .16s ease,background .16s ease,transform .16s ease!important;
}

.payment-method:hover{
  border-color:rgba(188,132,255,.34)!important;
  background:rgba(123,58,237,.055)!important;
  transform:translateY(-1px);
}

.payment-method.is-selected{
  border-color:rgba(188,132,255,.64)!important;
  background:linear-gradient(145deg,rgba(123,58,237,.14),rgba(255,255,255,.018))!important;
  box-shadow:inset 3px 0 0 rgba(168,85,247,.70)!important;
}

.payment-method strong{
  display:block;
  font-size:13px!important;
  line-height:1.2!important;
  color:#f7f3fb!important;
}

.payment-method span{
  display:block;
  font-size:10px!important;
  line-height:1.45!important;
  color:#8e8799!important;
  font-weight:450!important;
  text-transform:none!important;
  letter-spacing:0!important;
}

@media(max-width:620px){
  .payment-method-grid{
    grid-template-columns:1fr;
  }
  .payment-method{
    min-height:76px!important;
  }
}