.home-product-blok .products {
  /* 1. Bepaal maximale breedte en centreer */
  max-width: 1200px;        /* (bijv. 1200px, pas aan naar wens) */
  margin: 40px auto;        /* 40px ruimte boven/onder, auto centreert horizontaal */

  /* 2. Zorg voor binnenruimte rondom de producten (tussen rand en content) */
  padding: 20px !important;            /* of meer/minder naar smaak */

  /* 3. Geef je rand en ronding */
  border: 2px solid pink;
  border-radius: 8px;

  /* 4. Box-sizing zodat padding/border netjes geteld worden */
  box-sizing: border-box;

  /* 5. Flexbox of niet – afhankelijk van hoe je de producten wilt positioneren */
  display: flex;
  flex-wrap: wrap;
  justify-content: center;   /* horizontaal in het midden */
  align-items: flex-start;
}

.home-product-blok .products li.product {
  /* Overschrijf de default float van WooCommerce */
  float: none !important;
  /* Zet marge tussen individuele producten als ze naast elkaar staan */
  margin: 10px;
}
.home-product-blok .add_to_cart_button {
  display: none !important;
}