/* Vchat 0.50.5-alpha — Billing Plans Layout Fix */

/* El contenedor real de planes NO debe ser grid, porque dentro vive el shell con su propio grid. */
.vchat-billing-center #vchat-billing-plans,
.vchat-billing-center .vchat-billing-plans{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin-top:24px!important;
  overflow:visible!important;
}
.vchat-billing-center #vchat-billing-plans > .vchat-billing-plan-shell{
  width:100%!important;
  min-width:0!important;
}
.vchat-billing-center .vchat-billing-plan-grid{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(220px,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
}
.vchat-billing-center .vchat-billing-plan-card{
  min-width:0!important;
  width:auto!important;
  max-width:none!important;
  overflow:hidden!important;
  min-height:390px!important;
}
.vchat-billing-center .vchat-billing-plan-card header{
  min-width:0!important;
}
.vchat-billing-center .vchat-billing-plan-card header strong,
.vchat-billing-center .vchat-billing-plan-description,
.vchat-billing-center .vchat-billing-plan-card li,
.vchat-billing-center .vchat-billing-plan-note{
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.vchat-billing-center .vchat-billing-plan-pricebox{
  flex-wrap:wrap!important;
}
.vchat-billing-center .vchat-billing-plan-pricebox b{
  font-size:clamp(25px,2.1vw,32px)!important;
}
.vchat-billing-center .vchat-billing-plan-section-head{
  margin-bottom:2px!important;
}
.vchat-billing-center .vchat-billing-plan-section-head h2{
  max-width:680px!important;
  font-size:clamp(22px,2vw,28px)!important;
}
.vchat-billing-center .vchat-billing-plan-section-head p{
  max-width:620px!important;
}

/* En escritorio mediano se vuelve 2x2, no columnas ultradelgadas. */
@media (max-width:1400px){
  .vchat-billing-center .vchat-billing-plan-grid{
    grid-template-columns:repeat(2,minmax(280px,1fr))!important;
  }
  .vchat-billing-center .vchat-billing-plan-card{
    min-height:360px!important;
  }
}
@media (max-width:860px){
  .vchat-billing-center .vchat-billing-plan-grid{
    grid-template-columns:1fr!important;
  }
  .vchat-billing-center .vchat-billing-plan-card{
    min-height:auto!important;
  }
}