<turbo-stream action="append" target="products_grid"><template>
    

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fnatural-cosmetics%2Fkids%3Fformat%3Dturbo_stream%26page%3D116">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Épuisé
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/chien-shampooing-sec-naturel-foam-wash-200-ml-8406">
          <img alt="Chien shampooing sec naturel Foam Wash" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4969/file/small-f5ad470b0eff7866a71d8dbd808633d6.webp 600w, https://assets.fabulous.ch/public/variant_asset/4969/file/medium-5d8ca84773b9beaa9644f02acadef66f.webp 900w, https://assets.fabulous.ch/public/variant_asset/4969/file/large-1950df9b277b31a8009d108194ecf856.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4969/file/medium-5d8ca84773b9beaa9644f02acadef66f.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">HOWND</p>
          <a href="/fr/products/chien-shampooing-sec-naturel-foam-wash-200-ml-8406">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chien shampooing sec naturel Foam Wash, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.00
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/fr/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    M&#39;avertir
</a>

      </div>
    </div>
  </div>


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fnatural-cosmetics%2Fkids%3Fformat%3Dturbo_stream%26page%3D116">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/chien-shampooing-revitalisant-250-ml-8408">
          <img alt="Chien shampooing revitalisant" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4972/file/small-63af7c1de2bdff7b13716db7218c28b4.webp 600w, https://assets.fabulous.ch/public/variant_asset/4972/file/medium-675a6d2457cfee6d847e9c3723bdc2e7.webp 900w, https://assets.fabulous.ch/public/variant_asset/4972/file/large-e3f8b862347fa71c49756f0d11ebba69.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4972/file/medium-675a6d2457cfee6d847e9c3723bdc2e7.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">HOWND</p>
          <a href="/fr/products/chien-shampooing-revitalisant-250-ml-8408">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chien shampooing revitalisant, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.95
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fnatural-cosmetics%2Fkids%3Fformat%3Dturbo_stream%26page%3D116">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/chien-baume-peau-nez-et-pattes-au-chanvre-avec-spf-50-g-8409">
          <img alt="Chien Baume peau, nez et pattes au chanvre avec SPF" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4973/file/small-43bac38a33427ec730d846eb1a17d28c.webp 600w, https://assets.fabulous.ch/public/variant_asset/4973/file/medium-1d7c37e1a922db3d9969a79de3902bab.webp 900w, https://assets.fabulous.ch/public/variant_asset/4973/file/large-276b10e51ee2c1560e425f592d80f3fa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4973/file/medium-1d7c37e1a922db3d9969a79de3902bab.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">HOWND</p>
          <a href="/fr/products/chien-baume-peau-nez-et-pattes-au-chanvre-avec-spf-50-g-8409">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chien Baume peau, nez et pattes au chanvre avec SPF, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.55
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ku5l22ySE61jGpj_P9gI-Js68EMiYAy-7PsaNyh2LInpWcaZHXEzZUH94gVE3ZWllDgKUE3XhdSQRPKvMvHCZA" />
    <input value="8409" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fnatural-cosmetics%2Fkids%3Fformat%3Dturbo_stream%26page%3D116">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/tee-rooibos-bio-100-g-8442">
          <img alt="Tee Rooibos Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4983/file/small-b346ec1b14bbc9dbf32cb2d21fbca193.webp 600w, https://assets.fabulous.ch/public/variant_asset/4983/file/medium-86e7a6168ab012790c1b9bd5eba02f56.webp 900w, https://assets.fabulous.ch/public/variant_asset/4983/file/large-a96ca0f85cf3d8bc9d43a813f0710f43.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4983/file/medium-86e7a6168ab012790c1b9bd5eba02f56.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/tee-rooibos-bio-100-g-8442">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Rooibos Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.75
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fnatural-cosmetics%2Fkids%3Fformat%3Dturbo_stream%26page%3D116">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/herbaria-blutquick-au-fer-et-aux-vitamines-bio-250-ml-8469">
          <img alt="Herbaria Blutquick au fer et aux vitamines Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4985/file/small-a31979f29bd788bb25ada5f7509f1adb.webp 600w, https://assets.fabulous.ch/public/variant_asset/4985/file/medium-703452d683582611d2b87f362a7dc642.webp 900w, https://assets.fabulous.ch/public/variant_asset/4985/file/large-6d54b2203d1dbe45c4278aba09bb6c92.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4985/file/medium-703452d683582611d2b87f362a7dc642.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">Herbaria</p>
          <a href="/fr/products/herbaria-blutquick-au-fer-et-aux-vitamines-bio-250-ml-8469">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Herbaria Blutquick au fer et aux vitamines Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.25
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fnatural-cosmetics%2Fkids%3Fformat%3Dturbo_stream%26page%3D116">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/sauce-a-salade-balsamico-vegetalien-bio-500-ml-8571">
          <img alt="Sauce à salade Balsamico Végétalien Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5000/file/small-0dde546392ec73f9a345c6d900a9b06d.webp 600w, https://assets.fabulous.ch/public/variant_asset/5000/file/medium-44a4611c8d86b954ac8bcd3376e77540.webp 900w, https://assets.fabulous.ch/public/variant_asset/5000/file/large-ed6345f9be0be18195ff6acfe67a585e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5000/file/medium-44a4611c8d86b954ac8bcd3376e77540.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">huusgmacht</p>
          <a href="/fr/products/sauce-a-salade-balsamico-vegetalien-bio-500-ml-8571">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sauce à salade Balsamico Végétalien Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.40
            </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 1.48 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wACelv5sEOcr-L0K3sgTAZLhNO3tZ_lEYxy-FAAe4Qu7tz3Uj48wLwkfx_ClzY5cnePO_oLQcC4fo1aMGpkP5g" />
    <input value="8571" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fnatural-cosmetics%2Fkids%3Fformat%3Dturbo_stream%26page%3D116">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/twistout-batons-de-siphon-en-bois-1-piece-1-piece-8591">
          <img alt="TwistOut Batons de siphon en bois" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5004/file/small-8a559d9fbdfefcda388b3d5b2b87b087.webp 600w, https://assets.fabulous.ch/public/variant_asset/5004/file/medium-00419c0c77874191bdf1578f1ac2b940.webp 900w, https://assets.fabulous.ch/public/variant_asset/5004/file/large-6594ad8241c520520fd569eeebe63f15.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5004/file/medium-00419c0c77874191bdf1578f1ac2b940.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">Twist Out</p>
          <a href="/fr/products/twistout-batons-de-siphon-en-bois-1-piece-1-piece-8591">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">TwistOut Batons de siphon en bois, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.15
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZXOHp4dQUn35PdU_gE4c4TVVbZSHL-XaUlivW2NkT64exCTl9rNytdvar8X7S4G8OleXh-iYbLAu50fDeeOhQw" />
    <input value="8591" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fnatural-cosmetics%2Fkids%3Fformat%3Dturbo_stream%26page%3D116">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Épuisé
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/galettes-protein-pois-chiches-bio-100-g-8623">
          <img alt="Galettes Protein Pois Chiches Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5021/file/small-fcbd412790a1a89c9713a763f979834c.webp 600w, https://assets.fabulous.ch/public/variant_asset/5021/file/medium-4ea456481c7a3b93faa0c7f2077264a1.webp 900w, https://assets.fabulous.ch/public/variant_asset/5021/file/large-2e5e62383b3d5598efce49bee1968269.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5021/file/medium-4ea456481c7a3b93faa0c7f2077264a1.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">Lima</p>
          <a href="/fr/products/galettes-protein-pois-chiches-bio-100-g-8623">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Galettes Protein Pois Chiches Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/fr/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    M&#39;avertir
