<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/huile-pour-barbe-et-cheveux-poivre-noir-30-ml-9804">
          <img alt="Huile pour Barbe et Cheveux Poivre Noir" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5438/file/small-d6c8cfcc0ac685a2a229a389418cba79.webp 600w, https://assets.fabulous.ch/public/variant_asset/5438/file/medium-d3d4c6397fccf43715855b3504c75119.webp 900w, https://assets.fabulous.ch/public/variant_asset/5438/file/large-1833051e76fb071c2c3008fd47b2bf94.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5438/file/medium-d3d4c6397fccf43715855b3504c75119.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">No Bullsh!t</p>
          <a href="/fr/products/huile-pour-barbe-et-cheveux-poivre-noir-30-ml-9804">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Huile pour Barbe et Cheveux Poivre Noir, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-ZiY8d3i9CLSQaP9pnp8k1zOcaILIdETqs_RYK4zkVI_A3c49SEd1vhVA9OC615W7fZc5XT4FJBQvOGE-prBhA" />
    <input value="9804" 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/huile-pour-barbe-et-cheveux-nude-30-ml-9805">
          <img alt="Huile pour Barbe et Cheveux Nude" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5440/file/small-3710787f27704112c07fbcf23d9d1f1e.webp 600w, https://assets.fabulous.ch/public/variant_asset/5440/file/medium-729736fa91406f7b184950e5b909373b.webp 900w, https://assets.fabulous.ch/public/variant_asset/5440/file/large-f4615575783c132177a3ade16e256b4d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5440/file/medium-729736fa91406f7b184950e5b909373b.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">No Bullsh!t</p>
          <a href="/fr/products/huile-pour-barbe-et-cheveux-nude-30-ml-9805">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Huile pour Barbe et Cheveux Nude, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TUekNxrruVhBnv77SqJB5FhYFZlYA2G7L0mEONJnM0KL3Ev-MihQrGuKXtVuM2Mh6WA43ifapDjVOrTchs5jlA" />
    <input value="9805" 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/candy-kittens-bonbons-wild-strawberry-140-g-9818">
          <img alt="Candy Kittens Bonbons Wild Strawberry" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5441/file/small-d4b739174a6a71f7ca13398983bbaf3c.webp 600w, https://assets.fabulous.ch/public/variant_asset/5441/file/medium-360930b374892f7aa75ffa0a2e1e857f.webp 900w, https://assets.fabulous.ch/public/variant_asset/5441/file/large-4e6057a9f83e00aadbba32cb2d7456f3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5441/file/medium-360930b374892f7aa75ffa0a2e1e857f.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">Candy Kittens</p>
          <a href="/fr/products/candy-kittens-bonbons-wild-strawberry-140-g-9818">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Candy Kittens Bonbons Wild Strawberry, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9143-4zy0MGgmrWdhAXSlfSSePOPend9185BLdWU-3IxxdgypDE5NYqOFbOglPBQRapVtPCjsv4tvXHJgT2rpA" />
    <input value="9818" 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/preparation-pour-gateau-citron-sans-gluten-bio-500-g-9849">
          <img alt="Préparation pour gateau citron sans gluten Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5446/file/small-fa11db5a761e9588ba38decaf67f9731.webp 600w, https://assets.fabulous.ch/public/variant_asset/5446/file/medium-e947ee63452481549824619661dad5ab.webp 900w, https://assets.fabulous.ch/public/variant_asset/5446/file/large-1655b7fe125195e4f2a53ecfe57bec84.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5446/file/medium-e947ee63452481549824619661dad5ab.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-gateau-citron-sans-gluten-bio-500-g-9849">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Préparation pour gateau citron sans gluten Bio, 500 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.19 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0U3zQHp2BJ3IIvzz6wbc3-8nzmMgbJ8QdRMjM00SOUQX1hyJUrXtaeI2XN3Pl_4aXh_jJF-1WpOPYBPXGbtpkg" />
    <input value="9849" 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/alternative-vegetalienne-aux-calamars-425-g-9877">
          <img alt="Alternative végétalienne aux calamars" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5445/file/small-ed068043f7cb70d3c93d6c0cbe788624.webp 600w, https://assets.fabulous.ch/public/variant_asset/5445/file/medium-00b821fa0687fa769f9ba4f0d882a298.webp 900w, https://assets.fabulous.ch/public/variant_asset/5445/file/large-bbbeddc98bccb466628df89818633594.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5445/file/medium-00b821fa0687fa769f9ba4f0d882a298.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">Nature&#39;s Charm</p>
          <a href="/fr/products/alternative-vegetalienne-aux-calamars-425-g-9877">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Alternative végétalienne aux calamars, 425 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.95
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-9877-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/oggs-aquafaba-alternative-vegetalienne-aux-oeufs-1-l-9879">
          <img alt="OGGS Aquafaba Alternative végétalienne aux œufs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5450/file/small-5f7c8a930140f30265dbd3ae0f355c24.webp 600w, https://assets.fabulous.ch/public/variant_asset/5450/file/medium-52274b0651d5bbe98b16e691ab2baf1b.webp 900w, https://assets.fabulous.ch/public/variant_asset/5450/file/large-193481784ba5042f5638f68d58c9e048.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5450/file/medium-52274b0651d5bbe98b16e691ab2baf1b.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">OGGS</p>
          <a href="/fr/products/oggs-aquafaba-alternative-vegetalienne-aux-oeufs-1-l-9879">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">OGGS Aquafaba Alternative végétalienne aux œufs, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.95
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-9879-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/loma-linda-tuno-mayo-alternative-vegetalien-au-thon-142-g-9881">
          <img alt="Loma Linda Tuno &amp; Mayo Alternative Végétalien au Thon" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5451/file/small-abbbec657a3a5cbbed0266d217093461.webp 600w, https://assets.fabulous.ch/public/variant_asset/5451/file/medium-10485666f08b60633003d41933b2e57c.webp 900w, https://assets.fabulous.ch/public/variant_asset/5451/file/large-145ba5a63302b588a8636d16a6335b28.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5451/file/medium-10485666f08b60633003d41933b2e57c.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">Loma Linda</p>
          <a href="/fr/products/loma-linda-tuno-mayo-alternative-vegetalien-au-thon-142-g-9881">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Loma Linda Tuno &amp; Mayo Alternative Végétalien au Thon, 142 g</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 2.78 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-9881-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/grillsauce-cajun-island-sanchon-bio-210-ml-9937">
          <img alt="Grillsauce Cajun Island, Sanchon Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5464/file/small-2766b73edb70f028d0de69437b0c39d3.webp 600w, https://assets.fabulous.ch/public/variant_asset/5464/file/medium-020c383fe54bedf81a2aeabc802313ae.webp 900w, https://assets.fabulous.ch/public/variant_asset/5464/file/large-d636aadd968ea69628637fa4aa76e7a0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5464/file/medium-020c383fe54bedf81a2aeabc802313ae.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-cajun-island-sanchon-bio-210-ml-9937">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Grillsauce Cajun Island, Sanchon Bio, 210 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NZpdDl-Mq3uPBK2mJgjIBZzoiGYvFiIseJ3HuxVd2IrzAbLHd09Cj6UQDYgCmerALdClIVDP56-C7vdfQfSIXA" />
    <input value="9937" 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/farine-de-mais-bio-500-g-10068">
          <img alt="Farine de maïs Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5488/file/small-886a726a1c776a090bda9d7b0a1c8512.webp 600w, https://assets.fabulous.ch/public/variant_asset/5488/file/medium-d8318fba5a54e88efefb8d3ce68be67c.webp 900w, https://assets.fabulous.ch/public/variant_asset/5488/file/large-215b0575866c06f5254e16ca00870066.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5488/file/medium-d8318fba5a54e88efefb8d3ce68be67c.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">Biofarm</p>
          <a href="/fr/products/farine-de-mais-bio-500-g-10068">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Farine de maïs Bio, 500 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 0.98 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9kE_aJ-8XAQDJphEcVTJO8Vejikpdi21zkGvb--h_DIw2tCht3-18CkyOGpVxev-dGajblav6DY0Mp-Luwis5A" />
    <input value="10068" 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/creme-protectrice-pour-le-change-bebe-enfant-75-ml-10111">
          <img alt="Crème Protectrice pour le Change Bébé &amp; Enfant" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5490/file/small-6ee9699fcbbb95eb57b087a9e10f90aa.webp 600w, https://assets.fabulous.ch/public/variant_asset/5490/file/medium-bca034350556799d4399edeabd169bcc.webp 900w, https://assets.fabulous.ch/public/variant_asset/5490/file/large-a9e5e21430d65ee0f62d51586683d068.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5490/file/medium-bca034350556799d4399edeabd169bcc.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">Lavera</p>
          <a href="/fr/products/creme-protectrice-pour-le-change-bebe-enfant-75-ml-10111">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Crème Protectrice pour le Change Bébé &amp; Enfant, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.45
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wXMYT794Ar6BmAlOFNAMNsUKjuvk8oQLBCVylRgIneEH6PeGl7vrSquMqWAwQS7zdDKjrJsrQYj-VkJxTKHNNw" />
    <input value="10111" 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/huile-de-colza-bio-500-ml-10142">
          <img alt="Huile de colza  Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5493/file/small-b777c03b8f853928947e8b8465a73ff5.webp 600w, https://assets.fabulous.ch/public/variant_asset/5493/file/medium-84ce5f13f4e3c6a847e10b90db104dd8.webp 900w, https://assets.fabulous.ch/public/variant_asset/5493/file/large-2a7f4d60ceb6ca846d6e12492dc1e235.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5493/file/medium-84ce5f13f4e3c6a847e10b90db104dd8.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">Die kleine Mühle</p>
          <a href="/fr/products/huile-de-colza-bio-500-ml-10142">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Huile de colza  Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.65
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XBEmUY7HPF8iPoyMmCD0ov8JqnBd7byL15WwcSlVtx2aismYpgTVqwgqLKK8sdZnTjGHNyI0eQgt5oCVffznyw" />
    <input value="10142" 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/candy-kittens-bonbons-very-cherry-140-g-10144">
          <img alt="Candy Kittens Bonbons Very Cherry" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5494/file/small-997be9f5bbeb3e39a0c661f5417feec9.webp 600w, https://assets.fabulous.ch/public/variant_asset/5494/file/medium-cc0848818d7417c2f090c0e6d907ae44.webp 900w, https://assets.fabulous.ch/public/variant_asset/5494/file/large-6c40d1bdd1ed4dc67ae45a84a2e03892.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5494/file/medium-cc0848818d7417c2f090c0e6d907ae44.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">Candy Kittens</p>
          <a href="/fr/products/candy-kittens-bonbons-very-cherry-140-g-10144">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Candy Kittens Bonbons Very Cherry, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tDPE3C9Y1OPxIJyQTqTzkzwZuP6qKw3aBkFyTzki60xyqCsVB5s9F9s0PL5qNdFWjSGVudXyyFn8MkKrbYu7mg" />
    <input value="10144" 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/steviasol-en-poudre-boite-30-g-10146">
          <img alt="Steviasol en poudre, boîte." class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5497/file/small-ad3680b60c96ef437e17c68e7babd56e.webp 600w, https://assets.fabulous.ch/public/variant_asset/5497/file/medium-0805f35dfd801982dfe24fdac37ba635.webp 900w, https://assets.fabulous.ch/public/variant_asset/5497/file/large-e2d63d6aad1af811384d27b53cbb7bb3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5497/file/medium-0805f35dfd801982dfe24fdac37ba635.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">Steviasol</p>
          <a href="/fr/products/steviasol-en-poudre-boite-30-g-10146">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Steviasol en poudre, boîte., 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.15
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="j5LLlQC8hZAIcFBu9BFjyjzNbFozI0fumiV78UdirHNJCSRcKH9sZCJk8EDQgEEPjfVBHUz6gm1gVksVE8v8pQ" />
    <input value="10146" 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/candy-kittens-bonbons-very-cherry-140-g-c6fe145f-241f-4984-acf6-f5c0d6c883a8-10155">
          <img alt="Candy Kittens Bonbons Very Cherry" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5498/file/small-d4b0786bded462bc8c5338af48d42c93.webp 600w, https://assets.fabulous.ch/public/variant_asset/5498/file/medium-b77240e1a30f124c3beeb55787da42af.webp 900w, https://assets.fabulous.ch/public/variant_asset/5498/file/large-0ff5bc5ba4a785a7d8bc4439d40888f6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5498/file/medium-b77240e1a30f124c3beeb55787da42af.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">Candy Kittens</p>
          <a href="/fr/products/candy-kittens-bonbons-very-cherry-140-g-c6fe145f-241f-4984-acf6-f5c0d6c883a8-10155">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Candy Kittens Bonbons Very Cherry, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-10155-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/haricot-blancs-en-gros-bio-2-5-kg-10192">
          <img alt="Haricot Blancs en gros Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5500/file/small-fa4736821b3489e9c2a4cfe5b3a51d19.webp 600w, https://assets.fabulous.ch/public/variant_asset/5500/file/medium-3a18b47f482a0dd91067501b64834520.webp 900w, https://assets.fabulous.ch/public/variant_asset/5500/file/large-96b417925af8b390784dd806a30a464e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5500/file/medium-3a18b47f482a0dd91067501b64834520.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">Bio Grosshandel</p>
          <a href="/fr/products/haricot-blancs-en-gros-bio-2-5-kg-10192">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Haricot Blancs en gros Bio, 2.5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.65
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qrwK3QUOvQN6qvU2D2JuRrHcWCUiZ-t4ZFYdvZgjA5NsJ-UULc1U91C-VRgr80yDAOR1Yl2-LvueJS1ZzIpTRQ" />
    <input value="10192" 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/benevo-batonnets-a-macher-curcuma-racine-de-chicoree-pawtato-sticks-120-g-10200">
          <img alt="Benevo Bâtonnets à mâcher Curcuma / racine de chicorée Pawtato Sticks" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5504/file/small-8903ea8815aae70f78bbf72300f8da0c.webp 600w, https://assets.fabulous.ch/public/variant_asset/5504/file/medium-56b00a00ad6a566aa505057bd1786861.webp 900w, https://assets.fabulous.ch/public/variant_asset/5504/file/large-6f5dde1f108d4cafdb7ad4a41d9183f0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5504/file/medium-56b00a00ad6a566aa505057bd1786861.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">Benevo</p>
          <a href="/fr/products/benevo-batonnets-a-macher-curcuma-racine-de-chicoree-pawtato-sticks-120-g-10200">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Benevo Bâtonnets à mâcher Curcuma / racine de chicorée Pawtato Sticks, 120 g</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 3.29 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-10200-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/benevo-batonnets-a-macher-myrtilles-pawtato-sticks-120-g-10201">
          <img alt="Benevo Bâtonnets à mâcher myrtilles Pawtato Sticks" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5506/file/small-57c28eadd0ea93a18b5c1d4570d7bec2.webp 600w, https://assets.fabulous.ch/public/variant_asset/5506/file/medium-da0a2a585f9e6531bd1109c197df91d4.webp 900w, https://assets.fabulous.ch/public/variant_asset/5506/file/large-7822d0c322f5627d66e67463def9fc2b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5506/file/medium-da0a2a585f9e6531bd1109c197df91d4.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">Benevo</p>
          <a href="/fr/products/benevo-batonnets-a-macher-myrtilles-pawtato-sticks-120-g-10201">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Benevo Bâtonnets à mâcher myrtilles Pawtato Sticks, 120 g</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 3.29 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-10201-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/alternative-au-parmesan-fromage-rape-bio-125-g-10202">
          <img alt="Alternative au Parmesan Fromage Râpé Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5505/file/small-0b7963faefe8b0105ed9e59e5b3d9ee5.webp 600w, https://assets.fabulous.ch/public/variant_asset/5505/file/medium-a95bf57177c4f0e5149682760ba90f7e.webp 900w, https://assets.fabulous.ch/public/variant_asset/5505/file/large-30d7351765575f8e4d829d2e768fac7c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5505/file/medium-a95bf57177c4f0e5149682760ba90f7e.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">Chopf-Nuss</p>
          <a href="/fr/products/alternative-au-parmesan-fromage-rape-bio-125-g-10202">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Alternative au Parmesan Fromage Râpé Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.35
            </p>

              <div class="size-8 text-blue-300" title="Réfrigération nécessaire">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 5.88 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Z22QI7TOU9vkaxQUjBR_lM-BLvNz33mvhzECKp4f33yh9n_qnA26L85_tDqohV1RfrkDtAwGvCx9QjLOyraPqg" />
    <input value="10202" 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/krunchy-low-sugar-very-berry-bio-375-g-10205">
          <img alt="Krunchy Low Sugar VERY BERRY Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5509/file/small-399212669f86a7c790011da8eb20e57c.webp 600w, https://assets.fabulous.ch/public/variant_asset/5509/file/medium-d0ab685417d2b8dc84eb95ee982287fe.webp 900w, https://assets.fabulous.ch/public/variant_asset/5509/file/large-dbc9a7582c7d050de37752195d9d1304.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5509/file/medium-d0ab685417d2b8dc84eb95ee982287fe.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">Barnhouse Naturprodukte</p>
          <a href="/fr/products/krunchy-low-sugar-very-berry-bio-375-g-10205">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Krunchy Low Sugar VERY BERRY Bio, 375 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NxPKbmXKMT86BosBy9afGvntXl4dFbTlqFxYAeXYMp7xiCWnTQnYyxASKy_vR73fSNVzGWLMcWZSL2jlsXFiSA" />
    <input value="10205" 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/shampooing-cuir-chevelu-sensible-sans-parfum-bio-250-ml-10207">
          <img alt="Shampooing Cuir chevelu sensible (sans parfum) Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5515/file/small-4ca11ccd58fbbed2326fcd041dd4d008.webp 600w, https://assets.fabulous.ch/public/variant_asset/5515/file/medium-cedc2ef16dd3d0d22fbea4033fd91a07.webp 900w, https://assets.fabulous.ch/public/variant_asset/5515/file/large-20ff20326884a8ba50404b26bd5b3951.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5515/file/medium-cedc2ef16dd3d0d22fbea4033fd91a07.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">Urtekram</p>
          <a href="/fr/products/shampooing-cuir-chevelu-sensible-sans-parfum-bio-250-ml-10207">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shampooing Cuir chevelu sensible (sans parfum) Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.95
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-10207-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">
      2&#39;180 sur 3&#39;188 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/apeiron-natural-care?format=turbo_stream&amp;page=110">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>