<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%2Freosal%3Fformat%3Dturbo_stream%26page%3D105">
    <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/aimant-go-vegan-1-piece-2547">
          <img alt="Aimant : Go Vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1853/file/small-feebb14c5fb26be4a76f81bd761bdf12.webp 600w, https://assets.fabulous.ch/public/variant_asset/1853/file/medium-33babc8db207bb6a85d7317b502c3d8c.webp 900w, https://assets.fabulous.ch/public/variant_asset/1853/file/large-2ef87b8d6c2dbe862677cfd89ab66442.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1853/file/medium-33babc8db207bb6a85d7317b502c3d8c.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">Swissveg</p>
          <a href="/fr/products/aimant-go-vegan-1-piece-2547">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aimant : Go Vegan, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;2547&quot;],&quot;content_name&quot;:&quot;Aimant : Go Vegan, 1 pièce&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;2547&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="w3ZbZcHaIEXQorwq-ksWS0MFjqBr_kVqkOhjUujGoizUYV7qca9MGg9oR_uLvrOCJs6rmXTC2qlG8I3S3-p4ww" />
    <input value="2547" 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%2Freosal%3Fformat%3Dturbo_stream%26page%3D105">
    <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/aimant-swissveg-1-piece-2550">
          <img alt="Aimant : Swissveg" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1856/file/small-5fa93749442604d8fa9c04b9f56ca352.webp 600w, https://assets.fabulous.ch/public/variant_asset/1856/file/medium-c29c14238c662598a6b9307ceb9056d5.webp 900w, https://assets.fabulous.ch/public/variant_asset/1856/file/large-0a5db7027f8e45ee497dcc1203997d6a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1856/file/medium-c29c14238c662598a6b9307ceb9056d5.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">Swissveg</p>
          <a href="/fr/products/aimant-swissveg-1-piece-2550">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aimant : Swissveg, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;2550&quot;],&quot;content_name&quot;:&quot;Aimant : Swissveg, 1 pièce&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;2550&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XwRFIQBHTSz8zANozoeJxTW9TEOvAbAXblovh4rJGntIE0CusDIhcyMG-Lm_ciwMUHZperA9L9S4QsEHveXAlA" />
    <input value="2550" 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%2Freosal%3Fformat%3Dturbo_stream%26page%3D105">
    <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/dragonne-porte-cles-swissveg-1-piece-2553">
          <img alt="Dragonne / Porte-clés Swissveg" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1857/file/small-3e0086693f220d65d633d81dac05bf70.webp 600w, https://assets.fabulous.ch/public/variant_asset/1857/file/medium-dc1c7049043942c1aecc807cc6da3055.webp 900w, https://assets.fabulous.ch/public/variant_asset/1857/file/large-a0562054d0e4f46491999efc07744231.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1857/file/medium-dc1c7049043942c1aecc807cc6da3055.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">Swissveg</p>
          <a href="/fr/products/dragonne-porte-cles-swissveg-1-piece-2553">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dragonne / Porte-clés Swissveg, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.05
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;2553&quot;],&quot;content_name&quot;:&quot;Dragonne / Porte-clés Swissveg, 1 pièce&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;2553&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.05,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="W0AUfBCM514BIDOX7PM9sXXmtVVtlj_VZm1r3HPOwZNMVxHzoPmLAd7qyEadBph4EC2QbHKqoBawdYVcROIbfA" />
    <input value="2553" 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%2Freosal%3Fformat%3Dturbo_stream%26page%3D105">
    <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/flocons-de-noix-de-coco-qualite-crudite-bio-300-g-2570">
          <img alt="Flocons de noix de coco Qualité crudité Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1865/file/small-2b0f9e56d62f8bc65af00617b557918b.webp 600w, https://assets.fabulous.ch/public/variant_asset/1865/file/medium-883bb3c01eace31e55949ddb6baa4084.webp 900w, https://assets.fabulous.ch/public/variant_asset/1865/file/large-4aaec18fa54c000792647a51aabfe860.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1865/file/medium-883bb3c01eace31e55949ddb6baa4084.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">Dr. Goerg</p>
          <a href="/fr/products/flocons-de-noix-de-coco-qualite-crudite-bio-300-g-2570">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Flocons de noix de coco Qualité crudité Bio, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;2570&quot;],&quot;content_name&quot;:&quot;Flocons de noix de coco Qualité crudité Bio, 300 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;2570&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fYTzASZu2Zuqp_ATL2kF0Un8ZTBy69m3XvE4rD7jl6dqk_aOlhu1xHVtC8JenKAYLDdACW3XRnSI6dYsCc9NSA" />
    <input value="2570" 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%2Freosal%3Fformat%3Dturbo_stream%26page%3D105">
    <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/bonbons-sauge-sans-gluten-bio-100-g-2575">
          <img alt="Bonbons &quot;sauge&quot; 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/1867/file/small-e8e9d6327cf8e1d0ec117ef3e2ac1538.webp 600w, https://assets.fabulous.ch/public/variant_asset/1867/file/medium-62453a0b2f1148f3271dd6582ceec852.webp 900w, https://assets.fabulous.ch/public/variant_asset/1867/file/large-56e6a9c57dc3f45952661eedc45c8470.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1867/file/medium-62453a0b2f1148f3271dd6582ceec852.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">Liebhart&#39;s</p>
          <a href="/fr/products/bonbons-sauge-sans-gluten-bio-100-g-2575">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bonbons &quot;sauge&quot; Sans Gluten Bio, 100 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 2.95 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;2575&quot;],&quot;content_name&quot;:&quot;Bonbons \&quot;sauge\&quot; Sans Gluten Bio, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;2575&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ubmXAOgN7f48RDQuF6flkkUoofyLmjM8x2hI8PkVx9qurpKPWHiBoeOOz_9mUkBbIOOExZSmrP8RcKZwzjkdNQ" />
    <input value="2575" 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%2Freosal%3Fformat%3Dturbo_stream%26page%3D105">
    <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/bonbons-gingembre-sans-gluten-bio-100-g-2576">
          <img alt="Bonbons &quot;gingembre&quot; 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/1871/file/small-ece036dcbded5cea71faae7407652dfc.webp 600w, https://assets.fabulous.ch/public/variant_asset/1871/file/medium-253d3150e743c981c84051d871135e42.webp 900w, https://assets.fabulous.ch/public/variant_asset/1871/file/large-7a93cf66b39e518599bd212dc18264ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1871/file/medium-253d3150e743c981c84051d871135e42.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">Liebhart&#39;s</p>
          <a href="/fr/products/bonbons-gingembre-sans-gluten-bio-100-g-2576">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bonbons &quot;gingembre&quot; Sans Gluten Bio, 100 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 2.95 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;2576&quot;],&quot;content_name&quot;:&quot;Bonbons \&quot;gingembre\&quot; Sans Gluten Bio, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;2576&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="a4EHC-Qqv9GOXwTLZfwf-Oxn6gCnUiqyKcZkdOWiDEd8lgKEVF_TjlGV_xoUCboxiazPObhutXH_3or00o7WqA" />
    <input value="2576" 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%2Freosal%3Fformat%3Dturbo_stream%26page%3D105">
    <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/lovechock-chocolat-93-cacao-raw-bio-70-g-2577">
          <img alt="Lovechock Chocolat 93% Cacao RAW Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1869/file/small-cde52eb58800fccdbb6ecd0a6d7e1508.webp 600w, https://assets.fabulous.ch/public/variant_asset/1869/file/medium-87f907386ea18b3733135e12f4113170.webp 900w, https://assets.fabulous.ch/public/variant_asset/1869/file/large-7adb7d9dc16ace0d279055bae3f19c35.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1869/file/medium-87f907386ea18b3733135e12f4113170.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">Lovechock</p>
          <a href="/fr/products/lovechock-chocolat-93-cacao-raw-bio-70-g-2577">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lovechock Chocolat 93% Cacao RAW Bio, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;2577&quot;],&quot;content_name&quot;:&quot;Lovechock Chocolat 93% Cacao RAW Bio, 70 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;2577&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="U5qW1MJSNRNmyjQ3ub1sRGdg1as-di6XWeq1t2O6nF5EjZNbcidZTLkAz-bISMmNAqvwkiFKsVSP8ls3VJZGsQ" />
    <input value="2577" 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%2Freosal%3Fformat%3Dturbo_stream%26page%3D105">
    <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/champignons-cepes-sechees-bio-20-g-2581">
          <img alt="Champignons Cèpes séchées Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1874/file/small-b62664d7ff19d9671ad0e59a1ab47c62.webp 600w, https://assets.fabulous.ch/public/variant_asset/1874/file/medium-c55e560cfb904ad0474062344576b507.webp 900w, https://assets.fabulous.ch/public/variant_asset/1874/file/large-aed429d651b75047aba2e39778dbf2df.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1874/file/medium-c55e560cfb904ad0474062344576b507.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">Pural</p>
          <a href="/fr/products/champignons-cepes-sechees-bio-20-g-2581">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Champignons Cèpes séchées Bio, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.30
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;2581&quot;],&quot;content_name&quot;:&quot;Champignons Cèpes séchées Bio, 20 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;2581&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="O-gqg-6R6u1PDK9DOuBZG_jGzECE9XGpvjirzM7vrs0s_y8MXuSGspDGVJJLFfzSnQ3peZvJ7mpoIEVM-cN0Ig" />
    <input value="2581" 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%2Freosal%3Fformat%3Dturbo_stream%26page%3D105">
    <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/sac-de-sport-go-vegan-1-piece-2596">
          <img alt="Sac de sport Go Vegan!" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1885/file/small-96524675c101622a523e8eb22c015565.webp 600w, https://assets.fabulous.ch/public/variant_asset/1885/file/medium-90a9345fdd99b77d8ecd706b2ef76eb2.webp 900w, https://assets.fabulous.ch/public/variant_asset/1885/file/large-5371e741797979880e55ef77a59e6fb2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1885/file/medium-90a9345fdd99b77d8ecd706b2ef76eb2.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">Swissveg</p>
          <a href="/fr/products/sac-de-sport-go-vegan-1-piece-2596">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sac de sport Go Vegan!, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.05
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;2596&quot;],&quot;content_name&quot;:&quot;Sac de sport Go Vegan!, 1 pièce&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;2596&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:20.05,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1ApikRbWg6p2mhKxm3dZOr4H4FfqHvT7H8f57Tr8ISXDHWcepqPv9alQ6WDqgvzz28zFbvUiazjJ3xdtDdD7yg" />
    <input value="2596" 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%2Freosal%3Fformat%3Dturbo_stream%26page%3D105">
    <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/basis-sensitiv-creme-pour-les-mains-75-ml-2614">
          <img alt="Basis sensitiv Crème pour les mains" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1891/file/small-6477ea12ea66a103519b7427264cc4d8.webp 600w, https://assets.fabulous.ch/public/variant_asset/1891/file/medium-e39d6f02b8b2b7687ba80107d872b256.webp 900w, https://assets.fabulous.ch/public/variant_asset/1891/file/large-37ca3d88e60458ca070473824a4f64b4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1891/file/medium-e39d6f02b8b2b7687ba80107d872b256.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/basis-sensitiv-creme-pour-les-mains-75-ml-2614">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Basis sensitiv Crème pour les mains, 75 ml</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 7.67 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;2614&quot;],&quot;content_name&quot;:&quot;Basis sensitiv Crème pour les mains, 75 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;2614&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.75,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Dcp-rZYLdfWr5W13DOTEGEYMB48pIUOhty03CKawwLka3XsiJn4ZqnQvlqZ9EWHRI8citjYd3GJhNdmIkZwaVg" />
    <input value="2614" 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%2Freosal%3Fformat%3Dturbo_stream%26page%3D105">
    <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/the-vert-chinois-bio-18-sachets-18-sachet-2625">
          <img alt="Thé vert chinois Bio, 18 Sachets" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1895/file/small-cd4d7430ae171c28f27d0082ced43c7b.webp 600w, https://assets.fabulous.ch/public/variant_asset/1895/file/medium-9091b31add2fc2254064959e8b2c2890.webp 900w, https://assets.fabulous.ch/public/variant_asset/1895/file/large-9c1aec74dcadd2cb6de0eae461396bc2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1895/file/medium-9091b31add2fc2254064959e8b2c2890.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/the-vert-chinois-bio-18-sachets-18-sachet-2625">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Thé vert chinois Bio, 18 Sachets, 18 sachets</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;2625&quot;],&quot;content_name&quot;:&quot;Thé vert chinois Bio, 18 Sachets, 18 sachets&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;2625&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LdjEXUOg8m99P1OMtsOVmiozmMutZNkwspoYADFzuow6z8HS89WeMKL1qF3HNjBTT_i98rJYRvNkgvaABl9gYw" />
    <input value="2625" 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%2Freosal%3Fformat%3Dturbo_stream%26page%3D105">
    <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/calcium-high-bioavailability-90mg-kapseln-180-piece-2634">
          <img alt="Calcium High Bioavailability 90mg" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1900/file/small-058cdd6d9691ada5f32e3da89c731207.webp 600w, https://assets.fabulous.ch/public/variant_asset/1900/file/medium-944232310d7c8a1f80cdceda1a6f66ca.webp 900w, https://assets.fabulous.ch/public/variant_asset/1900/file/large-25dd647a26c0479d779a8b78725cdef9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1900/file/medium-944232310d7c8a1f80cdceda1a6f66ca.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">energybalance</p>
          <a href="/fr/products/calcium-high-bioavailability-90mg-kapseln-180-piece-2634">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Calcium High Bioavailability 90mg, 180 capsules</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;2634&quot;],&quot;content_name&quot;:&quot;Calcium High Bioavailability 90mg, 180 capsules&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;2634&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:29.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ucfv0RCSdtbod3Csw0Xx0CKC17TsVghnxeTtREDCu9ZG0OpeoOcaiTe9i32ysFQZR0nyjfNql6QT_APEd-5hOQ" />
    <input value="2634" 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%2Freosal%3Fformat%3Dturbo_stream%26page%3D105">
    <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/k2-active-advanced-mk-7-75-g-vitamin-kapseln-90-piece-2636">
          <img alt="K2 active advanced MK-7 75µg Vitamin" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8907/file/small-f70badb4fa9cd79bf470b7b810c84aea.webp 600w, https://assets.fabulous.ch/public/variant_asset/8907/file/medium-e1cb37910342eec86c818550dee10a15.webp 900w, https://assets.fabulous.ch/public/variant_asset/8907/file/large-b3020d7e602258c5239a511998ee9b8c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8907/file/medium-e1cb37910342eec86c818550dee10a15.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">energybalance</p>
          <a href="/fr/products/k2-active-advanced-mk-7-75-g-vitamin-kapseln-90-piece-2636">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">K2 active advanced MK-7 75µg Vitamin, 90 capsules</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 39.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;2636&quot;],&quot;content_name&quot;:&quot;K2 active advanced MK-7 75µg Vitamin, 90 capsules&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;2636&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:39.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eLch_LI4GpyYLX2FnHTcyey3JiOqFHPh7DQZFdXKDHhvoCRzAk12w0fnhlTtgXkAiXwDGrUo7CI6LPeV4ubWlw" />
    <input value="2636" 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%2Freosal%3Fformat%3Dturbo_stream%26page%3D105">
    <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/selenium-organic-high-natural-60-g-kapseln-90-piece-2637">
          <img alt="Selenium Organic High Natural 60µg" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1903/file/small-aaebc1d13d2050d6ef370e52d364f1fc.webp 600w, https://assets.fabulous.ch/public/variant_asset/1903/file/medium-a44fa666a437f41e453fd47de0beae65.webp 900w, https://assets.fabulous.ch/public/variant_asset/1903/file/large-f4aa580694e9dd90a328269ece917c66.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1903/file/medium-a44fa666a437f41e453fd47de0beae65.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">energybalance</p>
          <a href="/fr/products/selenium-organic-high-natural-60-g-kapseln-90-piece-2637">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Selenium Organic High Natural 60µg, 90 capsules</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.90
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-2637-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%2Freosal%3Fformat%3Dturbo_stream%26page%3D105">
    <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/poudre-compacte-sable-medium-beige-10-g-2672">
          <img alt="Poudre compacte sable MEDIUM BEIGE" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1940/file/small-2f8bb0039d8954945470666fdf4d19f7.webp 600w, https://assets.fabulous.ch/public/variant_asset/1940/file/medium-045f2628d6908fa475ed3472468f3861.webp 900w, https://assets.fabulous.ch/public/variant_asset/1940/file/large-52260cbd6586bce1c9f9946bf2dc5113.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1940/file/medium-045f2628d6908fa475ed3472468f3861.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">benecos</p>
          <a href="/fr/products/poudre-compacte-sable-medium-beige-10-g-2672">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Poudre compacte sable MEDIUM BEIGE, 10 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.85
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;2672&quot;],&quot;content_name&quot;:&quot;Poudre compacte sable MEDIUM BEIGE, 10 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;2672&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.85,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zLhK-JM4apVgGwwwwwLb5HBBiguW9sPSPGo69C0xEjHbr093I00Gyr_R9-Gy934tFYqvMonKXBHqctR0Gh3I3g" />
    <input value="2672" 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%2Freosal%3Fformat%3Dturbo_stream%26page%3D105">
    <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/chiens-ami-dog-croquettes-vege-12-kg-2696">
          <img alt="Chiens Ami Dog Croquettes Végé" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1947/file/small-9da9af98613330f5845916d034331ffb.webp 600w, https://assets.fabulous.ch/public/variant_asset/1947/file/medium-750fa2287c0b2fb0cafb3831c732f3e5.webp 900w, https://assets.fabulous.ch/public/variant_asset/1947/file/large-02068d90d1ad0d5f16ed5393a945d1ab.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1947/file/medium-750fa2287c0b2fb0cafb3831c732f3e5.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">AMI</p>
          <a href="/fr/products/chiens-ami-dog-croquettes-vege-12-kg-2696">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chiens Ami Dog Croquettes Végé, 12 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 71.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;2696&quot;],&quot;content_name&quot;:&quot;Chiens Ami Dog Croquettes Végé, 12 kg&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;2696&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:71.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qLPDpBNhVzvWHzXm8_1cehI2Yl_ku4clpemCyQ-FoUq_pMYroxQ7ZAnVzjeCCPmzd_1HZvuHGOZz8WxJOKl7pQ" />
    <input value="2696" 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%2Freosal%3Fformat%3Dturbo_stream%26page%3D105">
    <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/ami-dog-vanille-biscuits-500-g-2697">
          <img alt="Ami Dog Vanille Biscuits" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1948/file/small-3321f15736651ef71ca91861f6d37a26.webp 600w, https://assets.fabulous.ch/public/variant_asset/1948/file/medium-341952082d351ffb05397ab5144fe356.webp 900w, https://assets.fabulous.ch/public/variant_asset/1948/file/large-b21627f9a02b3738c8ad3bb5446150fa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1948/file/medium-341952082d351ffb05397ab5144fe356.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">AMI</p>
          <a href="/fr/products/ami-dog-vanille-biscuits-500-g-2697">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ami Dog Vanille Biscuits, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.95
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-2697-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%2Freosal%3Fformat%3Dturbo_stream%26page%3D105">
    <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/shampooing-volume-vitalite-250-ml-2789">
          <img alt="Shampooing Volume &amp; Vitalité" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1973/file/small-dc50e57d57d851dd107f76bbc901ab42.webp 600w, https://assets.fabulous.ch/public/variant_asset/1973/file/medium-180b2c21aa2eb3e8585bf511b98b68f0.webp 900w, https://assets.fabulous.ch/public/variant_asset/1973/file/large-ed651e9056d2a175ba7c993365e57208.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1973/file/medium-180b2c21aa2eb3e8585bf511b98b68f0.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/shampooing-volume-vitalite-250-ml-2789">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Shampooing Volume &amp; Vitalité, 250 ml</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 3.98 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;2789&quot;],&quot;content_name&quot;:&quot;Shampooing Volume \u0026 Vitalité, 250 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;2789&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6K5yWNdcRd0DYTtVCE63t7z7ebt30FAA6MhoqkVrzhj_uXfXZykpgtyrwIR5uxJ-2TBcgmjsz8M-0IYqckcU9w" />
    <input value="2789" 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%2Freosal%3Fformat%3Dturbo_stream%26page%3D105">
    <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/lingettes-nettoyantes-naturelles-25-pcs-25-piece-2796">
          <img alt="Lingettes Nettoyantes Naturelles, 25 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1979/file/small-5479172b04d84c457dcb82168ef4dbef.webp 600w, https://assets.fabulous.ch/public/variant_asset/1979/file/medium-e6907a33865968f33b90a122dff6b00a.webp 900w, https://assets.fabulous.ch/public/variant_asset/1979/file/large-88a30b941a8924fc69ec421e2c1aa340.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1979/file/medium-e6907a33865968f33b90a122dff6b00a.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">benecos</p>
          <a href="/fr/products/lingettes-nettoyantes-naturelles-25-pcs-25-piece-2796">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lingettes Nettoyantes Naturelles, 25 pcs, 25 pièces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.45
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-2796-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%2Freosal%3Fformat%3Dturbo_stream%26page%3D105">
    <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/bouillon-vegetal-sans-levure-sans-gluten-recharge-bio-500-g-2818">
          <img alt="Bouillon Végétal Sans Levure Sans Gluten Recharge Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1991/file/small-64288b338312e90be6cb898946c9e36a.webp 600w, https://assets.fabulous.ch/public/variant_asset/1991/file/medium-30e83806aea7b7438828703bef365fb5.webp 900w, https://assets.fabulous.ch/public/variant_asset/1991/file/large-93842119efeb717c22d060c56252c41c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1991/file/medium-30e83806aea7b7438828703bef365fb5.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">Naturata</p>
          <a href="/fr/products/bouillon-vegetal-sans-levure-sans-gluten-recharge-bio-500-g-2818">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bouillon Végétal Sans Levure Sans Gluten Recharge Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;2818&quot;],&quot;content_name&quot;:&quot;Bouillon Végétal Sans Levure Sans Gluten Recharge Bio, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;2818&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CEVyi6gcDEEGDoy4I07pvrfBmrwzly8ZpR0eLP-_c6sfUncEGGlgHtnEd2lSu0x30gq_hSyrsNpzBfCsyJOpRA" />
    <input value="2818" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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



</template></turbo-stream>
<turbo-stream action="replace" target="infinite_scroll_sentinel"><template>
  <div id="infinite_scroll_sentinel" class="w-full py-8">
  <div class="flex flex-col items-center gap-3">
    <p class="text-sm text-gray-500">
      2&#39;100 sur 3&#39;525 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/reosal?format=turbo_stream&amp;page=106">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>