</a>

      </div>
    </div>
  </div>


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fnatural-cosmetics%2Fkids%3Fformat%3Dturbo_stream%26page%3D116">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Épuisé
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/galettes-protein-lentilles-bio-100-g-8624">
          <img alt="Galettes Protein Lentilles Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5022/file/small-67fd693af1de5ddf2673b2bd06fd11dc.webp 600w, https://assets.fabulous.ch/public/variant_asset/5022/file/medium-2ef002f25eba5ccebc89cf8744acc910.webp 900w, https://assets.fabulous.ch/public/variant_asset/5022/file/large-d3dffe909cabf364f85b509d1e4faeab.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5022/file/medium-2ef002f25eba5ccebc89cf8744acc910.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">Lima</p>
          <a href="/fr/products/galettes-protein-lentilles-bio-100-g-8624">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Galettes Protein Lentilles Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/fr/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    M&#39;avertir
</a>

      </div>
    </div>
  </div>


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fnatural-cosmetics%2Fkids%3Fformat%3Dturbo_stream%26page%3D116">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/chou-rouge-en-verre-demeter-350-g-8658">
          <img alt="Chou rouge en verre Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5036/file/small-228fbd244dfcc0046239506c19a4de00.webp 600w, https://assets.fabulous.ch/public/variant_asset/5036/file/medium-79eef76ab0576a0e6a88f1e9b5c46e37.webp 900w, https://assets.fabulous.ch/public/variant_asset/5036/file/large-e11cc35ed06c6a5db7fdd4fdf94bdc24.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5036/file/medium-79eef76ab0576a0e6a88f1e9b5c46e37.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">Nur Puur</p>
          <a href="/fr/products/chou-rouge-en-verre-demeter-350-g-8658">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chou rouge en verre Demeter, 350 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 0.84 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fnatural-cosmetics%2Fkids%3Fformat%3Dturbo_stream%26page%3D116">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Épuisé
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/myey-alternative-au-blanc-d-oeuf-en-gros-bio-1-kg-8660">
          <img alt="MyEy Alternative au blanc d&#39;œuf 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/5035/file/small-817e8d3034b01d3e09ef52840f7a521e.webp 600w, https://assets.fabulous.ch/public/variant_asset/5035/file/medium-48750fe1b909edb08e37de1ce30f3cb9.webp 900w, https://assets.fabulous.ch/public/variant_asset/5035/file/large-ff1755df5d5eafa6509e56df1ac7094d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5035/file/medium-48750fe1b909edb08e37de1ce30f3cb9.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">MyEy</p>
          <a href="/fr/products/myey-alternative-au-blanc-d-oeuf-en-gros-bio-1-kg-8660">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">MyEy Alternative au blanc d&#39;œuf en gros Bio, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 60.00
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/fr/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    M&#39;avertir
</a>

      </div>
    </div>
  </div>


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fnatural-cosmetics%2Fkids%3Fformat%3Dturbo_stream%26page%3D116">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Épuisé
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/myey-substitut-oeuf-jeune-en-gros-bio-1-kg-8662">
          <img alt="MyEy Substitut oeuf jeune 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/5039/file/small-d21ba9ef2c0842923f5890bd5cbc6708.webp 600w, https://assets.fabulous.ch/public/variant_asset/5039/file/medium-cfd9ae87cc3bdf98546af45db7807f1a.webp 900w, https://assets.fabulous.ch/public/variant_asset/5039/file/large-cb65ddbaad07cf1e1eadf6644582d227.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5039/file/medium-cfd9ae87cc3bdf98546af45db7807f1a.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">MyEy</p>
          <a href="/fr/products/myey-substitut-oeuf-jeune-en-gros-bio-1-kg-8662">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">MyEy Substitut oeuf jeune en gros Bio, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 60.00
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/fr/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    M&#39;avertir
</a>

      </div>
    </div>
  </div>


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fnatural-cosmetics%2Fkids%3Fformat%3Dturbo_stream%26page%3D116">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/stella-chocolat-noir-noix-de-coco-fair-bio-80-g-8673">
          <img alt="Stella Chocolat Noir Noix de Coco Fair &amp; Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5050/file/small-426bb7a1681b4e11900c8a443c44c429.webp 600w, https://assets.fabulous.ch/public/variant_asset/5050/file/medium-819596f686a60434c01e3b2ce3c4d424.webp 900w, https://assets.fabulous.ch/public/variant_asset/5050/file/large-c95c54469870077c3fde87442e6fc188.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5050/file/medium-819596f686a60434c01e3b2ce3c4d424.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">Stella Bernrain</p>
          <a href="/fr/products/stella-chocolat-noir-noix-de-coco-fair-bio-80-g-8673">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Stella Chocolat Noir Noix de Coco Fair &amp; Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uLBxlfClOAc-yXeE9KBseHp3gb9j0GShAvUyzeHGfgfDB9LXgUYYzxwuDX6PpfEldXV7rAxn7ct-StpV-0GQ6g" />
    <input value="8673" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fnatural-cosmetics%2Fkids%3Fformat%3Dturbo_stream%26page%3D116">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Épuisé
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/stella-chocolat-noir-avoine-croquant-fair-bio-80-g-8674">
          <img alt="Stella Chocolat Noir Avoine Croquant Fair &amp; Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5051/file/small-4aec84c44197479fbb920c7ca46112a9.webp 600w, https://assets.fabulous.ch/public/variant_asset/5051/file/medium-d6433447a4ea8b8dfde5c4031c2d9642.webp 900w, https://assets.fabulous.ch/public/variant_asset/5051/file/large-5e6cf90aad0fbaed2fd20aecd583a125.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5051/file/medium-d6433447a4ea8b8dfde5c4031c2d9642.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">Stella Bernrain</p>
          <a href="/fr/products/stella-chocolat-noir-avoine-croquant-fair-bio-80-g-8674">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Stella Chocolat Noir Avoine Croquant Fair &amp; Bio, 80 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 4.19 / 100 g
            </p>
        </div>
      </div>

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/fr/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    M&#39;avertir
</a>

      </div>
    </div>
  </div>


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fnatural-cosmetics%2Fkids%3Fformat%3Dturbo_stream%26page%3D116">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Épuisé
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/vegetalien-blanc-nectar-d-amande-fair-bio-80-g-8675">
          <img alt="Végétalien Blanc Nectar d&#39;Amande Fair &amp; Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5052/file/small-56ac38dd53dda89cb5865f52f3667b48.webp 600w, https://assets.fabulous.ch/public/variant_asset/5052/file/medium-e6285053ff9634fd37a9a14f48c7a2ff.webp 900w, https://assets.fabulous.ch/public/variant_asset/5052/file/large-803c9dafbab6397405c361e60cb0558d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5052/file/medium-e6285053ff9634fd37a9a14f48c7a2ff.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">Stella Bernrain</p>
          <a href="/fr/products/vegetalien-blanc-nectar-d-amande-fair-bio-80-g-8675">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Végétalien Blanc Nectar d&#39;Amande Fair &amp; Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/fr/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    M&#39;avertir
