.product_list_widget {
  display: flex;
  flex-wrap: wrap;
  gap: 20px; /* optional spacing */
  list-style: none;
  padding: 0;
}

.product_list_widget li {
  flex: 0 0 calc(33.333% - 20px); /* 3 per row */
  box-sizing: border-box;
}

@media (max-width: 768px) {
  .product_list_widget li {
    flex: 0 0 calc(50% - 20px); /* 2 per row on tablets */
  }
}

@media (max-width: 480px) {
  .product_list_widget li {
    flex: 0 0 100%; /* 1 per row on phones */
  }
}