/* V25: Payment layout only — QR images and other website sections are untouched. */
#payment .account-list{
  grid-auto-rows:1fr;
  align-items:stretch;
}
#payment .account-card{
  min-height:154px;
  height:100%;
  display:grid;
  grid-template-rows:auto auto 1fr;
  align-content:start;
  padding:18px 19px;
}
#payment .account-head{
  min-height:38px;
  margin-bottom:14px;
}
#payment .account-number{
  margin:0 0 8px;
  min-width:0;
  white-space:nowrap;
  word-break:normal;
  overflow-wrap:normal;
  font-size:clamp(.88rem,1.55vw,1.08rem);
  line-height:1.3;
}
#payment .account-owner{
  align-self:end;
  padding-top:2px;
}
#payment .qris-limit{
  padding:15px 16px;
  gap:11px;
  line-height:1.65;
}
#payment .qris-limit strong{
  color:#ffe0ae;
}

/* When a bank/e-wallet is selected, hide the unused QR overview and use one balanced payment card. */
#checkoutPaymentBoxV18.qris-hidden-v18{
  display:block!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  overflow:visible!important;
}
#checkoutPaymentBoxV18.qris-hidden-v18 > .checkout-qris,
#checkoutPaymentBoxV18.qris-hidden-v18 > div:nth-child(2){
  display:none!important;
}
#checkoutPaymentBoxV18.qris-hidden-v18 #selectedPaymentDetailsV18.show{
  width:100%;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  min-height:112px;
  padding:18px;
  border:1px solid rgba(65,232,255,.18);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(65,232,255,.055),rgba(139,92,246,.045));
  box-shadow:0 16px 34px rgba(0,0,0,.16);
}
#selectedPaymentDetailsV18 .selected-payment-main-v24{
  width:100%;
  min-width:0;
  display:grid;
  grid-template-columns:52px minmax(0,1fr);
  align-items:center;
  gap:14px;
}
#selectedPaymentDetailsV18 .selected-payment-logo-v24{
  width:52px;
  height:52px;
  flex-basis:52px;
  border-radius:14px;
  padding:5px;
}
#selectedPaymentDetailsV18 .selected-payment-main-v24 > div{
  min-width:0;
}
#selectedPaymentDetailsV18 #selectedPaymentLabelV18{
  margin:0 0 4px;
  color:#aeb0c3;
  font-size:.74rem;
  line-height:1.3;
}
#selectedPaymentDetailsV18 #selectedPaymentNumberV18{
  margin:0 0 5px;
  color:#fff;
  font-family:"Orbitron",sans-serif;
  font-size:clamp(1rem,2.4vw,1.28rem);
  line-height:1.25;
  letter-spacing:.025em;
  white-space:nowrap;
  word-break:normal;
  overflow-wrap:normal;
}
#selectedPaymentDetailsV18 #selectedPaymentOwnerV18{
  color:#9fa2b7;
  font-size:.72rem;
  line-height:1.45;
}
#selectedPaymentDetailsV18 #copyPaymentNumberV18{
  width:138px;
  min-width:138px;
  min-height:52px;
  padding:11px 14px;
  border-radius:14px;
  white-space:normal;
  line-height:1.25;
}

@media(max-width:760px){
  #payment .account-list{grid-template-columns:1fr;}
  #payment .account-card{min-height:138px;}
  #checkoutPaymentBoxV18.qris-hidden-v18 #selectedPaymentDetailsV18.show{
    grid-template-columns:1fr;
    gap:14px;
    padding:16px;
  }
  #selectedPaymentDetailsV18 #copyPaymentNumberV18{
    width:100%;
    min-width:0;
  }
}

@media(max-width:420px){
  #selectedPaymentDetailsV18 .selected-payment-main-v24{
    grid-template-columns:44px minmax(0,1fr);
    gap:11px;
  }
  #selectedPaymentDetailsV18 .selected-payment-logo-v24{
    width:44px;
    height:44px;
    flex-basis:44px;
  }
  #selectedPaymentDetailsV18 #selectedPaymentNumberV18{
    font-size:.96rem;
  }
}