<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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fd-angelo-pasteria%3Fformat%3Dturbo_stream%26page%3D202">
    <i data-ph="heart" class="size-full"></i>
</a>
    <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-proteinee-saveur-peanut-butter-fudge-50-g-22572">
          <img alt="Barre Protéinée Saveur Peanut Butter Fudge" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11993/file/small-2fa43d7bd1e052a9e47bbdc6f334cdb1.webp 600w, https://assets.fabulous.ch/public/variant_asset/11993/file/medium-e9fc9d217b482c7eba615cd03bdf51e6.webp 900w, https://assets.fabulous.ch/public/variant_asset/11993/file/large-9a90715435dfade33e5ba9d7d8f8d698.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11993/file/medium-e9fc9d217b482c7eba615cd03bdf51e6.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">Misfits</p>
          <a href="/fr/products/barre-proteinee-saveur-peanut-butter-fudge-50-g-22572">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Barre Protéinée Saveur Peanut Butter Fudge, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fd-angelo-pasteria%3Fformat%3Dturbo_stream%26page%3D202">
    <i data-ph="heart" class="size-full"></i>
</a>
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Nouveau
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/sirop-de-curcuma-et-de-citron-bio-500-ml-22573">
          <img alt="Sirop de curcuma et de citron Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11994/file/small-33195d1a732ca9c7c1f1f63ee824e918.webp 600w, https://assets.fabulous.ch/public/variant_asset/11994/file/medium-d920f1763d5113577890f80d454e2519.webp 900w, https://assets.fabulous.ch/public/variant_asset/11994/file/large-1308daf16e345163e23a81c9e39c78a0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11994/file/medium-d920f1763d5113577890f80d454e2519.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/fr/products/sirop-de-curcuma-et-de-citron-bio-500-ml-22573">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sirop de curcuma et de citron Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22573&quot;],&quot;content_name&quot;:&quot;Sirop de curcuma et de citron Bio, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22573&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:12.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MyYkJccbSMc8PbXR96FykVym48t-kh-GZ1NKfar8-IuSPtOGFOorqPEO4Nqt9bQeojnOc-6bM3Ghy6v8N7BKCA" />
    <input value="22573" 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">
      4&#39;022 sur 4&#39;022 produits
    </p>
  </div>
</div>

</template></turbo-stream>