@media (min-width: 761px) {
  .checkout .plans.screen-plans {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 18px !important;
  }

  .checkout .plans.screen-plans .plan,
  .checkout .plans.screen-plans .plan.expanded {
    display: flex !important;
    grid-column: auto !important;
    grid-row: auto !important;
    flex-direction: column !important;
    width: auto !important;
    min-width: 0 !important;
  }

  .checkout .plans.screen-plans .plan-details,
  .checkout .plans.screen-plans .plan.expanded .plan-details {
    display: flex !important;
    flex: 1 !important;
    flex-direction: column !important;
    max-height: none !important;
    opacity: 1 !important;
  }

}