.all-products-container {
  width: 100%;
}

.all-products-container .products-container {
  display: flex;
  flex-wrap: wrap;
  gap: max(16px, 1.25vw);
}

.all-products-container .shared-product-item {
  width: calc(100% / 3 - max(0.834vw, 10.7px));
}

@media (max-width: 768px) {
  .all-products-container .products-container {
    justify-content: center;
  }

  .all-products-container .shared-product-item {
    width: min(100%, 400px);
  }
}