</a>

      </div>
    </div>
  </div>


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fnatural-cosmetics%2Fkids%3Fformat%3Dturbo_stream%26page%3D116">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/amandes-brunes-moulues-en-gros-bio-5-kg-8686">
          <img alt="Amandes brunes moulues 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/5054/file/small-3c2f4d038edfb17a74197acfdd0b067d.webp 600w, https://assets.fabulous.ch/public/variant_asset/5054/file/medium-ac48b2804c1e53d0d36e941d6fba347a.webp 900w, https://assets.fabulous.ch/public/variant_asset/5054/file/large-1b3d5b6b37741cd74db804c5072f3fd4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5054/file/medium-ac48b2804c1e53d0d36e941d6fba347a.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/amandes-brunes-moulues-en-gros-bio-5-kg-8686">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Amandes brunes moulues en gros Bio, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 115.00
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fnatural-cosmetics%2Fkids%3Fformat%3Dturbo_stream%26page%3D116">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/men-sensitiv-mousse-a-raser-douceur-150-ml-df2f1d6c-0e69-4e28-a2e6-d13a896c701d-8723">
          <img alt="Men Sensitiv Mousse à raser douceur" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5062/file/small-ab508f3e2e705722da6d3565f5fcd2bb.webp 600w, https://assets.fabulous.ch/public/variant_asset/5062/file/medium-b11f62345eb62b15b9e32908ba3fc3d4.webp 900w, https://assets.fabulous.ch/public/variant_asset/5062/file/large-7145374d62cf982646e4fad5b9038e2c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5062/file/medium-b11f62345eb62b15b9e32908ba3fc3d4.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/men-sensitiv-mousse-a-raser-douceur-150-ml-df2f1d6c-0e69-4e28-a2e6-d13a896c701d-8723">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Men Sensitiv Mousse à raser douceur, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.40
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fnatural-cosmetics%2Fkids%3Fformat%3Dturbo_stream%26page%3D116">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Épuisé
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/bonbons-xylit-framboise-sans-sucre-ajouter-50-g-8725">
          <img alt="Bonbons Xylit framboise sans sucre ajouter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5066/file/small-a233900362d2d7de9a3ac7fd114a6255.webp 600w, https://assets.fabulous.ch/public/variant_asset/5066/file/medium-6b16578ce272553129f711b161229865.webp 900w, https://assets.fabulous.ch/public/variant_asset/5066/file/large-8c8e94b95953b199f0d357e7b290e3fa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5066/file/medium-6b16578ce272553129f711b161229865.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">Xucker</p>
          <a href="/fr/products/bonbons-xylit-framboise-sans-sucre-ajouter-50-g-8725">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bonbons Xylit framboise sans sucre ajouter, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/fr/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    M&#39;avertir
