<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/sucre-de-fleur-de-coco-en-sachet-bio-350-g-1619">
          <img alt="Sucre de fleur de coco en sachet Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1286/file/small-63db0c6035145f339192d7ed675952b9.webp 600w, https://assets.fabulous.ch/public/variant_asset/1286/file/medium-8b71b06c3f324edcd31449f5610f05bd.webp 900w, https://assets.fabulous.ch/public/variant_asset/1286/file/large-3078255a8b52f4063d3f2dc8afc49110.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1286/file/medium-8b71b06c3f324edcd31449f5610f05bd.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/sucre-de-fleur-de-coco-en-sachet-bio-350-g-1619">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sucre de fleur de coco en sachet Bio, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Yy2G2Y-qL3K6aoetqWIMMr18A_girh5OEzGm1_-smy4eQyCITfOLYKR2IvVChhAF8PTPQG8jpEkkrgr7h_Q8GA" />
    <input value="1619" 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/bouillon-vegetal-en-cubes-sans-gluten-bio-12-g-1726">
          <img alt="Bouillon végétal en cubes 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/1373/file/small-88986a33b8c8f85dff0aab2361bdbe54.webp 600w, https://assets.fabulous.ch/public/variant_asset/1373/file/medium-c26c561204868158bdb90f20fb8eff95.webp 900w, https://assets.fabulous.ch/public/variant_asset/1373/file/large-bea0545533edfb78f2f68460d182d2ad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1373/file/medium-c26c561204868158bdb90f20fb8eff95.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-cubes-sans-gluten-bio-12-g-1726">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bouillon végétal en cubes sans gluten Bio, 6 x 12 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 3.19 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PQ9Dx6HY6_1BEUZZp0Vr-9Plt5ozho_IoLpxruoaCfNAYeWWY4FP718N4wFMoXfMnm17In4LNc-XJd2CkkKuxQ" />
    <input value="1726" 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/muscade-moulu-bio-40-g-1727">
          <img alt="Muscade moulu Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1374/file/small-4468f946c2e602fd4eaf867b51d7c27d.webp 600w, https://assets.fabulous.ch/public/variant_asset/1374/file/medium-87944efebea48671c210c4b7dec087f2.webp 900w, https://assets.fabulous.ch/public/variant_asset/1374/file/large-750653bbe4f58aa48180dbf838d58d01.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1374/file/medium-87944efebea48671c210c4b7dec087f2.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">Lebensbaum</p>
          <a href="/fr/products/muscade-moulu-bio-40-g-1727">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Muscade moulu Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </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-1727-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="I9Xef7enB7Y90HKtQP6VfpIWB1kTsaQUTSqhUd_ojYBeu3gudf6jpCPM1_WrGolJ357L4V48HhN6tQ19p7Aqtg" />
    <input value="1727" 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/cannelle-moulu-bio-50-g-1728">
          <img alt="Cannelle moulu Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1375/file/small-5097a69def488967a4bc20b74d41d235.webp 600w, https://assets.fabulous.ch/public/variant_asset/1375/file/medium-38aad6deff743fceedc578de557b6f91.webp 900w, https://assets.fabulous.ch/public/variant_asset/1375/file/large-2ffe45e414e1eb4d68991742dc5c77e0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1375/file/medium-38aad6deff743fceedc578de557b6f91.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">Lebensbaum</p>
          <a href="/fr/products/cannelle-moulu-bio-50-g-1728">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cannelle moulu Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="b8zAN16fDvU0P4aegFSOUMJAV9HyPFDi73W0t4CCwTISomZmnMaq5yojI8ZrsJJnj8ibab-x6uXY6hib-NpmBA" />
    <input value="1728" 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/graisse-de-coco-bio-500-ml-1778">
          <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/1398/file/small-3e7c2e046446e6581e3bc29ce96c1632.webp 600w, https://assets.fabulous.ch/public/variant_asset/1398/file/medium-d1f3ce43ebf14b388b397932921bb4a9.webp 900w, https://assets.fabulous.ch/public/variant_asset/1398/file/large-820911b1928454f8bb2dfc8e2f85f982.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1398/file/medium-d1f3ce43ebf14b388b397932921bb4a9.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-500-ml-1778">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Graisse de Coco Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wIHtcWm9lXhXXYU6EQSEw7vU8bP0zGl3_nbQS57jg5a970sgq-QxaklBIGL64Jj09lw9C7lB03DJ6Xxn5rskoA" />
    <input value="1778" 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/lazzaretti-pates-aux-lentille-beluga-bio-250-g-1801">
          <img alt="Lazzaretti Pâtes aux Lentille Beluga Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1408/file/small-ad9842b0ae5d4e11d4e3f15d81e9dd03.webp 600w, https://assets.fabulous.ch/public/variant_asset/1408/file/medium-e3e30cd211e8029eb63635ab382bc277.webp 900w, https://assets.fabulous.ch/public/variant_asset/1408/file/large-7e0c5f0a691f63b39de2656c0f7ec7dc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1408/file/medium-e3e30cd211e8029eb63635ab382bc277.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">Lazzaretti</p>
          <a href="/fr/products/lazzaretti-pates-aux-lentille-beluga-bio-250-g-1801">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lazzaretti Pâtes aux Lentille Beluga Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="p_YROaqzxZ9qoB82wEB4UMnVUyWGgccGosjtgmd8wkDamLdoaOphjXS8um4rpGRnhF2fncsMfQGVV0GuHyRldg" />
    <input value="1801" 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/konjac-noodle-style-bio-400-g-1835">
          <img alt="Konjac Noodle-Style Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1426/file/small-906b451ce7791a2f8c4d175f5d1e287f.webp 600w, https://assets.fabulous.ch/public/variant_asset/1426/file/medium-06cb8a6c698d8336fd24be3be1dca3bd.webp 900w, https://assets.fabulous.ch/public/variant_asset/1426/file/large-971b5cd24d3f86957ee635c22b4388f5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1426/file/medium-06cb8a6c698d8336fd24be3be1dca3bd.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">Slendier</p>
          <a href="/fr/products/konjac-noodle-style-bio-400-g-1835">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Konjac Noodle-Style Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ISkzgYl91z9T1uKD96nqsRJn7IxdxIADQDyypl6nL1hcR5XQSyRzLU3KR9scTfaGX-8gNBBJOgR3ox6KJv-Ibg" />
    <input value="1835" 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/arodor-condiment-en-poudre-bio-80-g-2112">
          <img alt="Arodor Condiment 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/1631/file/small-ead0dfd19d6f37b64cf9168ebe72153d.webp 600w, https://assets.fabulous.ch/public/variant_asset/1631/file/medium-394b445595d17e80dfd3f7a8aa7e0c0b.webp 900w, https://assets.fabulous.ch/public/variant_asset/1631/file/large-5b0a935745bceea47cce9881d7829e91.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1631/file/medium-394b445595d17e80dfd3f7a8aa7e0c0b.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">MORGA</p>
          <a href="/fr/products/arodor-condiment-en-poudre-bio-80-g-2112">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Arodor Condiment en poudre Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iXCNDShrdatSjtBbiqKx7TfuYGLZ_-3hOD6u5sQbSM30Hitc6jLRuUySdQNhRq3aemas2pRyV-YPoQLKvEPv-w" />
    <input value="2112" 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/tahin-blanc-bio-250-g-2218">
          <img alt="Tahin Blanc Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1664/file/small-65204da74e33994bb06dea64d57cdbd7.webp 600w, https://assets.fabulous.ch/public/variant_asset/1664/file/medium-5e8494f539c89e8154cc6c600ce9f0df.webp 900w, https://assets.fabulous.ch/public/variant_asset/1664/file/large-aa1332c6daafd25846765ff2193e905c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1664/file/medium-5e8494f539c89e8154cc6c600ce9f0df.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">Terrasana</p>
          <a href="/fr/products/tahin-blanc-bio-250-g-2218">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tahin Blanc Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_aif2ceLFEaAUsvagrWiwYjv-3PFiKiPmmvekG_oM7uAxjmIBdKwVJ5OboJpUb72xWc3y4gFEoit9HK8F7CUjQ" />
    <input value="2218" 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/champignons-shiitake-sechees-bio-20-g-2579">
          <img alt="Champignons Shiitake 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/1872/file/small-04786c94d550daee67c280f5b9391f6f.webp 600w, https://assets.fabulous.ch/public/variant_asset/1872/file/medium-13857f9e0b77017eaf4aa92fa385000d.webp 900w, https://assets.fabulous.ch/public/variant_asset/1872/file/large-c878f7f751620e1993511170b3e2ae03.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1872/file/medium-13857f9e0b77017eaf4aa92fa385000d.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">Pural</p>
          <a href="/fr/products/champignons-shiitake-sechees-bio-20-g-2579">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Champignons Shiitake séchées Bio, 20 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 22.50 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SfykRs7LNdq0fvoQ8Wa3ObaBK4DCk7ouFRaIwDIoNtI0kgIXDJKRyKpiX0gagqsO-wnnOI8eACkiiSTsSnCR5A" />
    <input value="2579" 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/champignons-cepes-sechees-bio-20-g-2581">
          <img alt="Champignons Cèpes 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/1874/file/small-b62664d7ff19d9671ad0e59a1ab47c62.webp 600w, https://assets.fabulous.ch/public/variant_asset/1874/file/medium-c55e560cfb904ad0474062344576b507.webp 900w, https://assets.fabulous.ch/public/variant_asset/1874/file/large-aed429d651b75047aba2e39778dbf2df.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1874/file/medium-c55e560cfb904ad0474062344576b507.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">Pural</p>
          <a href="/fr/products/champignons-cepes-sechees-bio-20-g-2581">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Champignons Cèpes séchées Bio, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4mQWZrndmW1kZjfSWp2zcTZqLbf3fbLr4liFHA8cB5-fCrA3e4Q9f3p6koqxea9Ge-LhD7rwCOzVxykwd0SgqQ" />
    <input value="2581" 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/bouillon-vegetal-sans-levure-sans-gluten-recharge-bio-500-g-2818">
          <img alt="Bouillon Végétal Sans Levure Sans Gluten Recharge Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1991/file/small-64288b338312e90be6cb898946c9e36a.webp 600w, https://assets.fabulous.ch/public/variant_asset/1991/file/medium-30e83806aea7b7438828703bef365fb5.webp 900w, https://assets.fabulous.ch/public/variant_asset/1991/file/large-93842119efeb717c22d060c56252c41c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1991/file/medium-30e83806aea7b7438828703bef365fb5.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-sans-levure-sans-gluten-recharge-bio-500-g-2818">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bouillon Végétal Sans Levure Sans Gluten Recharge Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wm4SZHXc0sM4RophSDZriSj9-kPL6XPGqXJg4G_TycW_ALQ1t4V20SZaLzmj0ne-ZXU2-4ZkycGe7czMF4tu8w" />
    <input value="2818" 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/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="53-dg7mPHl8PUHnR4Ovntv1KVgpAfO1dB6Adj8aRqQ2aETvSe9a6TRFM3IkLD_uBsMKasg3xV1owP7GjvskOOw" />
    <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="UvewFt1bo7qz13qNDUOoT6nZcpZ4CprCn44cr69tuQovmRZHHwIHqK3L39Xmp7R45FG-LjWHIMWoEbCD1zUePA" />
    <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="NTZZnQd2DdPGAbABYoXI8ctOW8aYHmGf9yVgj4vpWT5IWP_MxS-pwdgdFVmJYdTGhsaXftWT25jAusyj87H-CA" />
    <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="hH73zrwcDpKGgPbfkscI9GAQp_4swsUGBn-oUp8jWMP5EFGffkWqgJicU4d5IxTDLZhrRmFPfwEx4AR-53v_9Q" />
    <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-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="t3zOhVtq1VjWy5v0v2QwET0mUuSGUoR18F_7ViLAIvzKEmjUmTNxSsjXPqxUgCwmcK6eXMvfPnLHwFd6WpiFyg" />
    <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  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-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="rsKZGt9C0uhvB4YK_8cgFSNA8dov4crcSPzIaavzTHXTrD9LHRt2-nEbI1IUIzwibsg9YmJscNt_Y2RF06vrQw" />
    <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 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-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="HyR3XsA0eQE4vj6VjSn4nqnnoEnKTF8CBX_WLCW7MkJiStEPAm3dEyaim81mzeSp5G9s8YfB5QUy4HoAXeOVdA" />
    <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  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/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="CTygkHq_Cf9uT68IpGz18WrSokzmw_yjqDbLEinIixt0UgbBuOat7XBTClBPiOnGJ1pu9KtORqSfqWc-UZAsLQ" />
    <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>



</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">
      280 sur 594 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/comestibles/ingredients-de-cuisine?format=turbo_stream&amp;page=15">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>