<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/biscuits-cookies-tout-choco-bio-175-g-5260">
          <img alt="Biscuits Cookies Tout Choco Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3066/file/small-58c44f5dff775aa36a8eec49ee7a0de3.webp 600w, https://assets.fabulous.ch/public/variant_asset/3066/file/medium-3ce39f4cb771ba671db4f53a53d9cd27.webp 900w, https://assets.fabulous.ch/public/variant_asset/3066/file/large-eeec3326576a41244437d94121b1d8e2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3066/file/medium-3ce39f4cb771ba671db4f53a53d9cd27.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">Moulin du Piver</p>
          <a href="/fr/products/biscuits-cookies-tout-choco-bio-175-g-5260">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biscuits Cookies Tout Choco Bio, 175 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 3.26 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ktS8IuwrEmD53xM8gNwCT5NstzpN1Mu2hF3SmbyXvwkeJEA75DRTZmrdZg6KF8Br7QWvHVLO0xchszMpJA7XOw" />
    <input value="5260" 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-choc-bars-white-creem-100-g-5299">
          <img alt="Mini Choc Bars White Creem" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3089/file/small-b69dab99a81940b012d7987bae796f17.webp 600w, https://assets.fabulous.ch/public/variant_asset/3089/file/medium-22aea115ac5fcc4e421f5b2df3b07357.webp 900w, https://assets.fabulous.ch/public/variant_asset/3089/file/large-a8e148ddad2ad4050d7fac17641eb04e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3089/file/medium-22aea115ac5fcc4e421f5b2df3b07357.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">Vantastic</p>
          <a href="/fr/products/mini-choc-bars-white-creem-100-g-5299">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mini Choc Bars White Creem, 100 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 4.60 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="f28EEkfrh3y_DpJgPgUQPnhcu-qIjtEhELBeLv22fWrzn_gLT_TGeiwM51I0ztIaBjWjzZeUyYC1Xr-eZS8VWA" />
    <input value="5299" 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/xylitol-pastilles-menthe-sans-sucres-ajoutes-30-g-5429">
          <img alt="Xylitol Pastilles Menthe Sans sucres ajoutés" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3165/file/small-3f1fc0432573750ca5e4b5e6d4cc1d07.webp 600w, https://assets.fabulous.ch/public/variant_asset/3165/file/medium-1ca5a7e9fa6c94d724196fca96c24c2b.webp 900w, https://assets.fabulous.ch/public/variant_asset/3165/file/large-4612442922ff4fd0600bbb039d382bd7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3165/file/medium-1ca5a7e9fa6c94d724196fca96c24c2b.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">Birkengold</p>
          <a href="/fr/products/xylitol-pastilles-menthe-sans-sucres-ajoutes-30-g-5429">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xylitol Pastilles Menthe Sans sucres ajoutés, 30 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 13.17 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZQrQ5SrqWebmcTh3EcN4BJaqXTyArweLRreTJVhep1Dp-iz8IvUY4HVzTUUbCLog6MNFG5-1HyrjWXKVwMfPYg" />
    <input value="5429" 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/xylitol-pastilles-orange-sans-sucres-ajoutes-30-g-5430">
          <img alt="Xylitol Pastilles Orange Sans sucres ajoutés" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3167/file/small-597eafc7a3a651f9b812bda51cdb9a5f.webp 600w, https://assets.fabulous.ch/public/variant_asset/3167/file/medium-7b8da8950a7bc4981c3941a6778934d3.webp 900w, https://assets.fabulous.ch/public/variant_asset/3167/file/large-d86a6748d280b2cf0106e5a9943db3e2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3167/file/medium-7b8da8950a7bc4981c3941a6778934d3.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">Birkengold</p>
          <a href="/fr/products/xylitol-pastilles-orange-sans-sucres-ajoutes-30-g-5430">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xylitol Pastilles Orange Sans sucres ajoutés, 30 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 13.17 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0CnTdTswVmSBIpk3wA_DiQGztUwgWSiM7xqR0INrVrdc2S9sMy8XYhIg7AXKxAGtf9qtaz9DMC1K9HBgG_I-hQ" />
    <input value="5430" 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/lovechock-chocolat-eclats-de-feves-sel-marin-raw-bio-70-g-5506">
          <img alt="Lovechock Chocolat Éclats de fêves &amp; Sel Marin RAW Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3190/file/small-9fe2b7644ba990a9552a08523dee0fcf.webp 600w, https://assets.fabulous.ch/public/variant_asset/3190/file/medium-a05e756e7d2f354c1141720f0d3ebf5f.webp 900w, https://assets.fabulous.ch/public/variant_asset/3190/file/large-772036f04e0854e411944f0a7bcb621e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3190/file/medium-a05e756e7d2f354c1141720f0d3ebf5f.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">Lovechock</p>
          <a href="/fr/products/lovechock-chocolat-eclats-de-feves-sel-marin-raw-bio-70-g-5506">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lovechock Chocolat Éclats de fêves &amp; Sel Marin RAW Bio, 70 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 11.36 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tCRYg1qtB051ZeDBtUNSN96SoK_yl-yqW_qddOulskI41KSaUrJGSOZnlfO_iJAToPu4iO2N9Av-FHzEczzacA" />
    <input value="5506" 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/tablette-birkengold-chocolat-noisette-fair-100-g-5543">
          <img alt="Tablette Birkengold Chocolat Noisette Fair" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3218/file/small-13ff5a609b1d5f171a29ff3d5f6f4e84.webp 600w, https://assets.fabulous.ch/public/variant_asset/3218/file/medium-3779e22b3fb52bc29b35a02fd98815b9.webp 900w, https://assets.fabulous.ch/public/variant_asset/3218/file/large-3661c70eea93b078e28ee9c9e17bad17.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3218/file/medium-3779e22b3fb52bc29b35a02fd98815b9.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">Birkengold</p>
          <a href="/fr/products/tablette-birkengold-chocolat-noisette-fair-100-g-5543">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tablette Birkengold Chocolat Noisette Fair, 100 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 5.80 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WZtdl7T0INTb3ULuASqyc7xcHbhQhZYTFbUwrJtbwY7Va6GOvOth0kjfN9wL4XBXwjUFn0-fjrKwW9EcA8KpvA" />
    <input value="5543" 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/tablette-birkengold-chocolat-noir-sans-sucres-ajoutes-fair-100-g-5544">
          <img alt="Tablette Birkengold Chocolat Noir Sans sucres ajoutés Fair" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3219/file/small-b6f4b394d43407a1f588a74e710e576a.webp 600w, https://assets.fabulous.ch/public/variant_asset/3219/file/medium-72217078e0f867fcfbffe7d9962d55bd.webp 900w, https://assets.fabulous.ch/public/variant_asset/3219/file/large-c674f1d9f77614c3e241d0c365a03050.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3219/file/medium-72217078e0f867fcfbffe7d9962d55bd.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">Birkengold</p>
          <a href="/fr/products/tablette-birkengold-chocolat-noir-sans-sucres-ajoutes-fair-100-g-5544">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tablette Birkengold Chocolat Noir Sans sucres ajoutés Fair, 100 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 5.80 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sNgFB4WWL8JmsOm27JU1g5OnKPwfyfD27uQ9DXAeHkQ8KPkejYluxPWynITmXven7c4w2wDT6FdLCty96Id2dg" />
    <input value="5544" 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/fruits-gelifies-veggie-hearts-sans-gelatine-bio-100-g-5847">
          <img alt="Fruits Gélifiés Veggie-Hearts sans gelatine Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3361/file/small-e0113d824d97ac382b3e88b3b88abdaf.webp 600w, https://assets.fabulous.ch/public/variant_asset/3361/file/medium-ed4ad63f31b41ee95afe62a5223d7ff4.webp 900w, https://assets.fabulous.ch/public/variant_asset/3361/file/large-f31640a92ccf700048558bbb98ffc368.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3361/file/medium-ed4ad63f31b41ee95afe62a5223d7ff4.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">Ökovital</p>
          <a href="/fr/products/fruits-gelifies-veggie-hearts-sans-gelatine-bio-100-g-5847">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fruits Gélifiés Veggie-Hearts sans gelatine Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="InQ9TbCvl2CwK12jZKpIBQ2g6G5Re6msQZCsDFTxrG-uhMFUuLDWZiMpKJFuYYohc8nwSU5hsQ3kfk28zGjEXQ" />
    <input value="5847" 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/kookie-cat-amandes-chocolat-biscuits-sans-gluten-bio-50-g-5858">
          <img alt="KOOKIE CAT Amandes &amp; Chocolat Biscuits 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/3366/file/small-fac951eacc929e799c3e4eecde27f9fb.webp 600w, https://assets.fabulous.ch/public/variant_asset/3366/file/medium-c0d7288ff1164e098c70b0ccbe8f177e.webp 900w, https://assets.fabulous.ch/public/variant_asset/3366/file/large-74274b869d3fba38e6a4ed0db13c6cd4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3366/file/medium-c0d7288ff1164e098c70b0ccbe8f177e.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">Kookie Cat</p>
          <a href="/fr/products/kookie-cat-amandes-chocolat-biscuits-sans-gluten-bio-50-g-5858">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">KOOKIE CAT Amandes &amp; Chocolat Biscuits sans gluten Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.25
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="byBKP6e-Cy54wzXdrLgRHlRqrJ6zIa0U-bgDDsGQRpPj0LYmr6FKKOvBQO-mc9M6KgO0uaw7tbVcVuK-WQkuoQ" />
    <input value="5858" 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/jelly-ourson-gingembre-sans-gelatine-bio-100-g-5859">
          <img alt="Jelly Ourson Gingembre Sans Gelatine, Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3367/file/small-9b5f6672bcb8a0e90d4780aebc11a1fc.webp 600w, https://assets.fabulous.ch/public/variant_asset/3367/file/medium-052e0b59ff2116b6b57070bdb4e5b6bb.webp 900w, https://assets.fabulous.ch/public/variant_asset/3367/file/large-70e6eeffe4d6af4b881403533414ba4d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3367/file/medium-052e0b59ff2116b6b57070bdb4e5b6bb.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/fr/products/jelly-ourson-gingembre-sans-gelatine-bio-100-g-5859">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Jelly Ourson Gingembre Sans Gelatine, Bio, 100 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 3.70 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QrZPHz3BYYpONnnK0GgPU5atoXU6-q7bEUjgiziNi9XORrMGNd4gjN00DPjao8136MS5UiXgtnq0pgE7oBTj5w" />
    <input value="5859" 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/jelly-ourson-mind-sweets-happy-buddha-bear-bio-75-g-5860">
          <img alt="Jelly Ourson mind sweets Happy Buddha Bear Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3368/file/small-8b32020591d210a0af7c6339488523ba.webp 600w, https://assets.fabulous.ch/public/variant_asset/3368/file/medium-a941bf49813973ae3bc10ce7b22bd5e4.webp 900w, https://assets.fabulous.ch/public/variant_asset/3368/file/large-04984b9234aeaeff470e292b5045f5b2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3368/file/medium-a941bf49813973ae3bc10ce7b22bd5e4.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">Mind Sweets</p>
          <a href="/fr/products/jelly-ourson-mind-sweets-happy-buddha-bear-bio-75-g-5860">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Jelly Ourson mind sweets Happy Buddha Bear Bio, 75 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 3.93 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ycy6xVlZcZuW9a4nzYnSIA2EUsUx_fWg1bDdH1xLAkftPEbcUUYwnQX32xXHQhAEc-1K4i7n7QFwXjyvxNJqdQ" />
    <input value="5860" 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/gelee-de-fruits-lucky-sticks-fraise-sans-gluten-bio-75-g-5861">
          <img alt="Gelée de fruits Lucky Sticks Fraise 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/3369/file/small-88422a638545c75ed4b040a3a1228097.webp 600w, https://assets.fabulous.ch/public/variant_asset/3369/file/medium-64d0d10ead0b5c649f9dfbbb5b362590.webp 900w, https://assets.fabulous.ch/public/variant_asset/3369/file/large-7a7e5dad919eefefb5776553538a6bf6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3369/file/medium-64d0d10ead0b5c649f9dfbbb5b362590.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">Mind Sweets</p>
          <a href="/fr/products/gelee-de-fruits-lucky-sticks-fraise-sans-gluten-bio-75-g-5861">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gelée de fruits Lucky Sticks Fraise Sans Gluten Bio, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hI3kMGjHUn8J-rlq_veIvc7uRNZZUzuAmiXB-sz80ckIfRgpYNgTeZr4zFj0PEqZsIdc8UZJIyE_yyBKVGW5-w" />
    <input value="5861" 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/gelee-de-fruits-lucky-sticks-framboise-sans-gluten-bio-75-g-5862">
          <img alt="Gelée de fruits Lucky Sticks Framboise 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/3371/file/small-6d30ba4d7602b4fdf6ae14ce311bafff.webp 600w, https://assets.fabulous.ch/public/variant_asset/3371/file/medium-21e7c1adfb9432e46993af959ece44d5.webp 900w, https://assets.fabulous.ch/public/variant_asset/3371/file/large-7a45c9f7686247b0ae92b9bc68a94db7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3371/file/medium-21e7c1adfb9432e46993af959ece44d5.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">Mind Sweets</p>
          <a href="/fr/products/gelee-de-fruits-lucky-sticks-framboise-sans-gluten-bio-75-g-5862">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gelée de fruits Lucky Sticks Framboise Sans Gluten Bio, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WH7FXJZlUm94AYnXzMh0YT4xOTTtTzRPDGHynlnjPlDUjjlFnnoTaesD_OXGA7ZFQFghE_JVLO6pjxMuwXpWYg" />
    <input value="5862" 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/bonbons-gingembre-ginger-bio-50-g-5863">
          <img alt="Bonbons Gingembre Ginger Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3372/file/small-64fe9e4756b94eefbaee3741b0dd9c64.webp 600w, https://assets.fabulous.ch/public/variant_asset/3372/file/medium-74b1ce9f5810320c5e7cd8258b442f5e.webp 900w, https://assets.fabulous.ch/public/variant_asset/3372/file/large-d3651f928c9aafade103b828073e7143.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3372/file/medium-74b1ce9f5810320c5e7cd8258b442f5e.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/bonbons-gingembre-ginger-bio-50-g-5863">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bonbons Gingembre Ginger Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3zmHzbbFq4Pz1yS0W8UnV75-fVzjOMY6IVgmSobfoLRTyXvUvtrqhWDVUYZRDuVzwBdle_wi3puEtsf6HkbIhg" />
    <input value="5863" 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/kookie-cat-salted-caramel-almond-biscuits-bio-50-g-5899">
          <img alt="KOOKIE CAT Salted Caramel Almond Biscuits Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3383/file/small-7df06e1390d5ea08c488a6f50eaa6985.webp 600w, https://assets.fabulous.ch/public/variant_asset/3383/file/medium-e073afebd93c4279a7e798403ec16bea.webp 900w, https://assets.fabulous.ch/public/variant_asset/3383/file/large-0d546fe058767802e9351f490d4e04db.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3383/file/medium-e073afebd93c4279a7e798403ec16bea.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">Kookie Cat</p>
          <a href="/fr/products/kookie-cat-salted-caramel-almond-biscuits-bio-50-g-5899">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">KOOKIE CAT Salted Caramel Almond Biscuits Bio, 50 g</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 4.40 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VqmEgfkw6p3NqiRwtvLpNFk4Njq-dw-b8mOY6kg1Ux_aWXiY8S-rm16oUUK8OSsQJ1EuHaFtFzpXjXla0Kw7LQ" />
    <input value="5899" 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/lovechock-chocolat-creamy-noix-de-coco-eclats-de-cacao-raw-bio-40-g-5917">
          <img alt="Lovechock Chocolat creamy noix de coco - éclats de cacao RAW Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3387/file/small-b6592faa9737335bbe8e9c758e6d8359.webp 600w, https://assets.fabulous.ch/public/variant_asset/3387/file/medium-803e607840e153dbfccd53ac4039983b.webp 900w, https://assets.fabulous.ch/public/variant_asset/3387/file/large-494c83d308e1e37aba457048ed318c88.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3387/file/medium-803e607840e153dbfccd53ac4039983b.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">Lovechock</p>
          <a href="/fr/products/lovechock-chocolat-creamy-noix-de-coco-eclats-de-cacao-raw-bio-40-g-5917">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lovechock Chocolat creamy noix de coco - éclats de cacao RAW Bio, 40 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 12.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="X8ZH46dPlptqydHLrq55YCRBOLecW1xNRXFsa5F6r9DTNrv6r1DXnfnLpPmkZbtEWiggkINBROzgn43bCePH4g" />
    <input value="5917" 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/lovechock-chocolat-extra-pure-94-raw-bio-40-g-5919">
          <img alt="Lovechock Chocolat Extra Pure 94% RAW Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3391/file/small-284cf01d745f5910174b47e026725457.webp 600w, https://assets.fabulous.ch/public/variant_asset/3391/file/medium-5af99dc601d10debbf33a09870a0a89d.webp 900w, https://assets.fabulous.ch/public/variant_asset/3391/file/large-d11cc55136b44fa61d0c99312d49b620.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3391/file/medium-5af99dc601d10debbf33a09870a0a89d.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">Lovechock</p>
          <a href="/fr/products/lovechock-chocolat-extra-pure-94-raw-bio-40-g-5919">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lovechock Chocolat Extra Pure 94% RAW Bio, 40 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 12.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XP1-Em5OU3936zfu2gEyqRSr1hqjM6orM8p7q6Mxxt3QDYILZlESeeTpQtzQyvCNasLOPbwpsoqWJJobO6iu7w" />
    <input value="5919" 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/puree-de-pommes-sans-sucre-ajoute-bio-700-g-6007">
          <img alt="Purée de pommes 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/3444/file/small-f2ec2e0f62f6536eea592fc8d6a627eb.webp 600w, https://assets.fabulous.ch/public/variant_asset/3444/file/medium-95a7512f34f1bb842632aa8d02e8d6a6.webp 900w, https://assets.fabulous.ch/public/variant_asset/3444/file/large-b519d9a6c00f5a8f909151cc9f84b61d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3444/file/medium-95a7512f34f1bb842632aa8d02e8d6a6.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/puree-de-pommes-sans-sucre-ajoute-bio-700-g-6007">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Purée de pommes Sans sucre ajouté Bio, 700 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.85
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qA-Cvv8-DZtyAE_iOrEzsWTUWDFYj_xbWKYrt9jTYUsk_36n9yFMneECOtAwevGVGr1AFkeV5Pr9SMoHQEoJeQ" />
    <input value="6007" 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/puree-de-pommes-mangue-sans-sucre-ajoute-bio-360-g-6008">
          <img alt="Purée de pommes mangue  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/3445/file/small-c468af6d940d08590afead9f67355282.webp 600w, https://assets.fabulous.ch/public/variant_asset/3445/file/medium-aec1df787442fcb95e86269f015a416b.webp 900w, https://assets.fabulous.ch/public/variant_asset/3445/file/large-9a7719c1b1da548f0e246040d1494e00.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3445/file/medium-aec1df787442fcb95e86269f015a416b.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/puree-de-pommes-mangue-sans-sucre-ajoute-bio-360-g-6008">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Purée de pommes mangue  Sans sucre ajouté Bio, 360 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DXE4s9cqlU1iRWaF9xSxFKI25Q6P_XQWmmOJqoQU4bGBgcSq3zXUS_FHE7f933Mw3F_9KZDnbLc_jWgaHI2Jgw" />
    <input value="6008" 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/barres-lini-s-bites-amandes-cookie-dough-bio-40-g-6489">
          <img alt="Barres Lini&#39;s Bites Amandes Cookie Dough Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3717/file/small-6a114271eac5565e5092d39c140c2682.webp 600w, https://assets.fabulous.ch/public/variant_asset/3717/file/medium-bad3b502596d818eacb1d8ab28467ed2.webp 900w, https://assets.fabulous.ch/public/variant_asset/3717/file/large-dcc453ebca04166d5fbfed93808dbb25.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3717/file/medium-bad3b502596d818eacb1d8ab28467ed2.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/barres-lini-s-bites-amandes-cookie-dough-bio-40-g-6489">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Barres Lini&#39;s Bites Amandes Cookie Dough Bio, 40 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 9.88 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="J429KiHPUFu6bnIKlcfjhTdm_6JXxHheL4XrA06IlsGrfUEzKdARXSlsBzifDCGhSQ_nhUjeYP-Kawqz1hH-8w" />
    <input value="6489" 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">
      100 sur 443 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/comestibles/sucre-desserts?format=turbo_stream&amp;page=6">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>