/* ===== 1. Let long product titles wrap fully (and keep the slightly smaller size so they don't crowd the price) ===== */
.sa-product-card-title {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: unset !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  font-size: 0.95rem !important;
  line-height: 1.25 !important;
}

/* ===== 2. Showcase card header: vertically center the price against the title so it settles lower when the title wraps to 2 lines ===== */
.sa-product-card--showcase .flex.items-start.justify-between.gap-3.mb-2 {
  align-items: center !important;
}