<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/riz-risotto-arborio-blanc-bio-500-g-2836">
          <img alt="Riz Risotto Arborio Blanc Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2003/file/small-956c463d3a609b1a2592359ace86d1af.webp 600w, https://assets.fabulous.ch/public/variant_asset/2003/file/medium-e8e50035f9470d10722f47d5a4fd68ec.webp 900w, https://assets.fabulous.ch/public/variant_asset/2003/file/large-9d6b9fddf3f66ff3ee5a9e6ab46e4d24.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2003/file/medium-e8e50035f9470d10722f47d5a4fd68ec.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">Davert</p>
          <a href="/fr/products/riz-risotto-arborio-blanc-bio-500-g-2836">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Riz Risotto Arborio Blanc Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XikHNnpOKs9HPW8xg45T-rjL1HVPaTJvb7Pm3POhqMEdsNxHA_6RSiJgjvj3RVF6M3AgbxttkJ-u0KnlxyWsDg" />
    <input value="2836" 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/huile-de-sesame-vierge-bio-500-ml-2857">
          <img alt="Huile de sésame vierge Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2009/file/small-7e691918dc318f8328ef4b2129f1c690.webp 600w, https://assets.fabulous.ch/public/variant_asset/2009/file/medium-586ae60079fc63e8d3da6951cebecf47.webp 900w, https://assets.fabulous.ch/public/variant_asset/2009/file/large-51f0ce82b49bbd36d4ce26b79c1a895e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2009/file/medium-586ae60079fc63e8d3da6951cebecf47.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">Bio Planète</p>
          <a href="/fr/products/huile-de-sesame-vierge-bio-500-ml-2857">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Huile de sésame vierge Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="T8iKLhxoERkQcrVOgWYYAm16s2j0_2qQQY-2oBlcy_EMUVFfZdiqnHUvVIf1rRqC5sFHcqD7yGCA7PmZLdjPPg" />
    <input value="2857" 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/huile-de-colza-vierge-bio-500-ml-2859">
          <img alt="Huile de colza vierge Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2014/file/small-4eee89bf9404e7e623dd2becc86d9a73.webp 600w, https://assets.fabulous.ch/public/variant_asset/2014/file/medium-76665d6116c37a08e3e9965a556d397f.webp 900w, https://assets.fabulous.ch/public/variant_asset/2014/file/large-7072db26594ea8ff3ed3bc6f2c623ffa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2014/file/medium-76665d6116c37a08e3e9965a556d397f.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">Bio Planète</p>
          <a href="/fr/products/huile-de-colza-vierge-bio-500-ml-2859">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Huile de colza vierge Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="glhAu2rL9tj7uuQBjmsjTMTn8Nf60r5iUAgY6INFl2HBwZvKE3tNXZ7nBcj6oCHMT1wEza7WHJKRa1fRt8GTrg" />
    <input value="2859" 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/huile-de-tournesol-vierge-bio-500-ml-2860">
          <img alt="Huile de tournesol vierge Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2015/file/small-8d4cac6c7e202f6fe2bdeba6562f49f8.webp 600w, https://assets.fabulous.ch/public/variant_asset/2015/file/medium-73373d99520e2c7e1232005a03d157ef.webp 900w, https://assets.fabulous.ch/public/variant_asset/2015/file/large-5190c8fcaeb4ef164c431eb2c790e730.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2015/file/medium-73373d99520e2c7e1232005a03d157ef.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">Bio Planète</p>
          <a href="/fr/products/huile-de-tournesol-vierge-bio-500-ml-2860">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Huile de tournesol vierge Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JiQDPChZcjlDj-Tv2tRPZjrUNsChC05W3K0uoL_s89dlvdhNUenJvCbSBSauH03msW_C2vUP7KYdzmGZi2j3GA" />
    <input value="2860" 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/huile-d-avocat-vierge-bio-250-ml-2861">
          <img alt="Huile d&#39;avocat vierge Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2017/file/small-2305e70d50081c40b01ade26ee5f78ef.webp 600w, https://assets.fabulous.ch/public/variant_asset/2017/file/medium-153532e9a8ddd74a36fa722a0c88ebc8.webp 900w, https://assets.fabulous.ch/public/variant_asset/2017/file/large-54b04996a8e7a12e34878d8420762a76.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2017/file/medium-153532e9a8ddd74a36fa722a0c88ebc8.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">Bio Planète</p>
          <a href="/fr/products/huile-d-avocat-vierge-bio-250-ml-2861">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Huile d&#39;avocat vierge Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ucx82BxJ4kKk_jjkAqX4bMJh4l4g55-E087bc_mYuhkSVaepZflZx8Gj2S12bvrsSdoWRHTjPXQSrZRKzRy-1g" />
    <input value="2861" 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/huile-d-olive-douce-vierge-extra-bio-500-ml-2862">
          <img alt="Huile d&#39;olive douce vierge extra Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2019/file/small-62155a848a29a7af953a428f74fd3fea.webp 600w, https://assets.fabulous.ch/public/variant_asset/2019/file/medium-b22eb7a6b3306ff5cf61b61577a2f4a4.webp 900w, https://assets.fabulous.ch/public/variant_asset/2019/file/large-9d2fe67bc05acbaf5405fa09de364687.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2019/file/medium-b22eb7a6b3306ff5cf61b61577a2f4a4.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">Bio Planète</p>
          <a href="/fr/products/huile-d-olive-douce-vierge-extra-bio-500-ml-2862">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Huile d&#39;olive douce vierge extra Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ywi6-JI1X1t5zitc39Ilp6UX21eV_RXvQPBiNygjYkGIkWGJ64Xk3hyTypWrGScnLqwvTcH5tx-Bky0OHKdmjg" />
    <input value="2862" 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/huile-de-chanvre-vierge-bio-250-ml-2863">
          <img alt="Huile de chanvre vierge Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2020/file/small-ea7c9987a4a3a1ed8dbaeb189e4cad67.webp 600w, https://assets.fabulous.ch/public/variant_asset/2020/file/medium-097bce6a8c6a9018903febeb2129ad3e.webp 900w, https://assets.fabulous.ch/public/variant_asset/2020/file/large-28dd3f615768e6ea049e6cd6e1a44e5c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2020/file/medium-097bce6a8c6a9018903febeb2129ad3e.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">Bio Planète</p>
          <a href="/fr/products/huile-de-chanvre-vierge-bio-250-ml-2863">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Huile de chanvre vierge Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="h-iEwoCgynfLycDKjQKPWduL9C0DpyGNTsjYlU84gHrEcV-z-RBx8q6UIQP5yY3ZUDAAN1ejg32Pq5ese7yEtQ" />
    <input value="2863" 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/huile-de-lin-vierge-bio-250-ml-2864">
          <img alt="Huile de lin vierge Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2023/file/small-b31e984b5e83cb7d93786bdf9c32d362.webp 600w, https://assets.fabulous.ch/public/variant_asset/2023/file/medium-9bf92dcf4822dd3229bee2e954809806.webp 900w, https://assets.fabulous.ch/public/variant_asset/2023/file/large-1a0ea08c9b5350bc8982ec17454f85d4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2023/file/medium-9bf92dcf4822dd3229bee2e954809806.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">Bio Planète</p>
          <a href="/fr/products/huile-de-lin-vierge-bio-250-ml-2864">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Huile de lin vierge Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.00
            </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-2864-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KgSH6n0Q1o_PvJeeuP5vE_75DtJ6QGkUePHNYWZGH71pnVybBKBtCqrhdlfMNW2TdUL6yC5Ey-S5koJYUsIbcg" />
    <input value="2864" 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/vinaigre-de-vin-blanc-bio-500-ml-2865">
          <img alt="Vinaigre de vin blanc Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2024/file/small-0fb0e504c2f1dd630f4ba1d43d545d1c.webp 600w, https://assets.fabulous.ch/public/variant_asset/2024/file/medium-a3fab7eaed159c3721b01a25d0fb7476.webp 900w, https://assets.fabulous.ch/public/variant_asset/2024/file/large-1538f38faf3c7fead1e6b0d5dbf31da3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2024/file/medium-a3fab7eaed159c3721b01a25d0fb7476.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/vinaigre-de-vin-blanc-bio-500-ml-2865">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vinaigre de vin blanc Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MaiyDTKZRq3Qs0xaRHeBcSM2CzWoABAAfVOwoDqanIlyMWl8Syn9KLXurZMwvIPxqI3_L_wEsvC8MP-ZDh6YRg" />
    <input value="2865" 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/algues-marines-dulse-rouge-bio-30-g-2867">
          <img alt="Algues Marines Dulse Rouge Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2029/file/small-8d3a1a88ede2ffc3fbc582dbe6fed765.webp 600w, https://assets.fabulous.ch/public/variant_asset/2029/file/medium-cfa07ae9c59f784b554d14f5fcdd411e.webp 900w, https://assets.fabulous.ch/public/variant_asset/2029/file/large-0000c63845044580f2ce16fe85ff93f8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2029/file/medium-cfa07ae9c59f784b554d14f5fcdd411e.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">Arche</p>
          <a href="/fr/products/algues-marines-dulse-rouge-bio-30-g-2867">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Algues Marines Dulse Rouge Bio, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wCPgN2Sod-dFdTPadgkLK-Jq3tbgQjxFSCw_c6CNN3aDujtGHRjMYiAo0hMCwgmradEqzLRGnrWJT3BKlAkzuQ" />
    <input value="2867" 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/algues-spaghetti-d-algues-marines-bio-30-g-2870">
          <img alt="Algues Spaghetti d&#39;algues marines Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2031/file/small-7426f5222376ab337fb780e6ac408510.webp 600w, https://assets.fabulous.ch/public/variant_asset/2031/file/medium-845505f63af1e5c13799f72e62c7cd22.webp 900w, https://assets.fabulous.ch/public/variant_asset/2031/file/large-39c175e0ad67caf6cf89336c9d479191.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2031/file/medium-845505f63af1e5c13799f72e62c7cd22.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">Arche</p>
          <a href="/fr/products/algues-spaghetti-d-algues-marines-bio-30-g-2870">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Algues Spaghetti d&#39;algues marines Bio, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IHdlUjCZR4K2r9EMLy41nHrtaEeo15yV6rgdiYCP1Zpj7r4jSSn8B9PyMMVb5Tcc8VacXfzTPmUr21KwtAvRVQ" />
    <input value="2870" 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/pesto-chanvre-basilic-vert-bio-150-g-2919">
          <img alt="Pesto Chanvre basilic Vert Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2063/file/small-0e1e10c676a445b83518eccc7b8c8c61.webp 600w, https://assets.fabulous.ch/public/variant_asset/2063/file/medium-46965d0b90f68f42d052e39c47a33d54.webp 900w, https://assets.fabulous.ch/public/variant_asset/2063/file/large-c195e82136389843f219f465b7a1cb64.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2063/file/medium-46965d0b90f68f42d052e39c47a33d54.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">Hanf&amp;Natur</p>
          <a href="/fr/products/pesto-chanvre-basilic-vert-bio-150-g-2919">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pesto Chanvre basilic Vert Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.85
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WpliX9Y0wJMZzn245cjyNFU7pfOXs_TrtGDCRq44IDcZALkur4R7FnyTnHGRA_C03oBR6cO3Vht1A41_mrwk-A" />
    <input value="2919" 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/sauce-sambal-oelek-bio-125-g-3350">
          <img alt="Sauce Sambal Oelek Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2227/file/small-89d99971d04fbaa212a8d7a4ba94ae9b.webp 600w, https://assets.fabulous.ch/public/variant_asset/2227/file/medium-4c34e3fdd1f7ffa271d4108f9be1517e.webp 900w, https://assets.fabulous.ch/public/variant_asset/2227/file/large-c4220a6285997911d7ebbb8d05b08cf9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2227/file/medium-4c34e3fdd1f7ffa271d4108f9be1517e.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">Sanchon</p>
          <a href="/fr/products/sauce-sambal-oelek-bio-125-g-3350">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sauce Sambal Oelek Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2AWTjha8o1AJ8do9vYteEYcq46uVlPa6RUeAxtWyToabnEj_bwwY1WysO_TJQFyRDJEXscGQVEqEJM__4TZKSQ" />
    <input value="3350" 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/sauce-mojo-rojo-bio-125-g-3351">
          <img alt="Sauce Mojo Rojo Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2229/file/small-7834136803b4fba1f34dc2f11a83399b.webp 600w, https://assets.fabulous.ch/public/variant_asset/2229/file/medium-6e79dafae95b75a7285544214aa8dc65.webp 900w, https://assets.fabulous.ch/public/variant_asset/2229/file/large-b22e1e03b93a324e298a93a65efd4c10.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2229/file/medium-6e79dafae95b75a7285544214aa8dc65.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">Sanchon</p>
          <a href="/fr/products/sauce-mojo-rojo-bio-125-g-3351">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sauce Mojo Rojo Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="m8tMf6HUbtv1tqmc0CKMnaT1FHsozA-3IZPy1aXH_vbYUpcO2GTVXpDrSFWk6Y4dL07gYXzIrUfg8L3skUP6OQ" />
    <input value="3351" 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/sucre-en-poudre-bio-200-g-3374">
          <img alt="Sucre en poudre Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2235/file/small-dab1636643b307c243773500870be690.webp 600w, https://assets.fabulous.ch/public/variant_asset/2235/file/medium-4a6a76109613ca06a944795c12088d55.webp 900w, https://assets.fabulous.ch/public/variant_asset/2235/file/large-62e7aaff684aebd8526d59ce06f1754a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2235/file/medium-4a6a76109613ca06a944795c12088d55.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/sucre-en-poudre-bio-200-g-3374">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sucre en poudre Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.35
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Eb-FW-CInYKxB7rcmlt9OzZaCA_SNb0bKD1CJqNsDqJSJl4qmTgmB9RaWxXukH-7veH8FYYxH-vpXg0fl-gKbQ" />
    <input value="3374" 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/epices-pour-pain-d-epice-moulu-bio-40-g-3378">
          <img alt="Epices pour pain d&#39;épice moulu Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2240/file/small-6462a10132b5f3caf53dfd62a4543b41.webp 600w, https://assets.fabulous.ch/public/variant_asset/2240/file/medium-2145e45570c9719c0c134ad85ed2bfbf.webp 900w, https://assets.fabulous.ch/public/variant_asset/2240/file/large-ea39258d9dab0c6376ca0962ea7499bd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2240/file/medium-2145e45570c9719c0c134ad85ed2bfbf.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">Sonnentor</p>
          <a href="/fr/products/epices-pour-pain-d-epice-moulu-bio-40-g-3378">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Epices pour pain d&#39;épice moulu Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NYPXxOZg-DD-lU_vZ41HJKZxSzxhDLTaHuGLqO4YOid2Ggy1n9BDtZvIriYTRkWkLcq_JjUIFirfgsSR2pw-6A" />
    <input value="3378" 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/gomme-de-xanthane-sans-gluten-60-g-3395">
          <img alt="Gomme de xanthane Sans Gluten" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2256/file/small-78ee1d3361cc085c61826892de4e6f42.webp 600w, https://assets.fabulous.ch/public/variant_asset/2256/file/medium-289a5bf789e673eb4ca041d1772c63cc.webp 900w, https://assets.fabulous.ch/public/variant_asset/2256/file/large-d850690da0e3d39df1217e35cdaef316.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2256/file/medium-289a5bf789e673eb4ca041d1772c63cc.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">Natur Compagnie</p>
          <a href="/fr/products/gomme-de-xanthane-sans-gluten-60-g-3395">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gomme de xanthane Sans Gluten, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fkv35ecuXRueh0_1KhCR1jVDJrSGGYLTwABkMkNXLoU90iyUnp7mnvvarjxe25NWvvjSrtIdICMBYysLd9MqSg" />
    <input value="3395" 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/nigari-chlorure-de-magnesium-poudre-500-g-3526">
          <img alt="Nigari (chlorure de magnésium) poudre" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2306/file/small-6741fa9c4f51f71c4e24090189218d6d.webp 600w, https://assets.fabulous.ch/public/variant_asset/2306/file/medium-285ab20c851510b8c70bd591fe795e81.webp 900w, https://assets.fabulous.ch/public/variant_asset/2306/file/large-971217d3e4f73e4eff46debf07eb4131.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2306/file/medium-285ab20c851510b8c70bd591fe795e81.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">energybalance</p>
          <a href="/fr/products/nigari-chlorure-de-magnesium-poudre-500-g-3526">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nigari (chlorure de magnésium) poudre, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ifmmXsmlBq4-Qa21DsT_HNhkvgPWWr7EKLF79YJXa6HKYH0vsBW9K1scTHx6D_2cU99KGYJeHDTp0jTMttNvbg" />
    <input value="3526" 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/nigari-pour-la-realisation-de-tofu-100-g-dc5cbdca-a59b-437d-973e-179adf3a4800-3536">
          <img alt="Nigari pour la réalisation de tofu" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2324/file/small-bdec9afe5716cd7b1cd25a3f8c8f7d7b.webp 600w, https://assets.fabulous.ch/public/variant_asset/2324/file/medium-21466e9ac7de4b683deb1517030fcb73.webp 900w, https://assets.fabulous.ch/public/variant_asset/2324/file/large-70064f4f1c67847b468f972c75f225f1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2324/file/medium-21466e9ac7de4b683deb1517030fcb73.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">Tofu Box</p>
          <a href="/fr/products/nigari-pour-la-realisation-de-tofu-100-g-dc5cbdca-a59b-437d-973e-179adf3a4800-3536">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nigari pour la réalisation de tofu, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0pihlKIOmdqEj0L3dDDz6lbHofd0WLoqULRXMxOtGcORAXrl274iX-HSoz4A-_Fq3XxV7SBcGNqR1xgKJykdDA" />
    <input value="3536" 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/sauce-a-salade-a-l-italienne-vegetalien-bio-500-ml-3614">
          <img alt="Sauce à salade à l&#39;italienne Végétalien Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2367/file/small-32f469b779dad03b9fbaeb6d828a5ad3.webp 600w, https://assets.fabulous.ch/public/variant_asset/2367/file/medium-4bead41becbf3840d4679f0ce4f55e3e.webp 900w, https://assets.fabulous.ch/public/variant_asset/2367/file/large-4aeba05af9b3750cd17270d749c5a136.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2367/file/medium-4bead41becbf3840d4679f0ce4f55e3e.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">huusgmacht</p>
          <a href="/fr/products/sauce-a-salade-a-l-italienne-vegetalien-bio-500-ml-3614">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sauce à salade à l&#39;italienne Végétalien Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.45
            </p>

              <div class="size-8 text-blue-300" title="Réfrigération nécessaire">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.49 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="A93X3lrbT2hbmDtDopgBgRrVUDKtwpi2e5cda3yqiuBARAyvI2v07T7F2orWUwMBkW6kKPnGOka69FJSSC6OLw" />
    <input value="3614" 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">
      120 sur 581 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/comestibles/ingredients-de-cuisine?format=turbo_stream&amp;page=7">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>