/* v55: leave a clear next-card preview without clipping plan content. */
@media (max-width: 599px) {
  .km-root #km-plans {
    margin-top: 19.167px !important;
  }

  .km-root #km-plans .km-payment-grid {
    gap: 12px;
    padding-right: 42px;
  }

  .km-root #km-plans .km-payment-grid > .km-payment-card {
    flex-basis: 100%;
  }

  .km-root #km-plans .km-payment-body {
    padding-left: 10px;
    padding-right: 10px;
  }

  .km-root #km-plans .km-payment-row dd strong {
    font-size: 28px !important;
  }

  .km-root #km-plans .km-payment-band {
    font-size: 11px !important;
    line-height: 1.5;
    white-space: nowrap;
  }
}

@media (min-width: 360px) and (max-width: 599px) {
  .km-root #km-plans .km-payment-grid {
    padding-right: 64px;
  }
}

@media (min-width: 375px) and (max-width: 599px) {
  .km-root #km-plans .km-payment-grid {
    padding-right: 80px;
  }
}