<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/bett-r-gaufrette-a-la-creme-de-cacao-et-noisettes-sans-sucre-ajoute-bio-30-g-14848">
          <img alt="Bett&#39;r Gaufrette à la crème de cacao et noisettes sans sucre ajouté Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6792/file/small-7a19e460c0f026c8d23d6350098aaf43.webp 600w, https://assets.fabulous.ch/public/variant_asset/6792/file/medium-baa089ae31ee72c473d0d94efde42ef9.webp 900w, https://assets.fabulous.ch/public/variant_asset/6792/file/large-4126f6dff1512717a55386a6fa1d7ca7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6792/file/medium-baa089ae31ee72c473d0d94efde42ef9.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/bett-r-gaufrette-a-la-creme-de-cacao-et-noisettes-sans-sucre-ajoute-bio-30-g-14848">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bett&#39;r Gaufrette à la crème de cacao et noisettes sans sucre ajouté Bio, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YUvM6tkKnq2GmvlChvDpyczCXT-SP515XqmR2VX2U0fcOnPOYBAub9Vt2g5Rr0x-kaaTG2ANiH64othD3GHRWQ" />
    <input value="14848" 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-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/curry-thai-legerement-epice-bio-150-g-15850">
          <img alt="Curry Thaï légèrement épicé Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7237/file/small-e242e55f2730b610885687946f6bded0.webp 600w, https://assets.fabulous.ch/public/variant_asset/7237/file/medium-20827d628c71ac6173ef5b20ee3c4805.webp 900w, https://assets.fabulous.ch/public/variant_asset/7237/file/large-2188437349edf043a03e51c5bda5f63a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7237/file/medium-20827d628c71ac6173ef5b20ee3c4805.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">Antersdorfer</p>
          <a href="/fr/products/curry-thai-legerement-epice-bio-150-g-15850">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Curry Thaï légèrement épicé Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="z0A4Mh7oX_MFpw4vsIz2SgCwzteN6AMM0tIYZszQlN1yMYcWp_LvMVZQLWNn01P9XdQA83_aFgs02VH8RUcWww" />
    <input value="15850" 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/lazzaretti-pates-aux-pois-chiches-demeter-250-g-687">
          <img alt="Lazzaretti Pâtes aux pois chiches Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/643/file/small-88bee128d4955ef26b21e7d11373b9b7.webp 600w, https://assets.fabulous.ch/public/variant_asset/643/file/medium-70201a1351e94cfcc9c37d292953834c.webp 900w, https://assets.fabulous.ch/public/variant_asset/643/file/large-7295fc5aba327688804e26ce6dd32a8b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/643/file/medium-70201a1351e94cfcc9c37d292953834c.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lazzaretti</p>
          <a href="/fr/products/lazzaretti-pates-aux-pois-chiches-demeter-250-g-687">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lazzaretti Pâtes aux pois chiches Demeter, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CBS0PCDd0YMYRNpdecQCujivuGbCyyf7xanJmmxfAmi1ZQsYmcdhQUuz-RGum6cNZct2QjD5MvwjooAA5ciAdg" />
    <input value="687" 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/mes-burgers-vegans-bio-150-g-16758">
          <img alt="Mes Burgers Végans Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7772/file/small-2d519af9025a4c5e18e22e835846d972.webp 600w, https://assets.fabulous.ch/public/variant_asset/7772/file/medium-af09216b409e9f38c08acd98339ae8a7.webp 900w, https://assets.fabulous.ch/public/variant_asset/7772/file/large-19fa16da0c293529d2eaee3c5d3022e1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7772/file/medium-af09216b409e9f38c08acd98339ae8a7.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/mes-burgers-vegans-bio-150-g-16758">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mes Burgers Végans Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aJStCUEXHKSWO0X5xQGm1Dqk3gYuqgrc4J4huaD2j1vV5RIt-A2sZsXMZrUSXgNjZ8AQItyYH9sGlWgjKWENRQ" />
    <input value="16758" 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/risotto-aux-legumes-bio-150-g-15854">
          <img alt="Risotto aux Légumes Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7241/file/small-4a0523a939e58d86201c3da8abc5bbb3.webp 600w, https://assets.fabulous.ch/public/variant_asset/7241/file/medium-7acd50f962347d6044924742cf10394b.webp 900w, https://assets.fabulous.ch/public/variant_asset/7241/file/large-48ca86ab77034f57ae93468201465296.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7241/file/medium-7acd50f962347d6044924742cf10394b.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">Antersdorfer</p>
          <a href="/fr/products/risotto-aux-legumes-bio-150-g-15854">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Risotto aux Légumes Bio, 150 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 2.73 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XSnzYAf7nm1fHxGAm_kdQfX3HffD3uCM0DrR20_j61PgWExEvuEurwzoMsxMprj2qJPT0zHs9Ys2MZhBxnRpTQ" />
    <input value="15854" 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/bouillie-de-millet-sucree-bio-150-g-15858">
          <img alt="Bouillie de Millet Sucrée Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7253/file/small-9e0263aeb3b4f4872487861561a13859.webp 600w, https://assets.fabulous.ch/public/variant_asset/7253/file/medium-92f1c8453a3a8ebb905d46a28d394066.webp 900w, https://assets.fabulous.ch/public/variant_asset/7253/file/large-ca7938349ebd6127022077e69556274e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7253/file/medium-92f1c8453a3a8ebb905d46a28d394066.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">Antersdorfer</p>
          <a href="/fr/products/bouillie-de-millet-sucree-bio-150-g-15858">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bouillie de Millet Sucrée Bio, 150 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 2.73 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ppvrs0_mfBtEasx5K6EWJw7LkBBTiYbB_ixeaQ7N2oOD6lSX9vzM2Red7zX8_rOQU69eNKG7k8YYJxfzh1pYnQ" />
    <input value="15858" 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-vegetal-streich-brotzeit-obazda-bio-180-g-7810">
          <img alt="Pâté Végétal Streich Brotzeit &quot;Obazda&quot; , Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4552/file/small-d5f9b8ff1fdaef13e76468f467d94c43.webp 600w, https://assets.fabulous.ch/public/variant_asset/4552/file/medium-39314861c61a743031cfca0d18f96f11.webp 900w, https://assets.fabulous.ch/public/variant_asset/4552/file/large-a369d64272e5b0130f68c16d59e6f21d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4552/file/medium-39314861c61a743031cfca0d18f96f11.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">Zwergenwiese</p>
          <a href="/fr/products/pate-vegetal-streich-brotzeit-obazda-bio-180-g-7810">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pâté Végétal Streich Brotzeit &quot;Obazda&quot; , Bio, 180 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 2.19 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XhY1OE-wuVfWTApUNGPKjtNS0OBd2-n44VOfawJo-UTjZ4oc9qoJlYW7KRjjPG85jjYexK_p_P8HWNbxi_97Wg" />
    <input value="7810" 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/pralinis-lini-s-bites-choco-nougat-bio-46-g-9282">
          <img alt="Pralinis Lini&#39;s Bites Choco Nougat Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8770/file/small-2f565a10637b1cb1d7ebb7c733a3c47b.webp 600w, https://assets.fabulous.ch/public/variant_asset/8770/file/medium-65a504bd84d884439c314ff9c11ef298.webp 900w, https://assets.fabulous.ch/public/variant_asset/8770/file/large-2bb0cb7efc71f09daead2e01646cd953.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8770/file/medium-65a504bd84d884439c314ff9c11ef298.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/pralinis-lini-s-bites-choco-nougat-bio-46-g-9282">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pralinis Lini&#39;s Bites Choco Nougat Bio, 46 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 8.48 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Z9e4TAeHvqudNDwXdcISsuzc8WgXJREZqHL0mzdRHbTapgdovp0Oac7DH1uinbcFsbg_TOUXBB5Oeb0Bvsafqg" />
    <input value="9282" 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/pralinis-lini-s-bites-creamy-coconut-bio-46-g-11494">
          <img alt="Pralinis Lini&#39;s Bites Creamy Coconut Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8774/file/small-4ba29d2891f37825409a9f48848761dd.webp 600w, https://assets.fabulous.ch/public/variant_asset/8774/file/medium-d5ab7775914f802edaac6d9c31dc0c6c.webp 900w, https://assets.fabulous.ch/public/variant_asset/8774/file/large-bbb6624c03d32336d9bf03524375a6c0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8774/file/medium-d5ab7775914f802edaac6d9c31dc0c6c.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/pralinis-lini-s-bites-creamy-coconut-bio-46-g-11494">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pralinis Lini&#39;s Bites Creamy Coconut Bio, 46 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 8.48 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WB_Qix_3qMZ8PbG5DYUmLUViRzkR0Sy8rVSXgcHqnY7lbm-vpu0YBC_KkvXa2oOaGAaJHePjObtLX94bSH0fkA" />
    <input value="11494" 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-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Épuisé
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/cuisine-creme-avoine-bio-250-ml-48">
          <img alt="Cuisine Creme Avoine Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/52/file/small-80d1ddc2c95d20d2e6e32412bbcf8bb8.webp 600w, https://assets.fabulous.ch/public/variant_asset/52/file/medium-a6e7759f351a4c924fe7fd95aa3a19e4.webp 900w, https://assets.fabulous.ch/public/variant_asset/52/file/large-908207f64c326726571c051202191486.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/52/file/medium-a6e7759f351a4c924fe7fd95aa3a19e4.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">Oatly</p>
          <a href="/fr/products/cuisine-creme-avoine-bio-250-ml-48">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cuisine Creme Avoine Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.20
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/fr/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    M&#39;avertir
</a>

      </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/wilmersburger-tranches-aux-herbes-sans-gluten-150-g-62">
          <img alt="Wilmersburger Tranches aux Herbes Sans Gluten" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/66/file/small-62e2aa61fa72496591941cdd5e824573.webp 600w, https://assets.fabulous.ch/public/variant_asset/66/file/medium-af355f94ef85af4c810f9ee53cdfe0e1.webp 900w, https://assets.fabulous.ch/public/variant_asset/66/file/large-571c67150f0e23bffa4b6be89ecff627.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/66/file/medium-af355f94ef85af4c810f9ee53cdfe0e1.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">Wilmersburger</p>
          <a href="/fr/products/wilmersburger-tranches-aux-herbes-sans-gluten-150-g-62">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Wilmersburger Tranches aux Herbes Sans Gluten, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.45
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QzCDNvjJAP30IQFLJVl1Q4zwJPvW5yi7slkyIl1j-d_-QTwSQdOwP6fWIgfyBtD00ZTq3yTVPbxUUnu41PR7wQ" />
    <input value="62" 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/agar-agar-sans-gluten-bio-2-g-90">
          <img alt="Agar Agar 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/98/file/small-bb454f673491642db64eea4358362c5f.webp 600w, https://assets.fabulous.ch/public/variant_asset/98/file/medium-3bb833df9cbfde626bc4ed5567e55b84.webp 900w, https://assets.fabulous.ch/public/variant_asset/98/file/large-0374bd33e95401544bf2aa877a483e26.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/98/file/medium-3bb833df9cbfde626bc4ed5567e55b84.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">Lima</p>
          <a href="/fr/products/agar-agar-sans-gluten-bio-2-g-90">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Agar Agar Sans Gluten Bio, 6 x 2 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 32.92 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hhfyEsBxxpiNtu7gK2NoHaeIusdXrHr0hgLKhxb2f4Q7Zk02eWt2Wt5Bzaz8PM2q-ux046Web_NgCYMdn2H9mg" />
    <input value="90" 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/biscuits-bio-bis-choc-orange-choc-orange-bio-85-g-93">
          <img alt="Biscuits Bio Bis Choc Orange Choc&#39;Orange Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/104/file/small-8db3a4f20c2108171c5ad803a0533617.webp 600w, https://assets.fabulous.ch/public/variant_asset/104/file/medium-ef1a97b83f17abaf44d25cf92ae79aaa.webp 900w, https://assets.fabulous.ch/public/variant_asset/104/file/large-1ce30afb54777d9f34ad8288a545fee4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/104/file/medium-ef1a97b83f17abaf44d25cf92ae79aaa.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Pural</p>
          <a href="/fr/products/biscuits-bio-bis-choc-orange-choc-orange-bio-85-g-93">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biscuits Bio Bis Choc Orange Choc&#39;Orange Bio, 85 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vbTpJECtLN_PjKY0mGl79YB7Y7mekEQIHsxen3urqakAxVYA-becHZx7hXhPNt5C3R-tnWyiUQ_4xxcF8jwrtw" />
    <input value="93" 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-vegetal-a-l-ail-des-ours-bio-180-g-102">
          <img alt="Pâté végétal à l’ail des ours Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/113/file/small-5f98c0b84ede51a6d2e6168a4a7490ed.webp 600w, https://assets.fabulous.ch/public/variant_asset/113/file/medium-f15c8973cdd348d1be883956330b629b.webp 900w, https://assets.fabulous.ch/public/variant_asset/113/file/large-2617f92aa4cbc8028a8cb37f81b6997b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/113/file/medium-f15c8973cdd348d1be883956330b629b.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">Zwergenwiese</p>
          <a href="/fr/products/pate-vegetal-a-l-ail-des-ours-bio-180-g-102">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pâté végétal à l’ail des ours Bio, 180 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 2.19 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OC_48A7XS1JrxC1C1DxnlI4Q28tLwfBYyqK31p-WCR-FXkfUt837kDgzDg4DY8Ij03QV77nz5V8sqf5MFgGLAQ" />
    <input value="102" 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/stabilisateur-de-creme-fouettee-bio-6-g-127">
          <img alt="Stabilisateur De Crème Fouettée Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/141/file/small-390d51400643519c56f0276e006a02b8.webp 600w, https://assets.fabulous.ch/public/variant_asset/141/file/medium-c5f481cabac819994f7b8068f97ddfd0.webp 900w, https://assets.fabulous.ch/public/variant_asset/141/file/large-a74121545200c2cf3c72f8427b844126.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/141/file/medium-c5f481cabac819994f7b8068f97ddfd0.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/stabilisateur-de-creme-fouettee-bio-6-g-127">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Stabilisateur De Crème Fouettée Bio, 3 x 6 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7VqL9T5ebpLasBkjqJ8dmmCdrg5GcD0EmgJhr5UsyB1QKzTRh0TeUIlHOm9_wLgtPflgKrRCKAN8CSg1HLtKAw" />
    <input value="127" 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/raifort-en-verre-bio-125-g-139">
          <img alt="Raifort en Verre Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/154/file/small-4ad19b7e421e836fe5fdfd44f74ff302.webp 600w, https://assets.fabulous.ch/public/variant_asset/154/file/medium-596f96eb919fcf4300c50ea9c7a3c2b0.webp 900w, https://assets.fabulous.ch/public/variant_asset/154/file/large-7eb000fe158a946dff02c9082dab3dd4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/154/file/medium-596f96eb919fcf4300c50ea9c7a3c2b0.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Pural</p>
          <a href="/fr/products/raifort-en-verre-bio-125-g-139">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Raifort en Verre Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </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 3.16 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VD17LUMnGsPMB_zmYqk6g-Axzriqd6J0sVuzxgXpb2_pTMQJ-j2qAZ_w36q19p80vVUAnFhFt3NXUPpcjH7tcQ" />
    <input value="139" 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/pain-boulangerie-croute-aux-graines-demeter-450-g-155">
          <img alt="Pain boulangerie Croûte aux graines Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/166/file/small-c73d12a688fc6203a1f5c3f918793b29.webp 600w, https://assets.fabulous.ch/public/variant_asset/166/file/medium-1c60d344ef02ab6119368b7852087f1c.webp 900w, https://assets.fabulous.ch/public/variant_asset/166/file/large-b00755a624427ae4cb9231e37fd6a3ce.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/166/file/medium-1c60d344ef02ab6119368b7852087f1c.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauckhof</p>
          <a href="/fr/products/pain-boulangerie-croute-aux-graines-demeter-450-g-155">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pain boulangerie Croûte aux graines Demeter, 450 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="i6i6F8R0OaPfa0asvwi8Yl-6-YynLIdUF6J-uHTgpwQ22QUzfW6JYYycZeBoVxnVAt43qFUeklPxqTci_XclGg" />
    <input value="155" 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/preparation-pour-crepes-epeautre-bio-180-g-159">
          <img alt="Préparation pour Crêpes épeautre Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/171/file/small-a23f31a407f90c4b670243cca4ad7ec9.webp 600w, https://assets.fabulous.ch/public/variant_asset/171/file/medium-1fff09ca16f0d62ddf7b63508640e342.webp 900w, https://assets.fabulous.ch/public/variant_asset/171/file/large-b578c31b344f818a394f6f6e2b279b9d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/171/file/medium-1fff09ca16f0d62ddf7b63508640e342.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauckhof</p>
          <a href="/fr/products/preparation-pour-crepes-epeautre-bio-180-g-159">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Préparation pour Crêpes épeautre Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-IpC1ndKWPLDwDvFqnNFBuxI8bRpvUlPlJtaciM7RYVF-_3yzlDoMJA3GIl9LOCxsSw_kJuPXEhykBPoqqzHmw" />
    <input value="159" 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/preparation-pour-gaufrette-epeautre-bio-200-g-161">
          <img alt="Préparation pour Gaufrette épeautre Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/173/file/small-a1515d16a150a2fbca4b4e94b344ca0b.webp 600w, https://assets.fabulous.ch/public/variant_asset/173/file/medium-8538c381d2116a97cce03f79a8470402.webp 900w, https://assets.fabulous.ch/public/variant_asset/173/file/large-beb02af8b0b4b1c9627f7eaa92017b3b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/173/file/medium-8538c381d2116a97cce03f79a8470402.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauckhof</p>
          <a href="/fr/products/preparation-pour-gaufrette-epeautre-bio-200-g-161">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Préparation pour Gaufrette épeautre Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PBwA4UmfhwoyqxH-SOSQ6gH9Qi83p6kjDI6aNYawSXuBbb_F8IU3yGFcMrKfuzVdXJmMC8WVvCTqhdOvDyfLZQ" />
    <input value="161" 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/charcuterie-vegan-tranches-chorizo-bio-80-g-171">
          <img alt="Charcuterie Vegan Tranches Chorizo Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/181/file/small-e8831b968d118cc716fe411911e0b313.webp 600w, https://assets.fabulous.ch/public/variant_asset/181/file/medium-d0719f587981668e6389192316c95540.webp 900w, https://assets.fabulous.ch/public/variant_asset/181/file/large-6f2a4542b3029f9251e3b7a1655ad434.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/181/file/medium-d0719f587981668e6389192316c95540.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">Wheaty</p>
          <a href="/fr/products/charcuterie-vegan-tranches-chorizo-bio-80-g-171">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Charcuterie Vegan Tranches Chorizo Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.85
            </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 4.81 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="t6iH6v_aDOzJjEqA_KWrpEhwu-mt0WiAQq9M4O9Gcr0K2TjORsC8Lpp7acwr-g4TFRR1zV_jfYekpAV6ZtHwow" />
    <input value="171" 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">
      520 sur 1&#39;230 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/collections/under-5?format=turbo_stream&amp;page=27">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>