<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/graines-germees-d-haricot-mungo-sans-sucres-ajoutes-bio-330-g-6149">
          <img alt="Graines germées d&#39;haricot mungo sans sucres ajoutés Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3532/file/small-9c0b39e90aebab9f882975f1c26d6d7b.webp 600w, https://assets.fabulous.ch/public/variant_asset/3532/file/medium-c0605825e8b5a3bcb9c64910d1afc256.webp 900w, https://assets.fabulous.ch/public/variant_asset/3532/file/large-517d0e098f2f29e3ef1def0a6595a399.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3532/file/medium-c0605825e8b5a3bcb9c64910d1afc256.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Arche</p>
          <a href="/fr/products/graines-germees-d-haricot-mungo-sans-sucres-ajoutes-bio-330-g-6149">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Graines germées d&#39;haricot mungo sans sucres ajoutés Bio, 330 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 1.20 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9InJnx4qJyvSbH-5WJDuF_EJwIDpU9R10J4eM6NHeF_-kRGhhnpuyC9gkvD7ubiyb5dKmNWf5LUFZDTUYmEjPQ" />
    <input value="6149" 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/mini-epis-de-mais-bio-230-g-7311">
          <img alt="Mini épis de maïs Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4164/file/small-75bc95daef8190d75ef5b4bf936ab39e.webp 600w, https://assets.fabulous.ch/public/variant_asset/4164/file/medium-bf51810467bed3b32cb8ee3059569914.webp 900w, https://assets.fabulous.ch/public/variant_asset/4164/file/large-08342d9ecfc917e8955532344eddcebb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4164/file/medium-bf51810467bed3b32cb8ee3059569914.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Arche</p>
          <a href="/fr/products/mini-epis-de-mais-bio-230-g-7311">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mini épis de maïs Bio, 230 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="99vEN0xY16FvvZ2j_FaqTNIXkslLQ2RwDnMunOmXbnj9wxwJ1AieQpKxcOpff_zpTIkY0XePVLDbiQR7KLE1Gg" />
    <input value="7311" 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/arche-tokyo-mix-cracker-de-riz-bio-80-g-7937">
          <img alt="Arche Tokyo Mix Cracker de Riz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4656/file/small-14a51a90e9cf68d9a7b83460b80d049c.webp 600w, https://assets.fabulous.ch/public/variant_asset/4656/file/medium-b3f1c595c9b9c3f7cc9d6d764a3985fb.webp 900w, https://assets.fabulous.ch/public/variant_asset/4656/file/large-6ec3de4661b510d1ab946e5b504a6dc8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4656/file/medium-b3f1c595c9b9c3f7cc9d6d764a3985fb.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Arche</p>
          <a href="/fr/products/arche-tokyo-mix-cracker-de-riz-bio-80-g-7937">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Arche Tokyo Mix Cracker de Riz Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LEo-lIkvMWO8jG_J35zfAL50-4VW6azzw50U7F_mlpImUuaqEX94gEGAgoB8tYmlIOpxnWolnDMWZz4LnsDN8A" />
    <input value="7937" 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/gelifiant-pectine-de-pomme-bio-20-g-7959">
          <img alt="Gélifiant Pectine de Pomme Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4665/file/small-1ab0f9ccf3935da4468dc173039c9b7b.webp 600w, https://assets.fabulous.ch/public/variant_asset/4665/file/medium-fe54a464e44a3b603609550ff60f1bf9.webp 900w, https://assets.fabulous.ch/public/variant_asset/4665/file/large-50f3f7cf5946c946696609abcf392a68.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4665/file/medium-fe54a464e44a3b603609550ff60f1bf9.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Arche</p>
          <a href="/fr/products/gelifiant-pectine-de-pomme-bio-20-g-7959">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gélifiant Pectine de Pomme Bio, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="s2qzN1lgdiPqgf6sOlc0QroXzoy5k2-IiPyiY3Hj2Fy5cmsJwTA_wBeNE-WZfmLnJIlElIVfX0hdBoiEsMWDPg" />
    <input value="7959" 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/pates-vermicelles-a-base-d-amidon-de-pois-bio-200-g-7992">
          <img alt="Pâtes Vermicelles à base d&#39;amidon de pois Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4681/file/small-d7f82e2fdb8d4e78b2a8abdb76c924a1.webp 600w, https://assets.fabulous.ch/public/variant_asset/4681/file/medium-56be5b627d08269256e7c8e0fc6959c1.webp 900w, https://assets.fabulous.ch/public/variant_asset/4681/file/large-8218d90bea2f62c557d7764971052b28.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4681/file/medium-56be5b627d08269256e7c8e0fc6959c1.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Arche</p>
          <a href="/fr/products/pates-vermicelles-a-base-d-amidon-de-pois-bio-200-g-7992">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pâtes Vermicelles à base d&#39;amidon de pois Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.75
            </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-7992-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WJe60JljEHRisYZeuuhk9yDZr5HwYlp4LxMe3A9LeSBSj2LuATNZl5-9axcZwTJSvkclicyuarj66TQ7zm0iQg" />
    <input value="7992" 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/algue-sushi-nori-feuilles-algue-marine-sechee-et-grillees-bio-25-g-7993">
          <img alt="Algue Sushi Nori Feuilles Algue Marine séchée et grillées Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4682/file/small-472a0bebc1a3cd9e8a456325e9f14307.webp 600w, https://assets.fabulous.ch/public/variant_asset/4682/file/medium-8af42b467d2fa666bc1769becc418be4.webp 900w, https://assets.fabulous.ch/public/variant_asset/4682/file/large-7d4d92e04f68f41b75ca6d41372f61dd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4682/file/medium-8af42b467d2fa666bc1769becc418be4.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Arche</p>
          <a href="/fr/products/algue-sushi-nori-feuilles-algue-marine-sechee-et-grillees-bio-25-g-7993">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Algue Sushi Nori Feuilles Algue Marine séchée et grillées Bio, 25 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.95
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/algues-marines-flocons-de-nori-20-g-7994">
          <img alt="Algues Marines Flocons de Nori" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4683/file/small-d46496e490700aebb7eb964cff25b136.webp 600w, https://assets.fabulous.ch/public/variant_asset/4683/file/medium-7a28b7b8b46d49e9be955d093d02a055.webp 900w, https://assets.fabulous.ch/public/variant_asset/4683/file/large-7619ed7ccc80143e6c960c82dff17a62.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4683/file/medium-7a28b7b8b46d49e9be955d093d02a055.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Arche</p>
          <a href="/fr/products/algues-marines-flocons-de-nori-20-g-7994">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Algues Marines Flocons de Nori, 20 g</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 28.50 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qyC6-8m3yUHMHLMhFMoR1xqvR4CD4vU5Q1xQU5gn0G2hOGLFUeeAojEQXmi340dyhDHNmL8uxfmWpnq0WQGLDw" />
    <input value="7994" 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/riz-vinaigre-genmai-su-bio-250-ml-f366400d-e3e9-470b-8828-250ca6af8010-8374">
          <img alt="Riz Vinaigre Genmai Su Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4941/file/small-73ae1e278b378838d5d162e127705257.webp 600w, https://assets.fabulous.ch/public/variant_asset/4941/file/medium-d854a68326fb0da352311eff8afec45d.webp 900w, https://assets.fabulous.ch/public/variant_asset/4941/file/large-8bf3785cefdc8c77e7f151e75a98230b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4941/file/medium-d854a68326fb0da352311eff8afec45d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Arche</p>
          <a href="/fr/products/riz-vinaigre-genmai-su-bio-250-ml-f366400d-e3e9-470b-8828-250ca6af8010-8374">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Riz Vinaigre Genmai Su Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8Ks470ViuKeyz7C8nSwBY28o0tmhkv0SvL8Y3Zbs-6z6s-DR3TLxRE_DXfU-BVfG8bZYwZ1ezdJpRTI6V8qgzg" />
    <input value="8374" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/vinaigre-ume-su-umeboshi-bio-145-ml-9156">
          <img alt="Vinaigre Ume Su Umeboshi Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5199/file/small-07d7c0f24ea3f6c842f72956e80afad0.webp 600w, https://assets.fabulous.ch/public/variant_asset/5199/file/medium-9a937000b9e18e36533a3b09117445b4.webp 900w, https://assets.fabulous.ch/public/variant_asset/5199/file/large-bb88a15970c792fa08b4ca60b55e3875.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5199/file/medium-9a937000b9e18e36533a3b09117445b4.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Arche</p>
          <a href="/fr/products/vinaigre-ume-su-umeboshi-bio-145-ml-9156">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vinaigre Ume Su Umeboshi Bio, 145 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZZs9ueGHOGv9fD-OgP9y8zA3QnregvQyECusF2r7D1dvg-WHeddxiABw0scj1iRWrqnIYuJOxPLF0Ybwq91UNQ" />
    <input value="9156" 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/curry-sate-sauce-bio-130-ml-11300">
          <img alt="Curry-Saté Sauce Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5792/file/small-ed5a99ecef86551c0522b667339613ee.webp 600w, https://assets.fabulous.ch/public/variant_asset/5792/file/medium-5c90afd5247643b241e9761b712e7807.webp 900w, https://assets.fabulous.ch/public/variant_asset/5792/file/large-d476d8766d0b786a886d4e2fc66fa2e8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5792/file/medium-5c90afd5247643b241e9761b712e7807.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Arche</p>
          <a href="/fr/products/curry-sate-sauce-bio-130-ml-11300">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Curry-Saté Sauce Bio, 130 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kGMJwFwuWm3xLCJ4BICAo7N91hRPsflGM6lbkrE6yHCae9H-xH4TjgwgzzGnqdYGLeNcDHN9yYbmU3F1cByTEg" />
    <input value="11300" 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/marinade-pour-tofu-bio-130-ml-11844">
          <img alt="Marinade pour Tofu Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6047/file/small-cc6a849e11125f0064cf3744eab6d763.webp 600w, https://assets.fabulous.ch/public/variant_asset/6047/file/medium-81af6a69461ec783cd1f7395a84797c4.webp 900w, https://assets.fabulous.ch/public/variant_asset/6047/file/large-6e9f307e0956091961c82bdc898af9ed.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6047/file/medium-81af6a69461ec783cd1f7395a84797c4.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Arche</p>
          <a href="/fr/products/marinade-pour-tofu-bio-130-ml-11844">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Marinade pour Tofu Bio, 130 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CdMpexNjPAG9hRtISW1vkhKUwD22tCl4XkzFgPZNfRoDy_FFizN14kCJ9gHqRDk3jApKJYp4GbiLtu9nN2smeA" />
    <input value="11844" 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/seitan-fix-melange-pret-a-l-emploi-bio-200-g-14242">
          <img alt="Seitan-Fix Mélange prêt à l&#39;emploi Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6659/file/small-6cad1c989cc81704da1fb5dd8cc7f28c.webp 600w, https://assets.fabulous.ch/public/variant_asset/6659/file/medium-d4cd6060ce575a123f2af1925fefa36d.webp 900w, https://assets.fabulous.ch/public/variant_asset/6659/file/large-08d137a1b1b8d504bdaffdf7ebffec26.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6659/file/medium-d4cd6060ce575a123f2af1925fefa36d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Arche</p>
          <a href="/fr/products/seitan-fix-melange-pret-a-l-emploi-bio-200-g-14242">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Seitan-Fix Mélange prêt à l&#39;emploi Bio, 200 g</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 3.30 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cxLk93Hb2UvMYPTgBX3wMZW7dQkKIugH_RyLRZzL0b55CjzJ6YuQqDFsGammVKaUCyX_ETbu2Mco5qGiXe2K3A" />
    <input value="14242" 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/fecule-de-marante-sans-gluten-bio-125-g-15281">
          <img alt="Fécule de Marante 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/6987/file/small-d705b2b415fa47db33c4d6acfb0d06a0.webp 600w, https://assets.fabulous.ch/public/variant_asset/6987/file/medium-e30e606c6af000ec50566d50127f1560.webp 900w, https://assets.fabulous.ch/public/variant_asset/6987/file/large-9af931240564bc970b122d21cd313686.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6987/file/medium-e30e606c6af000ec50566d50127f1560.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Arche</p>
          <a href="/fr/products/fecule-de-marante-sans-gluten-bio-125-g-15281">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fécule de Marante sans gluten Bio, 125 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 4.48 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="56inX5CaLVik6bCdXp8Lj-KJB3MypVxyNib88ADn9xztsH9hCMpku1nlXdT9tl0qfBeNaw5pbLLj3NYXwcGsfg" />
    <input value="15281" 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-dattes-klax-bio-330-g-16288">
          <img alt="Pâte à tartiner Dattes Klax Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7502/file/small-ff451e8cdb5f569d220f069aa7d02a82.webp 600w, https://assets.fabulous.ch/public/variant_asset/7502/file/medium-0a7f8c96044998fc7c273577af040790.webp 900w, https://assets.fabulous.ch/public/variant_asset/7502/file/large-f5dd303dc2d362f95ba594d2e8fec26e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7502/file/medium-0a7f8c96044998fc7c273577af040790.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Arche</p>
          <a href="/fr/products/pate-a-tartiner-dattes-klax-bio-330-g-16288">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pâte à tartiner Dattes Klax Bio, 330 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 2.91 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XWpGaPajz9oiVPM3UrfDTyCHvSuIijm-YvuooTmUZHxXcp5WbvOGOd9YHn7xnpXqvhk3M7RGCX63AYJG-LI_Hg" />
    <input value="16288" 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/algue-wakame-bio-25-g-16749">
          <img alt="Algue Wakame Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7768/file/small-fe4ff24ab9c9e85c1679bf00fa9d60e4.webp 600w, https://assets.fabulous.ch/public/variant_asset/7768/file/medium-1f5accbba24c00c93ecfe964a9092ec6.webp 900w, https://assets.fabulous.ch/public/variant_asset/7768/file/large-35890a6cf23d9e5ceb8967be58a52fc2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7768/file/medium-1f5accbba24c00c93ecfe964a9092ec6.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Arche</p>
          <a href="/fr/products/algue-wakame-bio-25-g-16749">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Algue Wakame Bio, 25 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5CcHlEkoYmrH1OTMCDsfVzoFKftJaa8Wr1FtyTVkdVTuP9-q0XgriTrYCYWrEknypJuj43Wln9Z6q0cu9EIuNg" />
    <input value="16749" 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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    67 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/konjac-spaghetti-lowcarb-shirataki-bio-294-g-date-limite-26-04-2026-17541">
          <img alt="Konjac Spaghetti Lowcarb Shirataki Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3364/file/small-8870e6c331821cd40edc2f8893e1f16d.webp 600w, https://assets.fabulous.ch/public/variant_asset/3364/file/medium-69ea030cfbbb78068b206dbc6c569275.webp 900w, https://assets.fabulous.ch/public/variant_asset/3364/file/large-4bab65219982fd2ab32aa5f691628f98.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3364/file/medium-69ea030cfbbb78068b206dbc6c569275.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Arche</p>
          <a href="/fr/products/konjac-spaghetti-lowcarb-shirataki-bio-294-g-date-limite-26-04-2026-17541">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Konjac Spaghetti Lowcarb Shirataki Bio, 294 g (Date limite 26.04.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 6.10</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.00</span>
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GH9_VgglD50k3suOUHIbrwXIg1rn2Wv_fVUXhEzaFx8SZ6dokHVGftnSJsfzW00Km1YJQtsVWz-orz1jjfxMfQ" />
    <input value="17541" 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">
      36 sur 36 produits
    </p>
  </div>
</div>

</template></turbo-stream>