/* Keep every Bento card inside the grid area assigned to it. */
.bento-wall .product-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  overflow: hidden;
}

.bento-wall .product-pic {
  flex: 1 1 auto;
  min-height: 0;
  aspect-ratio: auto;
}

.bento-wall .product-card b {
  flex: none;
  line-height: 20px;
}

.bento-wall .product-card small,
.bento-wall .product-card strong {
  flex: none;
}

@media (max-width: 850px) {
  .bento-wall .product-card b {
    height: 20px;
    margin-top: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .bento-wall .product-card small { display: none; }
  .bento-wall .product-card strong { margin-top: 4px; font-size: 16px; }
}