<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">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Astuce
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/nouilles-udon-bio-300-g-16712">
          <img alt="Nouilles Udon Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7753/file/small-dbf6fbfc1571216e145ba1a4ef847651.webp 600w, https://assets.fabulous.ch/public/variant_asset/7753/file/medium-e7698a563a4db583935c8f9cc15322c2.webp 900w, https://assets.fabulous.ch/public/variant_asset/7753/file/large-e9ef4891901e49876ab0b69b29ea9d56.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7753/file/medium-e7698a563a4db583935c8f9cc15322c2.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">Just Taste</p>
          <a href="/fr/products/nouilles-udon-bio-300-g-16712">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nouilles Udon Bio, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WtVdIPv4RwXhmCOO0-b_rIRbE9doQIhNvC5b8xqNVIPzF3UvRRXNhiVW-8jiEYL2aYZjR_nAueyRdv0dxjyn3w" />
    <input value="16712" 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/nouilles-ramen-bio-300-g-16713">
          <img alt="Nouilles Ramen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7756/file/small-aecd8139e1003fda10287f5224cd75c1.webp 600w, https://assets.fabulous.ch/public/variant_asset/7756/file/medium-78d4c569bf654940dedf46a51c1dc9fe.webp 900w, https://assets.fabulous.ch/public/variant_asset/7756/file/large-49b23c2f37ee0bb1ac40174b90543ead.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7756/file/medium-78d4c569bf654940dedf46a51c1dc9fe.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">Just Taste</p>
          <a href="/fr/products/nouilles-ramen-bio-300-g-16713">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nouilles Ramen Bio, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TLVZAVSDIE_F7FsfgbG3t45KJYpy5woh9GtTWHYI3c_ld3EO6m6qzAEig1mwRsrtY5dVGuNnO4DZM_W2qrkukw" />
    <input value="16713" 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/nouilles-biang-biang-bio-300-g-16714">
          <img alt="Nouilles Biang Biang Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7757/file/small-74ed7c5f4160c3dc71fec91af31f1aa9.webp 600w, https://assets.fabulous.ch/public/variant_asset/7757/file/medium-3b666f2ec271fb61258e7335f119d317.webp 900w, https://assets.fabulous.ch/public/variant_asset/7757/file/large-508e95706ae5e69e4d3d34f77fe47467.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7757/file/medium-3b666f2ec271fb61258e7335f119d317.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">Just Taste</p>
          <a href="/fr/products/nouilles-biang-biang-bio-300-g-16714">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nouilles Biang Biang Bio, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vg8RBUgnfLSY07An7oWtmX4i-_r30r3tRKsgGl_jWxoXzTkK9sr2N1wdaGHfctDDk_-LamZSjExp84b0g1KoRg" />
    <input value="16714" 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-nigelle-demeter-100-ml-16724">
          <img alt="Huile de Nigelle Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7758/file/small-7f99eb8581609eb6efe4046e038138d9.webp 600w, https://assets.fabulous.ch/public/variant_asset/7758/file/medium-1b0b00fe6e6d5780fad9cb6a8fac8ece.webp 900w, https://assets.fabulous.ch/public/variant_asset/7758/file/large-1cae23c03604dc2791421718b64c1c04.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7758/file/medium-1b0b00fe6e6d5780fad9cb6a8fac8ece.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">NaturKraftWerke</p>
          <a href="/fr/products/huile-de-nigelle-demeter-100-ml-16724">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Huile de Nigelle Demeter, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 31.05
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Dj-RVbjrawViypcf08miu2J_aAV88KHkhaVXXybeXO-n_blaBgbhhqYET1niPt_hj6IYle1wkEWo_fGx-m-vsw" />
    <input value="16724" 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/filets-de-tofu-a-la-black-forest-bio-80-g-16733">
          <img alt="Filets de Tofu à la Black Forest Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7759/file/small-c9e8dd7f712a4ae80ce02c297c74932e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7759/file/medium-9314233befc80b586176237da5177233.webp 900w, https://assets.fabulous.ch/public/variant_asset/7759/file/large-cb223c26345e67ccb0cbe4493a2355a7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7759/file/medium-9314233befc80b586176237da5177233.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">Taifun</p>
          <a href="/fr/products/filets-de-tofu-a-la-black-forest-bio-80-g-16733">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Filets de Tofu à la Black Forest Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.25
            </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 5.31 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="X003AmI7F2c32SbXzgg6u7h6d56VyTAfMTrNB80n7832jx8N3Nad5PMX_pH__0fhVacHDgRJAb4cYmvpEZYckQ" />
    <input value="16733" 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/ma-pate-de-vanille-bourbon-bio-50-g-16734">
          <img alt="Ma pâte de vanille Bourbon Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7760/file/small-0a3f5ff58c43c488210bcd5a7c1263f4.webp 600w, https://assets.fabulous.ch/public/variant_asset/7760/file/medium-d1ce44a8367f017c37e7380fe2113efc.webp 900w, https://assets.fabulous.ch/public/variant_asset/7760/file/large-91cf661aaabf06d426d9e61a150c11ed.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7760/file/medium-d1ce44a8367f017c37e7380fe2113efc.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">Biovegan</p>
          <a href="/fr/products/ma-pate-de-vanille-bourbon-bio-50-g-16734">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ma pâte de vanille Bourbon Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZFvpDmnvC0lcV7fcZTbwyY3mVLgwpTeYlQYh4M6NyVjNmcEB1wKBypiZb5pUwY2TYDskKKElBjm4XocOEjw6BA" />
    <input value="16734" 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/ma-sauce-carbonara-vegane-bio-27-g-16735">
          <img alt="Ma Sauce Carbonara Végane Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7763/file/small-e2462ca481c37d87e8f41070301d0c7f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7763/file/medium-e6b8c28c28994ec859f09347a747bdbf.webp 900w, https://assets.fabulous.ch/public/variant_asset/7763/file/large-52a36b94dab345049ed67e651055a8bd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7763/file/medium-e6b8c28c28994ec859f09347a747bdbf.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">Biovegan</p>
          <a href="/fr/products/ma-sauce-carbonara-vegane-bio-27-g-16735">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ma Sauce Carbonara Végane Bio, 27 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QEPXYwuGcTUDe1Li_rbQle6vlIAY7Kd_MiYoqalE737pgf9stWv7tse1iqTPQa3PA3LkEIlslt4ffo5HdfUcIg" />
    <input value="16735" 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">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Nouveau
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/preparation-pour-brownie-proteine-bio-400-g-16736">
          <img alt="Préparation pour Brownie Protéiné Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7762/file/small-3c1d2bf5919776c0c8d03e59cd3f2f25.webp 600w, https://assets.fabulous.ch/public/variant_asset/7762/file/medium-d877a9ca809471be7655b438b56d5fdf.webp 900w, https://assets.fabulous.ch/public/variant_asset/7762/file/large-49d13e06f2766067e7404b6a9d3b47e4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7762/file/medium-d877a9ca809471be7655b438b56d5fdf.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">bett&#39;r</p>
          <a href="/fr/products/preparation-pour-brownie-proteine-bio-400-g-16736">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Préparation pour Brownie Protéiné Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nG8rjIkNcRhEv8uZZB3D1HUfsU7BOo2gh4JsyI09GVg1rQODN-D7m4BxE99V6r6OmMLB3lC6vAGq2somUYzqBA" />
    <input value="16736" 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/poudre-d-asafoetida-bio-40-g-16737">
          <img alt="Poudre d’Asafoetida Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7764/file/small-6e7928fb870c97fea39d895f5c925942.webp 600w, https://assets.fabulous.ch/public/variant_asset/7764/file/medium-8e647257b5305a6869d3896766edca62.webp 900w, https://assets.fabulous.ch/public/variant_asset/7764/file/large-da91e9dc351f9b47f3e98e7a3e045225.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7764/file/medium-8e647257b5305a6869d3896766edca62.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">NaturKraftWerke</p>
          <a href="/fr/products/poudre-d-asafoetida-bio-40-g-16737">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Poudre d’Asafoetida Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.05
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RlL_ZxUnFQ_5x_HzMwWPOJ6NMwz4WP6tZoSeWnGftvrvkNdoq8qfjD0JKbUC8vJic1BDnGnYzwxL3Di0rS5Fpg" />
    <input value="16737" 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/poudre-de-galanga-bio-25-g-16738">
          <img alt="Poudre de Galanga Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7765/file/small-c133bd16c9263aed564c96f7bc8d1a40.webp 600w, https://assets.fabulous.ch/public/variant_asset/7765/file/medium-87e647ea07278be515b7f0c2233e1d64.webp 900w, https://assets.fabulous.ch/public/variant_asset/7765/file/large-8a5b534d091c10359fb705cbdba4948b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7765/file/medium-87e647ea07278be515b7f0c2233e1d64.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">NaturKraftWerke</p>
          <a href="/fr/products/poudre-de-galanga-bio-25-g-16738">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Poudre de Galanga Bio, 25 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="daYmdKlkSvcQoIIYKXRB459qjPlFK-XfnQP3Yvq7fpjcZA57F4nAdNRuWl4Ygzy5crf8adSr1H6wW1GMJgqNxA" />
    <input value="16738" 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/jardin-a-germes-biosnacky-1-piece-1-piece-16739">
          <img alt="Jardin à germes bioSnacky, 1 pièce" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7766/file/small-385cfe1ce8e096921da794f65e145dcf.webp 600w, https://assets.fabulous.ch/public/variant_asset/7766/file/medium-b4dea34be1e240b1039bdb507c0c0818.webp 900w, https://assets.fabulous.ch/public/variant_asset/7766/file/large-eece0d5e44508470b16d1de128e48cda.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7766/file/medium-b4dea34be1e240b1039bdb507c0c0818.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/fr/products/jardin-a-germes-biosnacky-1-piece-1-piece-16739">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Jardin à germes bioSnacky, 1 pièce, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 43.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="i_f-wbvRkkkxQr3VR8BW2l1JE7ObJDIqOL0quOK3JrciNdbOBTwYyvWMZZN2NyuAsJRjIwqkA4sV5YxWPgbV6w" />
    <input value="16739" 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/papier-en-vlies-pour-jardin-a-germes-biosnacky-25-pieces-25-piece-16740">
          <img alt="Papier en Vlies pour Jardin à Germes bioSnacky, 25 pièces" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7767/file/small-5e18951506750593e61fc8e614644357.webp 600w, https://assets.fabulous.ch/public/variant_asset/7767/file/medium-bd7ca80602dc5cf07e2ecea9288afc98.webp 900w, https://assets.fabulous.ch/public/variant_asset/7767/file/large-fe7505ff47441abb815e9ed6267f3e32.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7767/file/medium-bd7ca80602dc5cf07e2ecea9288afc98.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/fr/products/papier-en-vlies-pour-jardin-a-germes-biosnacky-25-pieces-25-piece-16740">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Papier en Vlies pour Jardin à Germes bioSnacky, 25 pièces, 25 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_5I1LUmgC1fRbQw63SqsTkMYY3k9V8B_UPpBn5MvmuVWUB0i902B1BWj1Hzs3dEUrsUT6azX8d59oudxT55puQ" />
    <input value="16740" 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/gousses-de-vanille-bourbon-bio-2-pieces-2-piece-16757">
          <img alt="Gousses de Vanille Bourbon Bio, 2 pièces" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7770/file/small-b8d8886efde9f2d3f077882cee99ac70.webp 600w, https://assets.fabulous.ch/public/variant_asset/7770/file/medium-9a7ee8337f8cf8aac062adb17de4e3a5.webp 900w, https://assets.fabulous.ch/public/variant_asset/7770/file/large-1b5605b73e859c91ad72d0f94d594aff.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7770/file/medium-9a7ee8337f8cf8aac062adb17de4e3a5.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">Biovegan</p>
          <a href="/fr/products/gousses-de-vanille-bourbon-bio-2-pieces-2-piece-16757">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gousses de Vanille Bourbon Bio, 2 pièces, 2 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4-An1lwaVRScbZ81SjRI3iSJzfkCtE3ezbGc-mMAV1xKIg_Z4vffl1ijR3N7wzWEyVS9aZM0fH_g6ToUv7GkAA" />
    <input value="16757" 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/pate-a-tartiner-noisette-chocolat-noir-bio-200-g-16760">
          <img alt="Pâte à Tartiner Noisette &amp; Chocolat Noir Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7771/file/small-2c1b10bd035f6109a26a9311bd2fe2d1.webp 600w, https://assets.fabulous.ch/public/variant_asset/7771/file/medium-412703977ecf61adbe0df29c9020a45e.webp 900w, https://assets.fabulous.ch/public/variant_asset/7771/file/large-beeeb90c4cfd976e22d6817aac0b701f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7771/file/medium-412703977ecf61adbe0df29c9020a45e.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">Lini&#39;s Bites</p>
          <a href="/fr/products/pate-a-tartiner-noisette-chocolat-noir-bio-200-g-16760">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pâte à Tartiner Noisette &amp; Chocolat Noir Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pMYnejK4WdWRypqKD5ARNS8-bLvLKYOgE6GsSn0Ne44NBA91jFXTVlUEQsw-Z2xvwuMcK1qpsgE--QqkobyI0g" />
    <input value="16760" 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/pate-a-tartiner-cajou-noix-de-coco-caramel-bio-200-g-16761">
          <img alt="Pâte à Tartiner Cajou Noix de Coco &amp; Caramel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7774/file/small-dcc1c8ad234225686ead856a46a22195.webp 600w, https://assets.fabulous.ch/public/variant_asset/7774/file/medium-9ecce50f005b5d742b66a72588fda9b0.webp 900w, https://assets.fabulous.ch/public/variant_asset/7774/file/large-fef22be5fe8c83679d35826d49b89705.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7774/file/medium-9ecce50f005b5d742b66a72588fda9b0.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">Lini&#39;s Bites</p>
          <a href="/fr/products/pate-a-tartiner-cajou-noix-de-coco-caramel-bio-200-g-16761">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pâte à Tartiner Cajou Noix de Coco &amp; Caramel Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QbAifEyDUc6NhTw8ppuU8YuLkgsal4km3BqKiga-zd7ocgpz8m7bTUlL5HqXbOmrZlbim4sXuIfxQixk2g8-gg" />
    <input value="16761" 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/barre-lini-s-bites-coconut-mylk-chocolate-bio-40-g-16762">
          <img alt="Barre Lini’s Bites Coconut Mylk Chocolate Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7775/file/small-4a129625acaeaf13cca3c47a96e358b3.webp 600w, https://assets.fabulous.ch/public/variant_asset/7775/file/medium-b8413ae2460c1224964ac78fac8ab88c.webp 900w, https://assets.fabulous.ch/public/variant_asset/7775/file/large-5fa4b02d9b64989047dc5ae7c5a677b6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7775/file/medium-b8413ae2460c1224964ac78fac8ab88c.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">Lini&#39;s Bites</p>
          <a href="/fr/products/barre-lini-s-bites-coconut-mylk-chocolate-bio-40-g-16762">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Barre Lini’s Bites Coconut Mylk Chocolate 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-16762-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XrrEPOMSMJA_DYt-xYwp0XL_U3Obyin7WN3SJFhniRf3eOwzXf-6E_vDUzj0e1SLnyIj4wpKGFp1hXTKhNZ6Sw" />
    <input value="16762" 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/ombar-centres-chocolat-lait-de-coco-vanille-bio-70-g-16767">
          <img alt="Ombar Centres Chocolat Lait de Coco &amp; Vanille Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7776/file/small-81e985f1dbc1447c0ebfed7004e73734.webp 600w, https://assets.fabulous.ch/public/variant_asset/7776/file/medium-4b819d70382adac4bd1da6765b1137b0.webp 900w, https://assets.fabulous.ch/public/variant_asset/7776/file/large-2bd1b19048c45fd59a54fbc6edb2ed70.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7776/file/medium-4b819d70382adac4bd1da6765b1137b0.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">Ombar</p>
          <a href="/fr/products/ombar-centres-chocolat-lait-de-coco-vanille-bio-70-g-16767">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ombar Centres Chocolat Lait de Coco &amp; Vanille Bio, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.35
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="m1tPzU7l7hl3FyMUT_6cGpr3NLxlZNsTPrUOvzPXYMIymWfC8AhkmrPZ-1J-CeFAdypELPTk6rIT7ahR72aTng" />
    <input value="16767" 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/petit-frais-oignon-ciboulette-alternative-vegetale-au-fromage-frais-bio-130-g-16768">
          <img alt="Petit Frais Oignon &amp; Ciboulette Alternative Végétale au Fromage Frais Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7777/file/small-8db3318776ef52cca29486a170420f9a.webp 600w, https://assets.fabulous.ch/public/variant_asset/7777/file/medium-09bf899d4b79794afb88a6ada8a64c12.webp 900w, https://assets.fabulous.ch/public/variant_asset/7777/file/large-9d9e837d50789ec054c86ad526cd0f87.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7777/file/medium-09bf899d4b79794afb88a6ada8a64c12.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">Petit Veganne</p>
          <a href="/fr/products/petit-frais-oignon-ciboulette-alternative-vegetale-au-fromage-frais-bio-130-g-16768">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Petit Frais Oignon &amp; Ciboulette Alternative Végétale au Fromage Frais Bio, 130 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.50
            </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 8.08 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3ExicOBEN0t7-HLll9q1l_JL4g2zYcgNmOTVpjESuN11jkp_Xqm9yL82qqOmLcjNH5aSnSLh-ay1vHNI7aNLgQ" />
    <input value="16768" 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/ombar-centres-chocolat-lait-de-coco-framboise-bio-70-g-16769">
          <img alt="Ombar Centres Chocolat Lait de Coco &amp; Framboise Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7782/file/small-2a3d214a6fe7cb8702e9573a29fc51f8.webp 600w, https://assets.fabulous.ch/public/variant_asset/7782/file/medium-4ea29c983f0d469c527bf7b3060611a8.webp 900w, https://assets.fabulous.ch/public/variant_asset/7782/file/large-3d47e1efad66f5efd746cb22ca7a987b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7782/file/medium-4ea29c983f0d469c527bf7b3060611a8.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">Ombar</p>
          <a href="/fr/products/ombar-centres-chocolat-lait-de-coco-framboise-bio-70-g-16769">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ombar Centres Chocolat Lait de Coco &amp; Framboise Bio, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.35
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zWmHHFxs5tqMlYw-7y6DRG5ZDdFciRFiVO6jEHleV7lkq68T4oFsWUhbVHje2f4eg4R9Qc0JIMN5tgX-pe-k5Q" />
    <input value="16769" 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/amaretti-vegan-bio-32-g-b634f059-cff4-4057-8735-cf1625961412-16770">
          <img alt="Amaretti Vegan Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7788/file/small-8bca9fd73a65465d8c81da9a4c67558c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7788/file/medium-0aacaa2ecf4a56d7aa85a5ab9b5aa3be.webp 900w, https://assets.fabulous.ch/public/variant_asset/7788/file/large-d827a0cec206ea3a828ff52a60ffa4f5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7788/file/medium-0aacaa2ecf4a56d7aa85a5ab9b5aa3be.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">Leibacher Biber-Manufaktur</p>
          <a href="/fr/products/amaretti-vegan-bio-32-g-b634f059-cff4-4057-8735-cf1625961412-16770">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Amaretti Vegan Bio, 32 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_seryWF7UvItyBmwYzVhtbgNc3_lQ-RiQjTq4sbVjtRXBYPG35bYcekGwfZSwhzvVdAD73TD1cNvbEwMGmR9iA" />
    <input value="16770" 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">
      2&#39;880 sur 3&#39;166 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/urtekram?format=turbo_stream&amp;page=145">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>