.show-view-all--button {
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .show-view-all--button {
    margin-top: 60px;
  }
}
@media (max-width: 767px) {
  .show-all-mobile .grid__item {
    flex: 1 1 auto; /* Allow items to scale */
    max-width: 100%; /* Ensure items don't exceed the container width */
  }

  .show-all-mobile .grid__item .product-title {
    font-size: 0.9em; /* Adjust font size for mobile */
  }

  .show-all-mobile .grid__item .product-price {
    font-size: 0.8em; /* Adjust font size for mobile */
  }
}