</a>

      </div>
    </div>
  </div>


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fnatural-cosmetics%2Fkids%3Fformat%3Dturbo_stream%26page%3D116">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Épuisé
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/bonbons-xylit-exotique-sans-sucre-ajouter-50-g-8726">
          <img alt="Bonbons Xylit Exotique sans  sucre ajouter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5068/file/small-f839857c4ad8f9b6373081800d065f3f.webp 600w, https://assets.fabulous.ch/public/variant_asset/5068/file/medium-c6255088a4c39ebbf3741d3bc7d7657f.webp 900w, https://assets.fabulous.ch/public/variant_asset/5068/file/large-f8f0d31b75c7fa5a3152a4452c4bd69f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5068/file/medium-c6255088a4c39ebbf3741d3bc7d7657f.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">Xucker</p>
          <a href="/fr/products/bonbons-xylit-exotique-sans-sucre-ajouter-50-g-8726">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bonbons Xylit Exotique sans  sucre ajouter, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/fr/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    M&#39;avertir
</a>

      </div>
    </div>
  </div>


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fnatural-cosmetics%2Fkids%3Fformat%3Dturbo_stream%26page%3D116">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Épuisé
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/bonbons-xylit-menthe-sans-sucre-ajouter-50-g-8727">
          <img alt="Bonbons Xylit Menthe sans  sucre ajouter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5070/file/small-d24a1a0f25e47c9abc75906100d39a2d.webp 600w, https://assets.fabulous.ch/public/variant_asset/5070/file/medium-4f621b7724e967fd6ab2a895d39229a6.webp 900w, https://assets.fabulous.ch/public/variant_asset/5070/file/large-c68eca9a55edeab83a12b4707fba7da3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5070/file/medium-4f621b7724e967fd6ab2a895d39229a6.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">Xucker</p>
          <a href="/fr/products/bonbons-xylit-menthe-sans-sucre-ajouter-50-g-8727">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bonbons Xylit Menthe sans  sucre ajouter, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-8727-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;320 sur 3&#39;288 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/natural-cosmetics/kids?format=turbo_stream&amp;page=117">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>