/* responsive.css */

/* Default style (for larger screens) */
.product-name {
  white-space: nowrap; /* Ensure the text does not wrap by default */
}

/* Style for smaller screens (e.g., for screens smaller than 767px) */
@media (max-width: 767px) {
  .product-name {
    white-space: normal; /* Allow line breaks in the product name */
  }
}