<turbo-stream action="append" target="products_grid"><template>
    

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/vivo-shaker-a-proteines-600-ml-12911">
          <img alt="Vivo Shaker à protéines" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6346/file/small-6230d602a4713abe4e379b1f78f54745.webp 600w, https://assets.fabulous.ch/public/variant_asset/6346/file/medium-d2150d6d85e0b39b31cd404ebd86b35f.webp 900w, https://assets.fabulous.ch/public/variant_asset/6346/file/large-04ea63cb842992d770b3c1f1adb43b29.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6346/file/medium-d2150d6d85e0b39b31cd404ebd86b35f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Vivo Life</p>
          <a href="/fr/products/vivo-shaker-a-proteines-600-ml-12911">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vivo Shaker à protéines, 600 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.55
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.43 / 100 ml
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-12911-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="q5tNtZh6iON4TvrUrAqhM4YHDiPU3PiN1ndtVDbzUWyXYOFVTww7VGjhrn6mzzVpyKBNYlGCK-PVhLXTD31Rng" />
    <input value="12911" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/vegan-d3-k2-complex-50-ml-12929">
          <img alt="Vegan D3 &amp; K2 Complex" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6349/file/small-20790248e09a3bb82404556f06678cf7.webp 600w, https://assets.fabulous.ch/public/variant_asset/6349/file/medium-7aecae0064c51edd0a85b57bd1f8bf81.webp 900w, https://assets.fabulous.ch/public/variant_asset/6349/file/large-f31ab8f35a6fa0651215412a1c072196.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6349/file/medium-7aecae0064c51edd0a85b57bd1f8bf81.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Vivo Life</p>
          <a href="/fr/products/vegan-d3-k2-complex-50-ml-12929">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan D3 &amp; K2 Complex, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 37.80 / 100 ml
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-12929-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SOLv0mKiFkaGewsEuaj0Kbm_15E3hrzAxfjAHuRGeVJ0GUMytdSl8ZbUX66zbWBz9xiU0LLYb67GCxiZ3ch5oA" />
    <input value="12929" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/vegan-liquid-b12-complex-60-ml-12928">
          <img alt="Vegan Liquid B12 Complex" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6348/file/small-f7339f61463a57f9221432bb17310d83.webp 600w, https://assets.fabulous.ch/public/variant_asset/6348/file/medium-ebec0bba781b9873d1a6a812fbaf5dc8.webp 900w, https://assets.fabulous.ch/public/variant_asset/6348/file/large-8b612acfa26d852224f0292118c73777.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6348/file/medium-ebec0bba781b9873d1a6a812fbaf5dc8.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Vivo Life</p>
          <a href="/fr/products/vegan-liquid-b12-complex-60-ml-12928">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan Liquid B12 Complex, 60 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 31.50 / 100 ml
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-12928-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4mc0NqNp2mvYHMkZSt8xGqmYxi10AUJWYjsPkohVc0renJjWdB9p3MiznbNAGqVA5z-FbPFfkThhyNcVsdtzuA" />
    <input value="12928" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/plant-based-omega-3-epa-dha-60-ml-12927">
          <img alt="Plant Based Omega-3 EPA/DHA" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6347/file/small-29baba6cd6fe15ea7a786713105e2694.webp 600w, https://assets.fabulous.ch/public/variant_asset/6347/file/medium-cf5e01b8afe7f12440d66c84202bc40a.webp 900w, https://assets.fabulous.ch/public/variant_asset/6347/file/large-3eadadacae390770aff5eec7012ff5f1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6347/file/medium-cf5e01b8afe7f12440d66c84202bc40a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Vivo Life</p>
          <a href="/fr/products/plant-based-omega-3-epa-dha-60-ml-12927">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Plant Based Omega-3 EPA/DHA, 60 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 28.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 48.17 / 100 ml
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-12927-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GkRK7hKb3GWbgcl6fkvqTlaWirUO9tzLqe0iTYe3M78mv-YOxe1v0osundB0jn4UGDHJ9IuoD6WqHvrKvjkzTQ" />
    <input value="12927" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/creatine-monohydrate-84-portions-84-portion-12899">
          <img alt="Créatine monohydrate, 84 portions" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6334/file/small-1acb7a7a19875ebf918f99d85aab134c.webp 600w, https://assets.fabulous.ch/public/variant_asset/6334/file/medium-8ac25574e438aadcbdb5248e2258a5fc.webp 900w, https://assets.fabulous.ch/public/variant_asset/6334/file/large-d098722652008af9ad123ab58991c661.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6334/file/medium-8ac25574e438aadcbdb5248e2258a5fc.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Vivo Life</p>
          <a href="/fr/products/creatine-monohydrate-84-portions-84-portion-12899">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Créatine monohydrate, 84 portions, 84 portions</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.95
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.24 / Stk.
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-12899-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2iA-RUL6OZTD9B-O_5MmKSZpxfezwTPu34A7RgxRoHbm25KllYyKI9NbSyT1VrJzaM6Gtjaf4IDcc-PBNd-ghA" />
    <input value="12899" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/capsule-vegetalienne-de-multinutriments-60-portions-60-portion-12909">
          <img alt="Végétalienne de multinutriments" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6344/file/small-018c21bf7bff609c39ca7e243fd39a4e.webp 600w, https://assets.fabulous.ch/public/variant_asset/6344/file/medium-28858abc51ea3c13ba6321b906e1f781.webp 900w, https://assets.fabulous.ch/public/variant_asset/6344/file/large-4153c6b6712e8172c13292aab8db33a0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6344/file/medium-28858abc51ea3c13ba6321b906e1f781.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Vivo Life</p>
          <a href="/fr/products/capsule-vegetalienne-de-multinutriments-60-portions-60-portion-12909">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Végétalienne de multinutriments, 60 capsules</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.42 / Stk.
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-12909-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="clivylJNOZHyScb6q6A_pSCjA2BDj3rIdMvQc-b8AQ1OowMqhTuKJuLmklChZav_bgRAIcbRqaZ3OAj033IB_w" />
    <input value="12909" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/lentilles-vertes-qualite-crudite-bio-500-g-6933">
          <img alt="Lentilles Vertes Qualité Crudité Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4012/file/small-56d6b3ed4cbd0a76b50dffb6b858f41a.webp 600w, https://assets.fabulous.ch/public/variant_asset/4012/file/medium-6f816f31756b4f39832fb93fecaedf96.webp 900w, https://assets.fabulous.ch/public/variant_asset/4012/file/large-c7d0090f9fd9895b31ef752bd6f9e4ee.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4012/file/medium-6f816f31756b4f39832fb93fecaedf96.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/fr/products/lentilles-vertes-qualite-crudite-bio-500-g-6933">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lentilles Vertes Qualité Crudité Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.15
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.23 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-6933-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Xe5ut5UfRMIdc2bT-ziALJB8cEhS88OdzScKLHqmVKdhFcJXQmn3dQ3cMnnx_RR23tszCdetEPPO1NKrQyhUVQ" />
    <input value="6933" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/pates-penne-mais-riz-sans-gluten-bio-250-g-16022">
          <img alt="Pâtes Penne Maïs Riz Sans Gluten Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7402/file/small-f39cd9be1f19c65e9db512e6372fbcf9.webp 600w, https://assets.fabulous.ch/public/variant_asset/7402/file/medium-70c3cb8ff784374252dc3211f35330f0.webp 900w, https://assets.fabulous.ch/public/variant_asset/7402/file/large-a00753dd4c6b1d9d1a6fb2e79662a52f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7402/file/medium-70c3cb8ff784374252dc3211f35330f0.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Alce Nero</p>
          <a href="/fr/products/pates-penne-mais-riz-sans-gluten-bio-250-g-16022">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pâtes Penne Maïs Riz Sans Gluten Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.44 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-16022-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="d63nmOfX2PRvARxuDOf51x8ZTJB2xjTlHPDlOZ-g4MFLVkt4MKFrQ3-uSMQGIm2NUb4P0fOY54sfAz2-pi7gMw" />
    <input value="16022" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/kookie-cat-vanille-chocolat-biscuits-sans-gluten-bio-50-g-2286">
          <img alt="KOOKIE CAT Vanille &amp; Chocolat Biscuits sans gluten Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1687/file/small-0164bf38962bb56e9a5618c2803a0c8b.webp 600w, https://assets.fabulous.ch/public/variant_asset/1687/file/medium-e71f63cb2515b2d7f97ba958b101035c.webp 900w, https://assets.fabulous.ch/public/variant_asset/1687/file/large-ba590bea38c66c27a34c27fb3d64ed06.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1687/file/medium-e71f63cb2515b2d7f97ba958b101035c.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Kookie Cat</p>
          <a href="/fr/products/kookie-cat-vanille-chocolat-biscuits-sans-gluten-bio-50-g-2286">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">KOOKIE CAT Vanille &amp; Chocolat Biscuits sans gluten Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.30
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 4.60 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-2286-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tB-mk8946mmb1rIN3T1-43SRiOQgbiYCx2o1bXZKZ12I5ApzGA5Z3ot55qfX-Oq5OjbLpaUw9WzEme3qT8Rnrw" />
    <input value="2286" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/moutarde-de-balsamique-en-tube-sans-gluten-demeter-100-ml-6718">
          <img alt="Moutarde de Balsamique en tube sans gluten Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3878/file/small-c263ac5b5d0936f06321b099f4de1ba7.webp 600w, https://assets.fabulous.ch/public/variant_asset/3878/file/medium-01a3a80c06af6082f72dbf103131c49a.webp 900w, https://assets.fabulous.ch/public/variant_asset/3878/file/large-2933e385ad1558b25a3667b540b5e02e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3878/file/medium-01a3a80c06af6082f72dbf103131c49a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturata</p>
          <a href="/fr/products/moutarde-de-balsamique-en-tube-sans-gluten-demeter-100-ml-6718">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Moutarde de Balsamique en tube sans gluten Demeter, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.20 / 100 ml
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-6718-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QtVpqZNxzKB55B4Dxoqj2wiYnCdhrOeKVrb8kDafvcl-LsVJRAd_F2lLSqnMTzeBRj_fZuTyNORVRSQXDxG9Ow" />
    <input value="6718" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/assaisonnement-liquide-sans-extrait-de-levure-bio-90-ml-1055">
          <img alt="Assaisonnement Liquide Sans Extrait De Levure Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/927/file/small-521dd1e50fd48c39e4d13770d551512e.webp 600w, https://assets.fabulous.ch/public/variant_asset/927/file/medium-34c482480f739cb0c053b63d90d9e223.webp 900w, https://assets.fabulous.ch/public/variant_asset/927/file/large-0f7f33621e3efc85851151c5205d8500.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/927/file/medium-34c482480f739cb0c053b63d90d9e223.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturata</p>
          <a href="/fr/products/assaisonnement-liquide-sans-extrait-de-levure-bio-90-ml-1055">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Assaisonnement Liquide Sans Extrait De Levure Bio, 90 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 4.00 / 100 ml
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-1055-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0tDqJGj0Toz_8CIhMrN4xb50RppSittUFQL9w2g0I5buK0bEv4L9O-9fdos4duyf8NMF29fUCDoW8SVEUbojZA" />
    <input value="1055" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/rhythm-108-chocolat-sweet-n-salty-amandes-bio-33-g-4492">
          <img alt="Rhythm 108 Chocolat Sweet &#39;N&#39; Salty Amandes Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2777/file/small-56fa8b3854b211f8d3cb1f6ff211168b.webp 600w, https://assets.fabulous.ch/public/variant_asset/2777/file/medium-8d963a30898700bbbed0eaff8dd8ac34.webp 900w, https://assets.fabulous.ch/public/variant_asset/2777/file/large-e9bd40e9487ed6b36398501f82044b91.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2777/file/medium-8d963a30898700bbbed0eaff8dd8ac34.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rhythm 108</p>
          <a href="/fr/products/rhythm-108-chocolat-sweet-n-salty-amandes-bio-33-g-4492">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rhythm 108 Chocolat Sweet &#39;N&#39; Salty Amandes Bio, 33 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.40
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 7.27 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-4492-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7rLK_J4HIbb5m6fiMUUiJnNGubjofKoNxpA-5W3lCyPSSWYcSXGSAek080g7gLZ8PeH6-W0ieWPFY-ZiVGsL0Q" />
    <input value="4492" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/rhythm-108-chocolat-noisettes-praline-sans-gluten-bio-33-g-4490">
          <img alt="Rhythm 108 Chocolat Noisettes Praliné Sans Gluten Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2773/file/small-8d009f6049f13ff797fd30edd23e45ff.webp 600w, https://assets.fabulous.ch/public/variant_asset/2773/file/medium-a414dd36cfb8abc468023df30dc6d4bc.webp 900w, https://assets.fabulous.ch/public/variant_asset/2773/file/large-db86c6e53ec06c8d43f790c5e9aacd70.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2773/file/medium-a414dd36cfb8abc468023df30dc6d4bc.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rhythm 108</p>
          <a href="/fr/products/rhythm-108-chocolat-noisettes-praline-sans-gluten-bio-33-g-4490">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rhythm 108 Chocolat Noisettes Praliné Sans Gluten Bio, 33 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.30
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 6.97 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-4490-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="O3K9cSs9oGK2zUe6erKYc14UX5RqclIshievrmuHvY4HiRGR_EsT1aZiExBwdwwpELMc1e8sgUKF1HcpUgm9fA" />
    <input value="4490" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/melange-de-noix-grillees-au-sel-de-mer-bio-100-g-10345">
          <img alt="Mélange de noix grillées au sel de mer Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5558/file/small-310687a6d7388fcb0c8038123c48be48.webp 600w, https://assets.fabulous.ch/public/variant_asset/5558/file/medium-ad08acb54c1d9252d45f09cde01bec18.webp 900w, https://assets.fabulous.ch/public/variant_asset/5558/file/large-117dd0ee8d8c8013b18e7fa072daae01.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5558/file/medium-ad08acb54c1d9252d45f09cde01bec18.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Pakka</p>
          <a href="/fr/products/melange-de-noix-grillees-au-sel-de-mer-bio-100-g-10345">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mélange de noix grillées au sel de mer Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.15
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 5.15 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-10345-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hhlHlMHaAF5z2_ZyzHLsDnYKU25wkZb3KK8KumRD2IG64ut0Fqyz6WN0otjGt3hUOK0QL_XPRZkrXNI9Xc3Ycw" />
    <input value="10345" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/kookie-cat-chia-lemon-biscuits-sans-gluten-bio-50-g-2285">
          <img alt="KOOKIE CAT Chia Lemon Biscuits sans gluten Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1686/file/small-bcb254ec950152618ccb6503a7e50f02.webp 600w, https://assets.fabulous.ch/public/variant_asset/1686/file/medium-cf6466ca35429b4a8ec5695ab407efb8.webp 900w, https://assets.fabulous.ch/public/variant_asset/1686/file/large-a1a68aff2e0707e7b010c012fbf937d5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1686/file/medium-cf6466ca35429b4a8ec5695ab407efb8.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Kookie Cat</p>
          <a href="/fr/products/kookie-cat-chia-lemon-biscuits-sans-gluten-bio-50-g-2285">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">KOOKIE CAT Chia Lemon Biscuits sans gluten Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.20
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 4.40 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-2285-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ifHv6Hp-CBXsFNoHNc_XOrqgV3gsxBolKvhax8pdZLK1CkMIrQi7ovy7jq0_CkNg9AcUOamayUspC4JA89NkQA" />
    <input value="2285" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/graisse-de-coco-bio-200-ml-1664">
          <img alt="Graisse de Coco Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8717/file/small-d07acfd56ad2b0576942cdf4da947032.webp 600w, https://assets.fabulous.ch/public/variant_asset/8717/file/medium-d590d4ba7a9a4f52c381c7628ec2b5ce.webp 900w, https://assets.fabulous.ch/public/variant_asset/8717/file/large-e0171b6037710614a18795cc07b42a69.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8717/file/medium-d590d4ba7a9a4f52c381c7628ec2b5ce.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Dr. Goerg</p>
          <a href="/fr/products/graisse-de-coco-bio-200-ml-1664">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Graisse de Coco Bio, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.45
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.23 / 100 ml
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-1664-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TvUiMcZa188hF8E05-KOm1HVKXfkwezxTuBfqvmiQMByDo7RESxkeDG4lZ7tJxrBH3JqNmGfP59NE4ctwCxAMg" />
    <input value="1664" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/bouillon-vegetal-en-bocal-sans-levure-et-sans-gluten-bio-200-g-2327">
          <img alt="Bouillon végétal en bocal sans levure et sans gluten Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1695/file/small-d3b2480421bd53d16b318df29e6bc15a.webp 600w, https://assets.fabulous.ch/public/variant_asset/1695/file/medium-efabd563cea8e73f3e54b2b61b5bce46.webp 900w, https://assets.fabulous.ch/public/variant_asset/1695/file/large-79bbd9a4674a74a7e7a71005b4e52c2d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1695/file/medium-efabd563cea8e73f3e54b2b61b5bce46.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturata</p>
          <a href="/fr/products/bouillon-vegetal-en-bocal-sans-levure-et-sans-gluten-bio-200-g-2327">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bouillon végétal en bocal sans levure et sans gluten Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.48 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-2327-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="o3j44Q9vvpGPyM8AC6NC06NPd-M6U3o3yI6lN5QTTrefg1QB2BkNJp9nm6oBZtaJ7eg0or8NqVnLfX2wrZ1ORQ" />
    <input value="2327" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/tomates-semi-sechees-pomodori-semisecchi-bio-180-g-4009">
          <img alt="Tomates Semi-Séchées Pomodori Semisecchi Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2543/file/small-b8359d4a635d2d1d013519e7c7f20117.webp 600w, https://assets.fabulous.ch/public/variant_asset/2543/file/medium-57ffddaf6e83912412af0d7a87b7fea4.webp 900w, https://assets.fabulous.ch/public/variant_asset/2543/file/large-f28e3a5afc7baa7ccad4800cd4ebe882.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2543/file/medium-57ffddaf6e83912412af0d7a87b7fea4.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">LaSelva</p>
          <a href="/fr/products/tomates-semi-sechees-pomodori-semisecchi-bio-180-g-4009">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tomates Semi-Séchées Pomodori Semisecchi Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.44 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-4009-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Rr5K4CfnSXYNc5x5Gp7_HtPx8HGAMN6tbeSspBPTJAB6ReYA8JH6wR3cyNMQW2tEnVazMAVuDcNuF3QjKl0k8g" />
    <input value="4009" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/pleurotes-de-suisse-sechees-bio-20-g-14753">
          <img alt="Pleurotes de Suisse séchées Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6793/file/small-72be043a8c619c49c565be20d9cbed45.webp 600w, https://assets.fabulous.ch/public/variant_asset/6793/file/medium-b9390b9d5b1d3b18867ab62f011b25df.webp 900w, https://assets.fabulous.ch/public/variant_asset/6793/file/large-b1b38ad2421d8f2c144af81eed8bae67.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6793/file/medium-b9390b9d5b1d3b18867ab62f011b25df.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biofarm</p>
          <a href="/fr/products/pleurotes-de-suisse-sechees-bio-20-g-14753">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pleurotes de Suisse séchées Bio, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.40
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 32.00 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-14753-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0dFCPtRIZAjBNdDLe2c5nGNtAW1vZ9KoBInfBJxmlOvtKu7eAz7Xv9GahGFxoq3GLcpCLOo5AcYHegeDpeiUGQ" />
    <input value="14753" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/farine-de-sarrasin-sans-gluten-bio-500-g-768">
          <img alt="Farine de sarrasin sans gluten Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/718/file/small-7aa99cd6cec1b0d0d52de5706a5aa085.webp 600w, https://assets.fabulous.ch/public/variant_asset/718/file/medium-07f4aa213c038f9690a783c4b58e64cf.webp 900w, https://assets.fabulous.ch/public/variant_asset/718/file/large-64b8555f174487a2dedc4dbe98589810.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/718/file/medium-07f4aa213c038f9690a783c4b58e64cf.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauckhof</p>
          <a href="/fr/products/farine-de-sarrasin-sans-gluten-bio-500-g-768">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Farine de sarrasin sans gluten Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.10 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-768-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KFGtG4_uJbTrto0dIHFgRXNmhAnJ3MRSjcISLcG3aZwUqgH7WJiWA_sZ2bcqtPQfPcHHSEyCFzyOMcqq-Dlpbg" />
    <input value="768" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>



</template></turbo-stream>
<turbo-stream action="replace" target="infinite_scroll_sentinel"><template>
  <div id="infinite_scroll_sentinel" class="w-full py-8">
  <div class="flex flex-col items-center gap-3">
    <p class="text-sm text-gray-500">
      1&#39;040 sur 3&#39;211 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/celiane?format=turbo_stream&amp;page=53">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>