<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%2Fmanufacturers%2Fbiovegan%3Fformat%3Dturbo_stream%26page%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/mon-pudding-au-chocolat-bio-55-g-8845">
          <img alt="Mon Pudding au Chocolat Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5115/file/small-a694144852e622ae7d4ed7c47babab72.webp 600w, https://assets.fabulous.ch/public/variant_asset/5115/file/medium-1a434c844d0db66841da9c09d62159a3.webp 900w, https://assets.fabulous.ch/public/variant_asset/5115/file/large-bb97ed9b52ea583abf8490e737911d9f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5115/file/medium-1a434c844d0db66841da9c09d62159a3.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biovegan</p>
          <a href="/fr/products/mon-pudding-au-chocolat-bio-55-g-8845">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mon Pudding au Chocolat Bio, 55 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;8845&quot;],&quot;content_name&quot;:&quot;Mon Pudding au Chocolat Bio, 55 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;8845&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qrjT3qkRfUfDeh7dLBRfKNfVofrLL-xu6KdNujbIjQvDBIyxoDTG8BoH-8KjoXeEOOVBC0SQbUrLyIGezSKrjg" />
    <input value="8845" 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"
       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%2Fmanufacturers%2Fbiovegan%3Fformat%3Dturbo_stream%26page%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/sucre-gelifiant-sans-cuisson-crus-bio-115-g-8846">
          <img alt="Sucre Gélifiant sans cuisson Crus Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5116/file/small-37926481e2c2bd6a37f91e2a0c44a9fb.webp 600w, https://assets.fabulous.ch/public/variant_asset/5116/file/medium-bbdb8c5d23c4809b177ddedfd7abbe22.webp 900w, https://assets.fabulous.ch/public/variant_asset/5116/file/large-6650ab55b19b58f231a114dca332ba24.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5116/file/medium-bbdb8c5d23c4809b177ddedfd7abbe22.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biovegan</p>
          <a href="/fr/products/sucre-gelifiant-sans-cuisson-crus-bio-115-g-8846">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sucre Gélifiant sans cuisson Crus Bio, 115 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;8846&quot;],&quot;content_name&quot;:&quot;Sucre Gélifiant sans cuisson Crus Bio, 115 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;8846&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="t3sWZqy6l6re3kgT8SO8lMLYkp9c0gnFhD8I6PCLoP_ex0kJpZ8sHQejrQx-lpQ4LehybtNtiOGnUMTMC2GGeg" />
    <input value="8846" 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"
       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%2Fmanufacturers%2Fbiovegan%3Fformat%3Dturbo_stream%26page%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/gelifiant-agaranta-bio-18-g-8849">
          <img alt="Gélifiant Agaranta Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5119/file/small-4fb74db9cb3e24dfca6f1bfce6584495.webp 600w, https://assets.fabulous.ch/public/variant_asset/5119/file/medium-445a98fb619d5039104b01c03edb27a5.webp 900w, https://assets.fabulous.ch/public/variant_asset/5119/file/large-95297164b94003a5b98426d13f02936a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5119/file/medium-445a98fb619d5039104b01c03edb27a5.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biovegan</p>
          <a href="/fr/products/gelifiant-agaranta-bio-18-g-8849">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gélifiant Agaranta Bio, 18 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 16.39 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;8849&quot;],&quot;content_name&quot;:&quot;Gélifiant Agaranta Bio, 18 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;8849&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="z4-i2_8UiVQKOX0nA2iaZwLtqGYEhQr9Yj9xjqydHAKmM_209jEy49NEmDiM3bLL7d1Il4s6i9lBUL2qV3c6hw" />
    <input value="8849" 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"
       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%2Fmanufacturers%2Fbiovegan%3Fformat%3Dturbo_stream%26page%3D3">
    <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/preparation-pour-brownies-au-cheesecake-vegan-bio-480-g-11136">
          <img alt="Préparation pour brownies au cheesecake Vegan Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5704/file/small-a95fa788db8157d3957f6c46ac5e6d0d.webp 600w, https://assets.fabulous.ch/public/variant_asset/5704/file/medium-86264d4f0ca1c65ce92e2d64d3c58863.webp 900w, https://assets.fabulous.ch/public/variant_asset/5704/file/large-c31f475a553addf151b4b15d06e0f592.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5704/file/medium-86264d4f0ca1c65ce92e2d64d3c58863.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biovegan</p>
          <a href="/fr/products/preparation-pour-brownies-au-cheesecake-vegan-bio-480-g-11136">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Préparation pour brownies au cheesecake Vegan Bio, 480 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-11136-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"
       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%2Fmanufacturers%2Fbiovegan%3Fformat%3Dturbo_stream%26page%3D3">
    <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/vinaigrette-en-poudre-french-bio-18-g-11490">
          <img alt="Vinaigrette en poudre French bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5878/file/small-45e48b001288cbda197ed8e5a480daf2.webp 600w, https://assets.fabulous.ch/public/variant_asset/5878/file/medium-78b11389a319e1be6658b7aa3880e6bd.webp 900w, https://assets.fabulous.ch/public/variant_asset/5878/file/large-d8a67c808f46525cb01b161ad53179d7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5878/file/medium-78b11389a319e1be6658b7aa3880e6bd.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biovegan</p>
          <a href="/fr/products/vinaigrette-en-poudre-french-bio-18-g-11490">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vinaigrette en poudre French bio, 18 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 7.78 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-11490-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%2Fmanufacturers%2Fbiovegan%3Fformat%3Dturbo_stream%26page%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/ma-pate-de-vanille-bourbon-bio-50-g-16734">
          <img alt="Ma pâte de vanille Bourbon Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7760/file/small-0a3f5ff58c43c488210bcd5a7c1263f4.webp 600w, https://assets.fabulous.ch/public/variant_asset/7760/file/medium-d1ce44a8367f017c37e7380fe2113efc.webp 900w, https://assets.fabulous.ch/public/variant_asset/7760/file/large-91cf661aaabf06d426d9e61a150c11ed.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7760/file/medium-d1ce44a8367f017c37e7380fe2113efc.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biovegan</p>
          <a href="/fr/products/ma-pate-de-vanille-bourbon-bio-50-g-16734">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ma pâte de vanille Bourbon Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16734&quot;],&quot;content_name&quot;:&quot;Ma pâte de vanille Bourbon Bio, 50 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16734&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PzgK8w4aLOg948abXYIkMNoR0m-LRpD2CF6_JT4jToZWhFWcBz-XX-SeI4TSNwycNSEyngT5EdIrMXMBxcloAw" />
    <input value="16734" 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"
       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%2Fmanufacturers%2Fbiovegan%3Fformat%3Dturbo_stream%26page%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/gousses-de-vanille-bourbon-bio-2-pieces-2-piece-16757">
          <img alt="Gousses de Vanille Bourbon Bio, 2 pièces" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7770/file/small-b8d8886efde9f2d3f077882cee99ac70.webp 600w, https://assets.fabulous.ch/public/variant_asset/7770/file/medium-9a7ee8337f8cf8aac062adb17de4e3a5.webp 900w, https://assets.fabulous.ch/public/variant_asset/7770/file/large-1b5605b73e859c91ad72d0f94d594aff.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7770/file/medium-9a7ee8337f8cf8aac062adb17de4e3a5.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biovegan</p>
          <a href="/fr/products/gousses-de-vanille-bourbon-bio-2-pieces-2-piece-16757">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gousses de Vanille Bourbon Bio, 2 pièces, 2 pièces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.48 / Stk.
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16757&quot;],&quot;content_name&quot;:&quot;Gousses de Vanille Bourbon Bio, 2 pièces, 2 pièces&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16757&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="diohq-2GGMuDcv5C6AZBfEetEcfOE1JR1b4DNat15Bwfln7E5KOjfFoPG11ns2nQqJ3xNkGs03X20c8RUJ_CmQ" />
    <input value="16757" 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"
       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%2Fmanufacturers%2Fbiovegan%3Fformat%3Dturbo_stream%26page%3D3">
    <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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    24 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/mes-burgers-vegans-bio-150-g-date-limite-31-10-2026-22354">
          <img alt="Mes Burgers Végans Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7772/file/small-2d519af9025a4c5e18e22e835846d972.webp 600w, https://assets.fabulous.ch/public/variant_asset/7772/file/medium-af09216b409e9f38c08acd98339ae8a7.webp 900w, https://assets.fabulous.ch/public/variant_asset/7772/file/large-19fa16da0c293529d2eaee3c5d3022e1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7772/file/medium-af09216b409e9f38c08acd98339ae8a7.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biovegan</p>
          <a href="/fr/products/mes-burgers-vegans-bio-150-g-date-limite-31-10-2026-22354">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mes Burgers Végans Bio, 150 g (Date limite 31.10.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 3.70</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.80</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22354&quot;],&quot;content_name&quot;:&quot;Mes Burgers Végans Bio, 150 g (Date limite 31.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22354&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Byhb_1zNeJiDYs0PSJ5BYLZoqC-IJCaRbmfNgqxHlIhulASQVejDL1ofKBDHK2nMWVhI3gebp7VNCAGmV62yDQ" />
    <input value="22354" 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">
      48 sur 48 produits
    </p>
  </div>
</div>

</template></turbo-stream>