<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/chocolat-aux-noisettes-avec-chips-de-riz-bio-40-g-11423">
          <img alt="Chocolat aux noisettes avec chips de riz bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5846/file/small-0c9291bfbe98cb20f9e01f55f626c785.webp 600w, https://assets.fabulous.ch/public/variant_asset/5846/file/medium-9a8d6d9f0b8a198f6ec86e58809b8202.webp 900w, https://assets.fabulous.ch/public/variant_asset/5846/file/large-87227cfea17da2c94d40b20e867ad012.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5846/file/medium-9a8d6d9f0b8a198f6ec86e58809b8202.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">Vego Chocolate</p>
          <a href="/fr/products/chocolat-aux-noisettes-avec-chips-de-riz-bio-40-g-11423">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chocolat aux noisettes avec chips de riz bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_5grKlZyDUnzk0G0Phpmt2wYmLpGo-RDPqKQZHxd-pDICxMJFr3cZ6wtOUDUwgEceNpzVKLRq9WjYwLEMvSq1A" />
    <input value="11423" 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/vinaigrette-en-poudre-caesar-bio-15-g-11485">
          <img alt="Vinaigrette en poudre Caesar bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5874/file/small-fed04bd7072c389fe7177c050c7dd966.webp 600w, https://assets.fabulous.ch/public/variant_asset/5874/file/medium-f57297826dada9124c77b429ef58e945.webp 900w, https://assets.fabulous.ch/public/variant_asset/5874/file/large-d90f943c8ab85ac7b79873576fe41cea.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5874/file/medium-f57297826dada9124c77b429ef58e945.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-caesar-bio-15-g-11485">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vinaigrette en poudre Caesar bio, 15 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 9.33 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HQjx4gN7sx1ytrBFxir3ZozoxekYOdJLCtGRdaqrx08qm8nBQ7RiMy0IyLEs8pDNmCouB_xLnd2XEAPV5AKXCw" />
    <input value="11485" 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/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-fabulous-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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/iss-mir-nicht-wurst-saucisse-a-base-de-the-bio-135-g-11496">
          <img alt="Iss mir nicht Wurst Saucisse à Base de Thé Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5890/file/small-8ea61b7bc4cf192a38cac6f2bab14efe.webp 600w, https://assets.fabulous.ch/public/variant_asset/5890/file/medium-87883f112a61d1fac717fd099537f3be.webp 900w, https://assets.fabulous.ch/public/variant_asset/5890/file/large-f44a58a68bc3c8abbe56f6ec9ff4123f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5890/file/medium-87883f112a61d1fac717fd099537f3be.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/iss-mir-nicht-wurst-saucisse-a-base-de-the-bio-135-g-11496">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Iss mir nicht Wurst Saucisse à Base de Thé Bio, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </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-11496-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tWmUsUfSFd_KPcQ9Bq9KdXH_MekKcG7_4OLKvrMGWu-C-qySBx3E8ZWDvMnsdy3eZT3aB-4CIWl9I1ge_a8Kqw" />
    <input value="11496" 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/grillsauce-curry-mangue-bio-210-ml-11578">
          <img alt="Grillsauce Curry Mangue Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5915/file/small-8d695004717207dbbe5304cd31ec6116.webp 600w, https://assets.fabulous.ch/public/variant_asset/5915/file/medium-4b574c002e841633f16207bc44e63b22.webp 900w, https://assets.fabulous.ch/public/variant_asset/5915/file/large-15c496067accaf0debe6bfd8f2e49a77.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5915/file/medium-4b574c002e841633f16207bc44e63b22.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">Sanchon</p>
          <a href="/fr/products/grillsauce-curry-mangue-bio-210-ml-11578">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Grillsauce Curry Mangue Bio, 210 ml</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 2.19 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vOc2Tbhd3aoe7dih0yJPc_iTXy80ydhBzq65uQVpbgWLdA5u-JIMhEFToFU5-ijY7FG0wdC7l9dTbysZS8A-QQ" />
    <input value="11578" 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/lasagnes-en-feuilles-de-grains-entiers-biologiques-250-g-11580">
          <img alt="Lasagnes en feuilles de grains entiers biologiques" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5917/file/small-289df9840bd5e8b273603f81029d4b00.webp 600w, https://assets.fabulous.ch/public/variant_asset/5917/file/medium-2261b5738adf1849fd1ded1a4c78e135.webp 900w, https://assets.fabulous.ch/public/variant_asset/5917/file/large-466f5bebccaab1f76c502dcf90617c12.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5917/file/medium-2261b5738adf1849fd1ded1a4c78e135.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/lasagnes-en-feuilles-de-grains-entiers-biologiques-250-g-11580">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lasagnes en feuilles de grains entiers biologiques, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.35
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cyPmLm2wFmOC1mT5lbDvcxXxggn0eejeQR1Is1QIs9REsN4NLX_HTd1oHA1_aIjYATNp5xALp0jc3NoTGqHjkA" />
    <input value="11580" 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/nourriture-adult-humide-lentilles-millet-400-g-11591">
          <img alt="Nourriture Adult Humide Lentilles &amp; Millet" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5920/file/small-d3af587d25e7921c99fffc0b4d60bbd7.webp 600w, https://assets.fabulous.ch/public/variant_asset/5920/file/medium-6318d6b35e30056796d51d9aa3380baf.webp 900w, https://assets.fabulous.ch/public/variant_asset/5920/file/large-dc7a294584b28a4af8ab6f7ee85b24aa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5920/file/medium-6318d6b35e30056796d51d9aa3380baf.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">VEGDOG</p>
          <a href="/fr/products/nourriture-adult-humide-lentilles-millet-400-g-11591">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nourriture Adult Humide Lentilles &amp; Millet, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Mkr5b7uXsQkWKaP6H1Dbwkrq2OaYN6WjPopfL49AQZoF2cFM-1hgJ0mX2w71iLxpXigzCHxF6jWjS82PwekR3g" />
    <input value="11591" 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/nourriture-humide-sensitive-proteine-de-lupin-400-g-11606">
          <img alt="Nourriture Humide Sensitive Protéine de Lupin" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5922/file/small-b9dde702129681afa2a3c714217a4576.webp 600w, https://assets.fabulous.ch/public/variant_asset/5922/file/medium-1747d22f2c5144fa247220eb8b71d585.webp 900w, https://assets.fabulous.ch/public/variant_asset/5922/file/large-923c65905df02133863137fae077cd8c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5922/file/medium-1747d22f2c5144fa247220eb8b71d585.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">VEGDOG</p>
          <a href="/fr/products/nourriture-humide-sensitive-proteine-de-lupin-400-g-11606">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nourriture Humide Sensitive Protéine de Lupin, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-11606-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/nourriture-humide-senior-pois-millet-400-g-11608">
          <img alt="Nourriture Humide Senior Pois &amp; Millet" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5925/file/small-1825bf272b658f6d1567fe17db8bd1bb.webp 600w, https://assets.fabulous.ch/public/variant_asset/5925/file/medium-0650757795bbe8d2e80c913cf7ada2cd.webp 900w, https://assets.fabulous.ch/public/variant_asset/5925/file/large-ede40a7caaad7f141b24976f6cc9f335.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5925/file/medium-0650757795bbe8d2e80c913cf7ada2cd.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">VEGDOG</p>
          <a href="/fr/products/nourriture-humide-senior-pois-millet-400-g-11608">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nourriture Humide Senior Pois &amp; Millet, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Sg9APN2XtURs0oqG0GqA7j0IUIEhqaT9U4uAD_FqTbx9nHgfnVhkajNs8nI6sudFKcq7b8Xb62vOShKvv8Md-A" />
    <input value="11608" 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/nourriture-adult-humide-petits-pois-flocons-d-avoine-200-g-11611">
          <img alt="Nourriture Adult Humide Petits Pois &amp; Flocons d&#39;Avoine" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5928/file/small-5f52172198d459c68dcbc2e8bbcbb80a.webp 600w, https://assets.fabulous.ch/public/variant_asset/5928/file/medium-80585add75f66988d2ee5a294733eed3.webp 900w, https://assets.fabulous.ch/public/variant_asset/5928/file/large-3b9f2d28ab2df9e8243ae8fac03a224a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5928/file/medium-80585add75f66988d2ee5a294733eed3.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">VEGDOG</p>
          <a href="/fr/products/nourriture-adult-humide-petits-pois-flocons-d-avoine-200-g-11611">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nourriture Adult Humide Petits Pois &amp; Flocons d&#39;Avoine, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="USCHG4VyTczugSkS-bRhMBktKdtgL17-KRlJX0UFUQ1ms784xb2c4rE_UeYTbAabDe_CNYRdEWi02Nv_C6wBSQ" />
    <input value="11611" 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/loveraw-peanut-caramel-bar-40-g-11653">
          <img alt="LoveRaw Peanut Caramel Bar" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5941/file/small-a58913abba4e49eea45858b669e62443.webp 600w, https://assets.fabulous.ch/public/variant_asset/5941/file/medium-7a5a3b13fbb5cc68ea2a55c73f5661c8.webp 900w, https://assets.fabulous.ch/public/variant_asset/5941/file/large-3b243972f960895b74f625d29e2281c4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5941/file/medium-7a5a3b13fbb5cc68ea2a55c73f5661c8.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/loveraw-peanut-caramel-bar-40-g-11653">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">LoveRaw Peanut Caramel Bar, 40 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 7.38 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-11653-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/express-wok-noodles-asia-style-bio-250-g-11710">
          <img alt="Express Wok Noodles Asia Style Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5955/file/small-01f606e642dc5389e38d09c367673d5a.webp 600w, https://assets.fabulous.ch/public/variant_asset/5955/file/medium-b3e4ac84dc70aa8c291a63b1091e688c.webp 900w, https://assets.fabulous.ch/public/variant_asset/5955/file/large-2dd3bd4c4e80ce16530525def0ec1e08.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5955/file/medium-b3e4ac84dc70aa8c291a63b1091e688c.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">Natur Compagnie</p>
          <a href="/fr/products/express-wok-noodles-asia-style-bio-250-g-11710">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Express Wok Noodles Asia Style Bio, 250 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 1.36 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pERwp-Hxhdb04L97ol9wW5eJ2IW1UWLUMj8G13hUnZeT10iEoT5U-Ktex49Ihxfwg0sza1EjLUKv_pR3Nv3N0w" />
    <input value="11710" 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/boisson-d-avoine-pauvre-en-graisse-1-5-1-l-11760">
          <img alt="Boisson d&#39;avoine pauvre en graisse 1.5%" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6005/file/small-5725e23f074362e54092e68cef5a21ad.webp 600w, https://assets.fabulous.ch/public/variant_asset/6005/file/medium-50f3b94680cfdf68d2502743555e4676.webp 900w, https://assets.fabulous.ch/public/variant_asset/6005/file/large-eb507edd657d694521bba85d3c6ce329.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6005/file/medium-50f3b94680cfdf68d2502743555e4676.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">Oatly</p>
          <a href="/fr/products/boisson-d-avoine-pauvre-en-graisse-1-5-1-l-11760">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Boisson d&#39;avoine pauvre en graisse 1.5%, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-11760-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/boisson-d-avoine-matieres-grasses-2-8-1-l-11761">
          <img alt="Boisson d&#39;avoine matières grasses 2.8%" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6006/file/small-54367572380fa9f89ca9d70540f47057.webp 600w, https://assets.fabulous.ch/public/variant_asset/6006/file/medium-fdb39f27f5798cb4582173b490fbd554.webp 900w, https://assets.fabulous.ch/public/variant_asset/6006/file/large-195bd9c604068c5e08cd9e3c198ba702.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6006/file/medium-fdb39f27f5798cb4582173b490fbd554.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">Oatly</p>
          <a href="/fr/products/boisson-d-avoine-matieres-grasses-2-8-1-l-11761">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Boisson d&#39;avoine matières grasses 2.8%, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wMDQCc2lp7gJvvlVGHsUHMy9g5ddKRHGldjyAlK-as73U-gqjWp2llYAgaHyo3O32H9oeblbXlAIGWCiHBc6ig" />
    <input value="11761" 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/vegdog-dentals-xl-50-g-11793">
          <img alt="VEGDOG Dentals XL" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6022/file/small-89f3c2e0528c318c51791ffcc45e4fc3.webp 600w, https://assets.fabulous.ch/public/variant_asset/6022/file/medium-527202b5781b31b3f62093fa58f9298b.webp 900w, https://assets.fabulous.ch/public/variant_asset/6022/file/large-58b045df1957cbf34fdbc95790d3269e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6022/file/medium-527202b5781b31b3f62093fa58f9298b.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">VEGDOG</p>
          <a href="/fr/products/vegdog-dentals-xl-50-g-11793">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">VEGDOG Dentals XL, 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-11793-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cBxnwGOE6Mm5sn5P-mA-Qe3WwNXfOyoNsu5usgpqBppHj1_jI0s55-YMBrsQuFnq-RQrOztJZZsvL_wSRMNW3g" />
    <input value="11793" 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/vegdog-peut-couvercle-pour-boite-de-400-g-11794">
          <img alt="VEGDOG Peut Couvercle pour Boîte de" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6023/file/small-7320424f0a7353c69d129adf16c90de1.webp 600w, https://assets.fabulous.ch/public/variant_asset/6023/file/medium-f6a1445f11b91669292f3191a0fb8fba.webp 900w, https://assets.fabulous.ch/public/variant_asset/6023/file/large-4d65824cd607b74a31f7af0ac6ee95cd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6023/file/medium-f6a1445f11b91669292f3191a0fb8fba.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">VEGDOG</p>
          <a href="/fr/products/vegdog-peut-couvercle-pour-boite-de-400-g-11794">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">VEGDOG Peut Couvercle pour Boîte de, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ltVOXXRA5JMADJbN_2u4_ZKXCTaB0JJdozWjBMizam-hRnZ-NI81vV-y7jkVs99WhlXi2GWi3cs-9DGkhho6Kw" />
    <input value="11794" 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/vegdog-peut-couvercle-pour-boite-de-800-g-11795">
          <img alt="VEGDOG Peut Couvercle pour Boîte de" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6024/file/small-6b9c9a7ab0f1ad18729fcdedbdb6ba23.webp 600w, https://assets.fabulous.ch/public/variant_asset/6024/file/medium-a3f0bf0d653d7a5fc67a9152d2ef128d.webp 900w, https://assets.fabulous.ch/public/variant_asset/6024/file/large-1dd0eccaa49ce0f4d0382c9278047abf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6024/file/medium-a3f0bf0d653d7a5fc67a9152d2ef128d.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">VEGDOG</p>
          <a href="/fr/products/vegdog-peut-couvercle-pour-boite-de-800-g-11795">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">VEGDOG Peut Couvercle pour Boîte de, 800 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="luafv02RG7e_-5dlwTE-cVRRzZavbTrzWEx64jbgepWhdaecDV7KmeBF75Er6VnaQJMmeEsfdWXFjehCeEkq0Q" />
    <input value="11795" 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/lifebar-barre-energetique-avoine-chocolat-bio-40-g-11843">
          <img alt="Lifebar Barre Énergétique Avoine Chocolat Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6046/file/small-e35efb039f3356e0ab64a303d4c5f2cd.webp 600w, https://assets.fabulous.ch/public/variant_asset/6046/file/medium-d23be3a0443e63a097084f9c62b77d14.webp 900w, https://assets.fabulous.ch/public/variant_asset/6046/file/large-4830b18b90a677b21259e25ed71fa21a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6046/file/medium-d23be3a0443e63a097084f9c62b77d14.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">Lifefood</p>
          <a href="/fr/products/lifebar-barre-energetique-avoine-chocolat-bio-40-g-11843">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lifebar Barre Énergétique Avoine Chocolat Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HZcytbXYbq99Ll_4H31zp6N2N9QwldyH6EaPJRzqbqgqBAqW9Re_gSKQJwz1pRQMt7TcOtTnkxF1hx2FUkM-7A" />
    <input value="11843" 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/smokey-paprika-bio-50-g-11915">
          <img alt="Smokey Paprika Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6074/file/small-10be4fb9976c3ff488c780425aa57d82.webp 600w, https://assets.fabulous.ch/public/variant_asset/6074/file/medium-ea4e140979854c2d12c4f3ab40b1f2e4.webp 900w, https://assets.fabulous.ch/public/variant_asset/6074/file/large-595a811462a0dd21a72b857e8aef6a3d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6074/file/medium-ea4e140979854c2d12c4f3ab40b1f2e4.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/smokey-paprika-bio-50-g-11915">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Smokey Paprika Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xUTtAVVemxCZ__nIgpnx8l_F8g9Rc4MDWHPGLWND7eLy19UiFZFKPsZBgTxoQZZZSwcZ4bUBzJXFslSNLeq9pg" />
    <input value="11915" 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/cappuccino-latte-bio-235-ml-11931">
          <img alt="Cappuccino Latte Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6080/file/small-28a550758dc3e2ffefada7e6ff04625a.webp 600w, https://assets.fabulous.ch/public/variant_asset/6080/file/medium-baa66b993bd361b0cdc2632cb7eaf069.webp 900w, https://assets.fabulous.ch/public/variant_asset/6080/file/large-3d599e235694ce1a92d4c3deec5df2fa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6080/file/medium-baa66b993bd361b0cdc2632cb7eaf069.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">Oatly</p>
          <a href="/fr/products/cappuccino-latte-bio-235-ml-11931">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cappuccino Latte Bio, 235 ml</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 1.26 / 100 ml
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-11931-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">
      900 sur 1&#39;232 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/collections/under-5?format=turbo_stream&amp;page=46">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>