/* Make each column stretch */
.col {
    display: flex;
  }
  
  /* Card fills full column height */
  .product-card {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  
  /* Fix image height */
  .product-card .card-image img {
    height: 200px;
    width: 100%;
    object-fit: cover;
  }
  
  /* Let content grow evenly */
  .product-card .card-content {
    flex-grow: 1;
  }
  
  /* Push actions to bottom */
  .product-card .card-action {
    margin-top: auto;
  }