/* === Equal height & aligned buttons for pure_comparison === */

#order-pure_comparison .price-table-container > ul {
  display: flex;
  flex-wrap: wrap;              /* allows stacking on mobile */
  align-items: stretch;
}

#order-pure_comparison .price-table-container > ul > li {
  display: flex;
  flex: 1 1 250px;              /* keeps responsive scaling */
  float: none;
  width: auto;
  margin: 0 10px 20px;
}

#order-pure_comparison .price-table {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* make the header fixed height for perfect top alignment */
#order-pure_comparison .price-table .top-head {
  flex: 0 0 auto;
  min-height: 80px;
}

/* main feature list expands to fill available space */
#order-pure_comparison .price-table > ul {
  flex: 1 1 auto;
  padding: 0 18px;
  margin: 0;
}

/* lock the price + order button to the bottom */
#order-pure_comparison .price-table .price-area {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 120px;
}

/* make sure it looks good on mobile */
@media (max-width: 768px) {
  #order-pure_comparison .price-table-container > ul {
    flex-direction: column;
  }
  #order-pure_comparison .price-table-container > ul > li {
    margin: 0 0 20px;
  }
}