<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/gaufrettes-chocolat-bio-190-g-4139">
          <img alt="Gaufrettes Chocolat Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2610/file/small-188d68099e8336f206bf490f49fd7734.webp 600w, https://assets.fabulous.ch/public/variant_asset/2610/file/medium-b8f69dad81b6c53e1e63fc6c47cba3ab.webp 900w, https://assets.fabulous.ch/public/variant_asset/2610/file/large-1c5ed300216572f4be9fe4af2ca89587.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2610/file/medium-b8f69dad81b6c53e1e63fc6c47cba3ab.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">Bisson</p>
          <a href="/fr/products/gaufrettes-chocolat-bio-190-g-4139">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gaufrettes Chocolat Bio, 190 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MbHebKYqIZrOwoJCPqfZNrQwFzrxQ4tfaTwYxsEmfqcOzEqWlR0wveqkn1N1wJLUcvecqqrZXK1LjWD31a37Hg" />
    <input value="4139" 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/gaufrettes-citron-bio-190-g-4140">
          <img alt="Gaufrettes Citron Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2612/file/small-d5910c5a61181b10c6ed081ffc861de1.webp 600w, https://assets.fabulous.ch/public/variant_asset/2612/file/medium-f21fd61baeaa96aab72788427a289d55.webp 900w, https://assets.fabulous.ch/public/variant_asset/2612/file/large-d4c0a3300399442c27ca590a19670321.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2612/file/medium-f21fd61baeaa96aab72788427a289d55.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">Bisson</p>
          <a href="/fr/products/gaufrettes-citron-bio-190-g-4140">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gaufrettes Citron Bio, 190 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 3.05 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wyR7M9n7-1Me8Y4E31ZR5XMOm0zSDMxaqft0HKRpUw_8We_J6szqdDqXkxWUMRoHtckQ3ImWG6iLSgwtsOLWtg" />
    <input value="4140" 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-double-chocolat-noisette-sans-gluten-bio-135-g-4141">
          <img alt="Biscuits Double Chocolat-Noisette 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/2613/file/small-bbd9b558274fcb23ba49be40737b7e3b.webp 600w, https://assets.fabulous.ch/public/variant_asset/2613/file/medium-258b65ce1f9b2e65ef1f7d2402b8e115.webp 900w, https://assets.fabulous.ch/public/variant_asset/2613/file/large-7dd08e5851ae5019563d60df635bd483.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2613/file/medium-258b65ce1f9b2e65ef1f7d2402b8e115.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">Rhythm 108</p>
          <a href="/fr/products/biscuits-double-chocolat-noisette-sans-gluten-bio-135-g-4141">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biscuits Double Chocolat-Noisette Sans Gluten Bio, 135 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 3.04 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9EMRnrxJJoEajHepo8zbGIe1Tj0Qt_Yb3ufnQHPkyurLPoVkj343pj7qarjoq5D6QXLFrUstIen8Vp9xZ29PUw" />
    <input value="4141" 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/biscuits-noix-de-coco-sans-gluten-bio-135-g-4142">
          <img alt="Biscuits Noix de Coco 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/2616/file/small-1a25367693aae337ec7c2138522d5666.webp 600w, https://assets.fabulous.ch/public/variant_asset/2616/file/medium-cd3862c5228b1f5be28647803a47e8d1.webp 900w, https://assets.fabulous.ch/public/variant_asset/2616/file/large-65a4805ad4f7c666f091fa203f5925c7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2616/file/medium-cd3862c5228b1f5be28647803a47e8d1.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">Rhythm 108</p>
          <a href="/fr/products/biscuits-noix-de-coco-sans-gluten-bio-135-g-4142">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biscuits Noix de Coco Sans Gluten Bio, 135 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 3.04 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DIqTipC-MxgHQwnXqYs5ycFrzEnlxmr3w-92lGVUVLEz9wdwo4kiPyMlFMbi7HIrB6xH2b5cvQXhXg6lcd_RCA" />
    <input value="4142" 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-amandes-sans-gluten-bio-135-g-4143">
          <img alt="Biscuits Amandes 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/2615/file/small-e48c522c1c3bb5028217f705607a71b5.webp 600w, https://assets.fabulous.ch/public/variant_asset/2615/file/medium-8bfc8bc4ac08c4a30d51b3a06fc763d2.webp 900w, https://assets.fabulous.ch/public/variant_asset/2615/file/large-3bdd4de6b628bddb8ed4c3adfbe1be06.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2615/file/medium-8bfc8bc4ac08c4a30d51b3a06fc763d2.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">Rhythm 108</p>
          <a href="/fr/products/biscuits-amandes-sans-gluten-bio-135-g-4143">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biscuits Amandes Sans Gluten Bio, 135 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 3.04 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WYvRhUQ4Ke-i3EsZdAwkwBo61V-auSnooAFiFGiWTlVm9kV_dw84yIa6Vgg_a28i3P1ez8Ej_hqCsBolfB3L7A" />
    <input value="4143" 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/rapunzel-chocolat-noir-fourre-a-la-noix-de-coco-bio-50-g-4173">
          <img alt="Rapunzel Chocolat noir fourré à la noix de coco Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2632/file/small-b72a89e655a19a592b078ad7e7515bca.webp 600w, https://assets.fabulous.ch/public/variant_asset/2632/file/medium-15031d56fda64dc3a0dd1e7780acfef2.webp 900w, https://assets.fabulous.ch/public/variant_asset/2632/file/large-f0a243728b4c35d9b96e437e62811a51.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2632/file/medium-15031d56fda64dc3a0dd1e7780acfef2.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/rapunzel-chocolat-noir-fourre-a-la-noix-de-coco-bio-50-g-4173">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rapunzel Chocolat noir fourré à la noix de coco Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.15
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LpOocJ3SEqZKOIKQPR9MqnPc0-o_zkRKleSKui0mA5ER7jyKruUDgW5en4F2eAdItRtYemRUk7i3VfKLOa2GKA" />
    <input value="4173" 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">
    <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/pralines-framboise-boite-de-6-bio-72-g-4215">
          <img alt="Pralines Framboise Boîte de 6 Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2648/file/small-4d6bab69ac1245d4548ac40fb88e5b72.webp 600w, https://assets.fabulous.ch/public/variant_asset/2648/file/medium-8ea97910f51cc6d1acde3301d1b0d991.webp 900w, https://assets.fabulous.ch/public/variant_asset/2648/file/large-00d7099b4de7044e5af992c28040d1ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2648/file/medium-8ea97910f51cc6d1acde3301d1b0d991.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">Naturkostbar</p>
          <a href="/fr/products/pralines-framboise-boite-de-6-bio-72-g-4215">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pralines Framboise Boîte de 6 Bio, 72 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.90
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-4215-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  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/pralines-gianduja-pack-de-6-bio-72-g-4217">
          <img alt="Pralinés Gianduja Pack de 6 Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2649/file/small-7b9d43198751af10671cc94c1972d3e1.webp 600w, https://assets.fabulous.ch/public/variant_asset/2649/file/medium-0766cb692a8c7e07bd11db360ae924f9.webp 900w, https://assets.fabulous.ch/public/variant_asset/2649/file/large-584282132d092cbdc77e131cc418eb15.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2649/file/medium-0766cb692a8c7e07bd11db360ae924f9.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">Naturkostbar</p>
          <a href="/fr/products/pralines-gianduja-pack-de-6-bio-72-g-4217">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pralinés Gianduja Pack de 6 Bio, 72 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.90
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-4217-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/chips-noix-de-coco-cacao-bio-70-g-4366">
          <img alt="Chips Noix de Coco Cacao Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2720/file/small-1fbb5a1bb10491d6f798e7fcc337b5b9.webp 600w, https://assets.fabulous.ch/public/variant_asset/2720/file/medium-6332ceffaec4243e929608c87d4b18af.webp 900w, https://assets.fabulous.ch/public/variant_asset/2720/file/large-af2d122ce92b4edb85398210d66bb091.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2720/file/medium-6332ceffaec4243e929608c87d4b18af.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/chips-noix-de-coco-cacao-bio-70-g-4366">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chips Noix de Coco Cacao Bio, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.35
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="C3tNZTGDbR8aR1th9UhcqI3vWG9BvAcJ0soJV-qmauc0BtmfArR8OD4hRnC-LxdKSyjT_xom0Pvwe3Fm_i3vXg" />
    <input value="4366" 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/chips-noix-de-coco-caramel-sales-bio-70-g-4367">
          <img alt="Chips Noix de Coco Caramel Salés Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2721/file/small-bfd10cdf9018f513736384f726043caf.webp 600w, https://assets.fabulous.ch/public/variant_asset/2721/file/medium-84acf8628904f043a8f50c2f3adc96cd.webp 900w, https://assets.fabulous.ch/public/variant_asset/2721/file/large-2113eb12ef476fc997bf2396ca8f8d49.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2721/file/medium-84acf8628904f043a8f50c2f3adc96cd.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/chips-noix-de-coco-caramel-sales-bio-70-g-4367">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chips Noix de Coco Caramel Salés Bio, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.35
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zaxnzi923ksRdw6DN4_qzgYiHGypG8dKi0CXxdyxn0Py0fM0HEHPbDURE5J86KEswOWX_PKBELip8e_0yDoa-g" />
    <input value="4367" 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/alternative-vegetalien-au-sere-soja-framboises-soyananda-bio-125-g-4371">
          <img alt="Alternative Végétalien au Séré Soja Framboises Soyananda Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2726/file/small-71713c9686f48662735cd443018dd1ad.webp 600w, https://assets.fabulous.ch/public/variant_asset/2726/file/medium-7697222e88daf80d0c9c27dbacba5065.webp 900w, https://assets.fabulous.ch/public/variant_asset/2726/file/large-b33e4fa0552015fa9649c99a3e83a14d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2726/file/medium-7697222e88daf80d0c9c27dbacba5065.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">Soyana</p>
          <a href="/fr/products/alternative-vegetalien-au-sere-soja-framboises-soyananda-bio-125-g-4371">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Alternative Végétalien au Séré Soja Framboises Soyananda Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.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 2.36 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ja1l7rNYP3VBb-tnN8Lgm6BD7kClbKHGsjnY7FYl-lay0PEUgG8uUmUJ9nZ8pat5ZoRl0P72djSQiKDdQq5_7w" />
    <input value="4371" 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/alternative-vegetale-au-fromage-frais-mangue-bio-200-g-4372">
          <img alt="Alternative Végétale au fromage frais Mangue, Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2728/file/small-ea27830c5a4375bf35864f607f6e4d90.webp 600w, https://assets.fabulous.ch/public/variant_asset/2728/file/medium-bcedd1f9f93688c85b51fc12164c1eb7.webp 900w, https://assets.fabulous.ch/public/variant_asset/2728/file/large-ba0ddfad4e25c9f3912eff712e5c6c65.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2728/file/medium-bcedd1f9f93688c85b51fc12164c1eb7.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">Soyana</p>
          <a href="/fr/products/alternative-vegetale-au-fromage-frais-mangue-bio-200-g-4372">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Alternative Végétale au fromage frais Mangue, Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.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 1.48 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jlfPERIGVnSXTRTHMWszTHl2sr5p6BdMXiUWTCtOjH2xKlvrITFHU7MrCdZ6DHiuv7E5LjJywL58lG59P8UJxA" />
    <input value="4372" 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">
    <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/barre-crue-cacao-bio-50-g-4430">
          <img alt="Barre Crue Cacao Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2756/file/small-8ab257a3623331d6b14c01a9cbeaf299.webp 600w, https://assets.fabulous.ch/public/variant_asset/2756/file/medium-f5ce8359756a391da18acf9d12b12e09.webp 900w, https://assets.fabulous.ch/public/variant_asset/2756/file/large-46c5f8a575af318883c40ebfd7b5bf2d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2756/file/medium-f5ce8359756a391da18acf9d12b12e09.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">Roo&#39;Bar</p>
          <a href="/fr/products/barre-crue-cacao-bio-50-g-4430">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Barre Crue Cacao Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.75
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-4430-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  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/rhythm-108-chocolat-noisettes-praline-sans-gluten-bio-33-g-4490">
          <img alt="Rhythm 108 Chocolat Noisettes Praliné 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/2773/file/small-8d009f6049f13ff797fd30edd23e45ff.webp 600w, https://assets.fabulous.ch/public/variant_asset/2773/file/medium-a414dd36cfb8abc468023df30dc6d4bc.webp 900w, https://assets.fabulous.ch/public/variant_asset/2773/file/large-db86c6e53ec06c8d43f790c5e9aacd70.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2773/file/medium-a414dd36cfb8abc468023df30dc6d4bc.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">Rhythm 108</p>
          <a href="/fr/products/rhythm-108-chocolat-noisettes-praline-sans-gluten-bio-33-g-4490">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rhythm 108 Chocolat Noisettes Praliné Sans Gluten Bio, 33 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="X-4grAR0V58z_lL2sC7t9yhfDlcMo-PLxxoCGcUrPGdgk7RWN0NGuBeYT-f7SaYV7piFx1c5NDnlq3oo0aC53g" />
    <input value="4490" 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/rhythm-108-noix-de-coco-avec-couverture-chocolate-bio-33-g-4491">
          <img alt="Rhythm 108 Noix de coco avec couverture chocolate Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2776/file/small-82b1e1180293879f040fc90498337f39.webp 600w, https://assets.fabulous.ch/public/variant_asset/2776/file/medium-836e35d7eab8011c6d7dd2cc92c1a469.webp 900w, https://assets.fabulous.ch/public/variant_asset/2776/file/large-3176fd9f1f233c65ea60969298593813.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2776/file/medium-836e35d7eab8011c6d7dd2cc92c1a469.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">Rhythm 108</p>
          <a href="/fr/products/rhythm-108-noix-de-coco-avec-couverture-chocolate-bio-33-g-4491">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rhythm 108 Noix de coco avec couverture chocolate Bio, 33 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9FkqDGygsLsUa65llWftEVUrLMAA5SDUW7xaGCi006nLJL72X5ehnDANs3TeAKbzk-ynUFt_9yZ5DSIpPD9WEA" />
    <input value="4491" 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/rhythm-108-chocolat-sweet-n-salty-amandes-bio-33-g-4492">
          <img alt="Rhythm 108 Chocolat Sweet &#39;N&#39; Salty Amandes Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2777/file/small-56fa8b3854b211f8d3cb1f6ff211168b.webp 600w, https://assets.fabulous.ch/public/variant_asset/2777/file/medium-8d963a30898700bbbed0eaff8dd8ac34.webp 900w, https://assets.fabulous.ch/public/variant_asset/2777/file/large-e9bd40e9487ed6b36398501f82044b91.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2777/file/medium-8d963a30898700bbbed0eaff8dd8ac34.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">Rhythm 108</p>
          <a href="/fr/products/rhythm-108-chocolat-sweet-n-salty-amandes-bio-33-g-4492">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rhythm 108 Chocolat Sweet &#39;N&#39; Salty Amandes Bio, 33 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oE-ytodX1mlsZIen_SNqSQiC071i5YdVk0TzW66zq7KfMiZMtGDHTkgCmra2RCGrzkVYLTl_UKex9YtqujguCw" />
    <input value="4492" 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/choco-balls-sans-gluten-bio-275-g-5042">
          <img alt="Choco Balls 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/2972/file/small-1c04e5885a1e3230fb10681bff6784f7.webp 600w, https://assets.fabulous.ch/public/variant_asset/2972/file/medium-8e29767b840f1408c3dcd1428c4fdf4f.webp 900w, https://assets.fabulous.ch/public/variant_asset/2972/file/large-362bdadc525e49667054316ea1efe7ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2972/file/medium-8e29767b840f1408c3dcd1428c4fdf4f.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/choco-balls-sans-gluten-bio-275-g-5042">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Choco Balls sans gluten Bio, 275 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 2.11 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YJ88V6HfF1nGPGDk7Sz7DAO0VhSzVcrKFr83bzCmBxxf4qitkugGfuJaffWmS7DuxXPdhOjPHTg0Dk9eJC2CpQ" />
    <input value="5042" 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-fourres-a-la-fraise-100-g-5050">
          <img alt="Mini Choc Bars fourrés à la fraise" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2984/file/small-d45d7f4432e83b983bf5a33e54bcca40.webp 600w, https://assets.fabulous.ch/public/variant_asset/2984/file/medium-d1f655356926fe3dabf8429c28411192.webp 900w, https://assets.fabulous.ch/public/variant_asset/2984/file/large-23a8b01e3bdf68377d666667fb304d83.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2984/file/medium-d1f655356926fe3dabf8429c28411192.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-fourres-a-la-fraise-100-g-5050">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mini Choc Bars fourrés à la fraise, 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-5050-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kWp8JL_3K0Fljwr-s8NuEJiZ6zAQ-21wG2uA-88pyByuF-jejMA6ZkHpF-_4pCXyXl5goEthuoI52vjK26JNpQ" />
    <input value="5050" 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/vantastic-foods-buttons-schakalode-sans-soja-500-g-5052">
          <img alt="Vantastic Foods Buttons Schakalode Sans Soja" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2985/file/small-85de2bfaf73e232726f61d156a75fc22.webp 600w, https://assets.fabulous.ch/public/variant_asset/2985/file/medium-2a9baacad106014075fcbbcf3546cf90.webp 900w, https://assets.fabulous.ch/public/variant_asset/2985/file/large-48d1b0197306a0c6921dbd2cd3fbfe89.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2985/file/medium-2a9baacad106014075fcbbcf3546cf90.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/vantastic-foods-buttons-schakalode-sans-soja-500-g-5052">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vantastic Foods Buttons Schakalode Sans Soja, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9EgsB302oTKa6G0wq7P_t_LST4c_Wv6tcnLQ82WpnMXLNbj9TgGwFb6OcCHg1LRVNBXEF2TAKV9Qw6jCcSIZfA" />
    <input value="5052" 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/biscuits-cookies-noix-de-pecan-peptites-chocolat-noir-175-g-5259">
          <img alt="Biscuits Cookies Noix de Pécan péptites chocolat noir" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3065/file/small-5eb296343d93b3f43ab36798593b6358.webp 600w, https://assets.fabulous.ch/public/variant_asset/3065/file/medium-a46a43815ca59d1cc97b252f18c2a3c9.webp 900w, https://assets.fabulous.ch/public/variant_asset/3065/file/large-ea9fbac718581838b28a6eed0b59f867.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3065/file/medium-a46a43815ca59d1cc97b252f18c2a3c9.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-noix-de-pecan-peptites-chocolat-noir-175-g-5259">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biscuits Cookies Noix de Pécan péptites chocolat noir, 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-5259-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UOabuJwfAxRXYFALXeyXQl3eV41WZ9WfjPosDRuENiRvmw9CrygSM3MGTRoWi9ygmxncHQ39Am2uS1Q8Dw-znQ" />
    <input value="5259" 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">
      80 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=5">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>