<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/galettes-de-riz-avec-chocolat-noir-bio-65-g-12007">
          <img alt="Galettes de riz avec chocolat noir Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6101/file/small-fc7b19e9a1b2c09fe854c4a760eef031.webp 600w, https://assets.fabulous.ch/public/variant_asset/6101/file/medium-df579b9bb63b436463bf562a3bbdc7aa.webp 900w, https://assets.fabulous.ch/public/variant_asset/6101/file/large-5d657b348ee789593cf73e870ed96b8c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6101/file/medium-df579b9bb63b436463bf562a3bbdc7aa.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">Byodo</p>
          <a href="/fr/products/galettes-de-riz-avec-chocolat-noir-bio-65-g-12007">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Galettes de riz avec chocolat noir Bio, 65 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Qr366Fqr0ZBkqN5LYTlmUzbPIgjDdFWcleCHiTBgfq4oPUdD4M2HrT8p0d1F7fY0e5HSU4dB-8Gsq-WIIeB-FA" />
    <input value="12007" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/barre-fruitee-datte-orange-bio-40-g-12140">
          <img alt="Barre Fruitée Datte Orange Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6140/file/small-549e103da79a7c2b10d49003f3415471.webp 600w, https://assets.fabulous.ch/public/variant_asset/6140/file/medium-46ac7b2ba975f7f07b833efed247520f.webp 900w, https://assets.fabulous.ch/public/variant_asset/6140/file/large-c34085cc89bd4328746c1ce8766111e9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6140/file/medium-46ac7b2ba975f7f07b833efed247520f.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">Allos</p>
          <a href="/fr/products/barre-fruitee-datte-orange-bio-40-g-12140">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Barre Fruitée Datte Orange Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qjtD53fBDXiWcPQJ_f65flCbXaHDoZzGAqCs2MK1JyfAu_5MzadbRc3x-5_ZKikZHcWt-oeUMps7687Z0zUnnQ" />
    <input value="12140" 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/barre-fruitee-mangue-bio-40-g-12141">
          <img alt="Barre Fruitée Mangue Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6141/file/small-85eaf0e95085a8caf0f41b3b1c2a533b.webp 600w, https://assets.fabulous.ch/public/variant_asset/6141/file/medium-1afe8b8a32260c7f90a1fa765467ed24.webp 900w, https://assets.fabulous.ch/public/variant_asset/6141/file/large-6dc66a335c89ad15355fc80adf1b5aa8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6141/file/medium-1afe8b8a32260c7f90a1fa765467ed24.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">Allos</p>
          <a href="/fr/products/barre-fruitee-mangue-bio-40-g-12141">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Barre Fruitée Mangue Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Fbzik-NnKbdEJZE_GF1KiwJqwXTNLGM_kn78MqXO70p_PF84WQF_ih-knqk8idrsTzQxL4kZzWKrNZ4ztE7v8A" />
    <input value="12141" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/barre-fruitee-myrtille-bio-40-g-12142">
          <img alt="Barre Fruitée Myrtille Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6142/file/small-b1535e06ec39ae662b55ed659d05d726.webp 600w, https://assets.fabulous.ch/public/variant_asset/6142/file/medium-9f03062261e18e1585beff88a55f8a80.webp 900w, https://assets.fabulous.ch/public/variant_asset/6142/file/large-548e04c517d41ff5b3cb2418bd7b7b86.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6142/file/medium-9f03062261e18e1585beff88a55f8a80.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">Allos</p>
          <a href="/fr/products/barre-fruitee-myrtille-bio-40-g-12142">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Barre Fruitée Myrtille Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RfRfvd-0Inh_Mmxoov6hTQ0oOnDbhW6MgoOLtgAw7d0vdOIWZdJ0RSSzY_6GKjEqQHbKK5-wwNG7yOm3EbDtZw" />
    <input value="12142" 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/barre-fruitee-canneberge-noix-de-cajou-bio-40-g-12143">
          <img alt="Barre Fruitée Canneberge Noix de Cajou Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6143/file/small-4c5118ed75c7cf86d53b406a64876ff8.webp 600w, https://assets.fabulous.ch/public/variant_asset/6143/file/medium-bc517f1aa81ff313374780c7f9d6cd8f.webp 900w, https://assets.fabulous.ch/public/variant_asset/6143/file/large-151296cdf211b04a5b711963c8a48120.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6143/file/medium-bc517f1aa81ff313374780c7f9d6cd8f.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">Allos</p>
          <a href="/fr/products/barre-fruitee-canneberge-noix-de-cajou-bio-40-g-12143">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Barre Fruitée Canneberge Noix de Cajou Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.10
            </p>

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

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

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

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


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Épuisé
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/boules-de-chocolat-croquantes-saveur-de-miel-35-g-12245">
          <img alt="Boules de chocolat croquantes saveur de miel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6167/file/small-f020e169db3d769b0d605ca9b0add15c.webp 600w, https://assets.fabulous.ch/public/variant_asset/6167/file/medium-de04340b0be1467f129e25d007e4f0c6.webp 900w, https://assets.fabulous.ch/public/variant_asset/6167/file/large-fdcaf02a3f5ad74f54a138760bac8475.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6167/file/medium-de04340b0be1467f129e25d007e4f0c6.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">Moo Free Chocolates</p>
          <a href="/fr/products/boules-de-chocolat-croquantes-saveur-de-miel-35-g-12245">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Boules de chocolat croquantes saveur de miel, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.40
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-12245-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">
    <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/chocopops-chocolat-brun-noisette-bio-35-g-12391">
          <img alt="CHOCOPOPS Chocolat Brun Noisette Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6215/file/small-ab4020bdf06b64b6cbe1db6d7817ef59.webp 600w, https://assets.fabulous.ch/public/variant_asset/6215/file/medium-1d3a299b63ba9beef9a9b4d2a4f25503.webp 900w, https://assets.fabulous.ch/public/variant_asset/6215/file/large-2353d42d5618eb129698ffb90442e7b1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6215/file/medium-1d3a299b63ba9beef9a9b4d2a4f25503.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">ZAZ Snacks</p>
          <a href="/fr/products/chocopops-chocolat-brun-noisette-bio-35-g-12391">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">CHOCOPOPS Chocolat Brun Noisette Bio, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-12391-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/chocopops-chocolat-noir-aux-amandes-bio-35-g-12393">
          <img alt="CHOCOPOPS Chocolat Noir aux Amandes Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6217/file/small-256ce83c8d3c23741b4a85eef53d52b5.webp 600w, https://assets.fabulous.ch/public/variant_asset/6217/file/medium-2a00eb104c25b1fc240027ef3a07b0cd.webp 900w, https://assets.fabulous.ch/public/variant_asset/6217/file/large-2aec8cd5ede2d65987c06a38eeb9415c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6217/file/medium-2a00eb104c25b1fc240027ef3a07b0cd.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">ZAZ Snacks</p>
          <a href="/fr/products/chocopops-chocolat-noir-aux-amandes-bio-35-g-12393">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">CHOCOPOPS Chocolat Noir aux Amandes Bio, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-12393-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">
    <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/chocobar-chocolat-noir-matcha-bio-45-g-12398">
          <img alt="CHOCOBAR Chocolat Noir Matcha Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6224/file/small-53664ed4a3904cc10cb281849aa41b32.webp 600w, https://assets.fabulous.ch/public/variant_asset/6224/file/medium-01e64fbff717e3c48bea666999e1ae51.webp 900w, https://assets.fabulous.ch/public/variant_asset/6224/file/large-65c11d108535dc7de2732af80ede791f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6224/file/medium-01e64fbff717e3c48bea666999e1ae51.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">ZAZ Snacks</p>
          <a href="/fr/products/chocobar-chocolat-noir-matcha-bio-45-g-12398">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">CHOCOBAR Chocolat Noir Matcha Bio, 45 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-12398-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/chocobar-blond-chocolat-amande-bio-45-g-12400">
          <img alt="CHOCOBAR Blond Chocolat Amande Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6227/file/small-d677bce106d5e32d1289acd67c830493.webp 600w, https://assets.fabulous.ch/public/variant_asset/6227/file/medium-12be64459c94ffc9e276832270304354.webp 900w, https://assets.fabulous.ch/public/variant_asset/6227/file/large-06ff64382515024bd7ab6a5af4554429.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6227/file/medium-12be64459c94ffc9e276832270304354.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">ZAZ Snacks</p>
          <a href="/fr/products/chocobar-blond-chocolat-amande-bio-45-g-12400">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">CHOCOBAR Blond Chocolat Amande Bio, 45 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-12400-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">
    <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/chocobar-chocolat-brun-noisette-bio-45-g-12403">
          <img alt="CHOCOBAR Chocolat Brun Noisette Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6228/file/small-6c0dde544c048ec0bdbcbfaffc730127.webp 600w, https://assets.fabulous.ch/public/variant_asset/6228/file/medium-564ff11476470587870f78caef57dcec.webp 900w, https://assets.fabulous.ch/public/variant_asset/6228/file/large-80efb3bc684fc869022fe017ae3ec1ef.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6228/file/medium-564ff11476470587870f78caef57dcec.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">ZAZ Snacks</p>
          <a href="/fr/products/chocobar-chocolat-brun-noisette-bio-45-g-12403">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">CHOCOBAR Chocolat Brun Noisette Bio, 45 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-12403-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/chocobar-chocolat-noir-aux-amandes-bio-45-g-12407">
          <img alt="CHOCOBAR Chocolat Noir aux Amandes Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6229/file/small-d3930b4b98977b7b3e516cb512b78c17.webp 600w, https://assets.fabulous.ch/public/variant_asset/6229/file/medium-7a175ca684b5cbb79fd410067e2a0265.webp 900w, https://assets.fabulous.ch/public/variant_asset/6229/file/large-ea7768e15dcc28e9f2f562846a2bf09d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6229/file/medium-7a175ca684b5cbb79fd410067e2a0265.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">ZAZ Snacks</p>
          <a href="/fr/products/chocobar-chocolat-noir-aux-amandes-bio-45-g-12407">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">CHOCOBAR Chocolat Noir aux Amandes Bio, 45 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-12407-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/guimauves-vegetaliennes-dandies-chocolat-105-g-12489">
          <img alt="Guimauves Végétaliennes Dandies Chocolat" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6255/file/small-15d30469bc1ac9f997b7fcb1b5ec8c3e.webp 600w, https://assets.fabulous.ch/public/variant_asset/6255/file/medium-2b58b1e45072d6c7082e593ea8b4da68.webp 900w, https://assets.fabulous.ch/public/variant_asset/6255/file/large-3a9bdecb33c75d95e2f7e87ad04f98d1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6255/file/medium-2b58b1e45072d6c7082e593ea8b4da68.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">Dandies Vegan Marshmallows</p>
          <a href="/fr/products/guimauves-vegetaliennes-dandies-chocolat-105-g-12489">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Guimauves Végétaliennes Dandies Chocolat, 105 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0N53T87ELqU705G99eirko8XAlbFw09xyM_25ndCnOy6XsrkdKJ4mGBSnivRPDv1wknyDYH24SzxhJTnZsKcVg" />
    <input value="12489" 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/sirop-d-erable-vegan-mini-marshmallows-dandies-105-g-12490">
          <img alt="Sirop d&#39;érable Vegan Mini Marshmallows Dandies" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6258/file/small-2b32145b0c345b3b3d123e24defaa87d.webp 600w, https://assets.fabulous.ch/public/variant_asset/6258/file/medium-8a43d32d7299fefe9296926ad0fef2c4.webp 900w, https://assets.fabulous.ch/public/variant_asset/6258/file/large-e3238fb076544022951e3f1c2601e185.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6258/file/medium-8a43d32d7299fefe9296926ad0fef2c4.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">Dandies Vegan Marshmallows</p>
          <a href="/fr/products/sirop-d-erable-vegan-mini-marshmallows-dandies-105-g-12490">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sirop d&#39;érable Vegan Mini Marshmallows Dandies, 105 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yi9mqvHqgvVDb7ofvjEKXRkld1D4X9EN8TqEncqsdEOgr9sBS4zUyBjutYma5Zo6VHuHC7xqf1DIceac2yx0-Q" />
    <input value="12490" 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/barre-creme-de-noix-noisette-cacao-bio-28-g-12735">
          <img alt="Barre crème de noix noisette cacao Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6300/file/small-27fd6a7ddbdb0f7aacf5173348a1612c.webp 600w, https://assets.fabulous.ch/public/variant_asset/6300/file/medium-f3008a3e2e66ab98f9aefa7a3bc08750.webp 900w, https://assets.fabulous.ch/public/variant_asset/6300/file/large-4a5622224180780f0ef532aeb21c17ac.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6300/file/medium-f3008a3e2e66ab98f9aefa7a3bc08750.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">foodloose</p>
          <a href="/fr/products/barre-creme-de-noix-noisette-cacao-bio-28-g-12735">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Barre crème de noix noisette cacao Bio, 28 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iXuxv3qvU8q8jsp3ISvyasdZP9ES2lRLQXcCYweeWSrj-wwUwMkF9-cPxeEF_2INigfPilbv-hZ4PGBiFh5ZkA" />
    <input value="12735" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/barre-creme-de-cacahuete-cacao-bio-28-g-12745">
          <img alt="Barre crème de cacahuète cacao Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6299/file/small-f722f623397e1592aba559ac2f0ddde5.webp 600w, https://assets.fabulous.ch/public/variant_asset/6299/file/medium-daf2bde066b73a7113a43c403d051ae6.webp 900w, https://assets.fabulous.ch/public/variant_asset/6299/file/large-ea96d63e0f229a0395de3be954645a23.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6299/file/medium-daf2bde066b73a7113a43c403d051ae6.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">foodloose</p>
          <a href="/fr/products/barre-creme-de-cacahuete-cacao-bio-28-g-12745">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Barre crème de cacahuète cacao Bio, 28 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Qn-R7nvUcR603U_vP66yFQqL3RZqfhqroChoiz23xg4o_yxFwbInI-9cQHkbeiJyR9UtTS5LtPaZYwqKLDfGtA" />
    <input value="12745" 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/riegel-loveraw-wafer-bar-cre-m-biscuit-caramelise-45-g-12753">
          <img alt="Riegel LoveRaw Wafer Bar Cre&amp;m Biscuit caramélisé" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6302/file/small-5ff57d115f320f818e5a379c872c1587.webp 600w, https://assets.fabulous.ch/public/variant_asset/6302/file/medium-2925d4efce0b85ea4deb48aa826e9db1.webp 900w, https://assets.fabulous.ch/public/variant_asset/6302/file/large-c3a205079a18432b7c4520b3c08ab423.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6302/file/medium-2925d4efce0b85ea4deb48aa826e9db1.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">Love Raw</p>
          <a href="/fr/products/riegel-loveraw-wafer-bar-cre-m-biscuit-caramelise-45-g-12753">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Riegel LoveRaw Wafer Bar Cre&amp;m Biscuit caramélisé, 45 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 6.56 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-12753-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/vegan-mini-marshmallows-dandies-courge-142-g-12930">
          <img alt="Vegan Mini Marshmallows Dandies Courge" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6350/file/small-2e7eaf63a59258ea7bedc776fdc5acfd.webp 600w, https://assets.fabulous.ch/public/variant_asset/6350/file/medium-451e8877fbb73b7109dda35df240f157.webp 900w, https://assets.fabulous.ch/public/variant_asset/6350/file/large-c753310317c4435f5c33e8ee68ae420e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6350/file/medium-451e8877fbb73b7109dda35df240f157.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">Dandies Vegan Marshmallows</p>
          <a href="/fr/products/vegan-mini-marshmallows-dandies-courge-142-g-12930">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan Mini Marshmallows Dandies Courge, 142 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-12930-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">
    <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/vegan-mini-marshmallows-dandies-menthe-poivree-142-g-12931">
          <img alt="Vegan Mini Marshmallows Dandies Menthe Poivrée" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6353/file/small-f7252b349c889fbd3e1380c7a9051e20.webp 600w, https://assets.fabulous.ch/public/variant_asset/6353/file/medium-04580b0fbc7910553fc7a92ea05b7395.webp 900w, https://assets.fabulous.ch/public/variant_asset/6353/file/large-e514799e4ce6c4a5afd94b18d8acddd4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6353/file/medium-04580b0fbc7910553fc7a92ea05b7395.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">Dandies Vegan Marshmallows</p>
          <a href="/fr/products/vegan-mini-marshmallows-dandies-menthe-poivree-142-g-12931">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan Mini Marshmallows Dandies Menthe Poivrée, 142 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-12931-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/pate-a-tartiner-biscoff-crunchy-380-g-12936">
          <img alt="Pâte à tartiner Biscoff Crunchy" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6351/file/small-9f116770936c57316f84cc7a5f3db186.webp 600w, https://assets.fabulous.ch/public/variant_asset/6351/file/medium-9e0d0f7e43b48b41221d0243de569f16.webp 900w, https://assets.fabulous.ch/public/variant_asset/6351/file/large-79b20717a46b79f369c026b994cdba86.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6351/file/medium-9e0d0f7e43b48b41221d0243de569f16.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">Lotus Biscoff</p>
          <a href="/fr/products/pate-a-tartiner-biscoff-crunchy-380-g-12936">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pâte à tartiner Biscoff Crunchy, 380 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 1.53 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-12936-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>



</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">
      320 sur 445 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/comestibles/sucre-desserts?format=turbo_stream&amp;page=17">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>