<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%2Fcosmetiques%2Fsoins-pour-visage%3Fformat%3Dturbo_stream%26page%3D5">
    <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/pill-cosmetique-fluide-anti-pigmentation-50-ml-13124">
          <img alt="Pill Cosmétique - Fluide anti-pigmentation" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6393/file/small-3bba278e8d45395da00903d37f3c94df.webp 600w, https://assets.fabulous.ch/public/variant_asset/6393/file/medium-c0adc36ba4b659cf30014d70b707bd52.webp 900w, https://assets.fabulous.ch/public/variant_asset/6393/file/large-0354a9a5f1570b29453f286cb1428a5c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6393/file/medium-c0adc36ba4b659cf30014d70b707bd52.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/fr/products/pill-cosmetique-fluide-anti-pigmentation-50-ml-13124">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Cosmétique - Fluide anti-pigmentation, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 49.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;13124&quot;],&quot;content_name&quot;:&quot;Pill Cosmétique - Fluide anti-pigmentation, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;13124&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:49.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dqywRwXDDZmfXaK2Vl_CJsnAWcedaAPWfE40QM6Pw9Nmv_lXcy2xzNUHeup4Cii7KyndFV7sAiNP24vV3_qsuQ" />
    <input value="13124" 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%2Fcosmetiques%2Fsoins-pour-visage%3Fformat%3Dturbo_stream%26page%3D5">
    <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/pill-cosmetique-creme-intensive-apaisante-50-ml-13155">
          <img alt="Pill Cosmétique - Crème intensive apaisante" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6414/file/small-d74b509066d3e2c07ea00370ae9ec046.webp 600w, https://assets.fabulous.ch/public/variant_asset/6414/file/medium-b4df324ca456ee5e55e00fa67a961409.webp 900w, https://assets.fabulous.ch/public/variant_asset/6414/file/large-8076389e8406508e946892e6aaf061c9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6414/file/medium-b4df324ca456ee5e55e00fa67a961409.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/fr/products/pill-cosmetique-creme-intensive-apaisante-50-ml-13155">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Cosmétique - Crème intensive apaisante, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 43.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;13155&quot;],&quot;content_name&quot;:&quot;Pill Cosmétique - Crème intensive apaisante, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;13155&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:43.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="253WgUYC5Htl5xzsdao30kJu4W3UaVl4Eon1Ffnb2pzLjp-RMOxYLi-9xLBb_91PoIdlvxftWI0hHEqA6K619g" />
    <input value="13155" 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%2Fcosmetiques%2Fsoins-pour-visage%3Fformat%3Dturbo_stream%26page%3D5">
    <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/pill-cosmetique-gel-nettoyant-clarifiant-a-l-extrait-de-bardane-200-ml-13162">
          <img alt="Pill Cosmétique - Gel nettoyant clarifiant à l&#39;extrait de bardane" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6421/file/small-aab2e49ee32ed55f653b57a5356dca7e.webp 600w, https://assets.fabulous.ch/public/variant_asset/6421/file/medium-e61dd05eb430627c095e3d7c5548a21f.webp 900w, https://assets.fabulous.ch/public/variant_asset/6421/file/large-e8b93504051400f7f32d41a3a713d237.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6421/file/medium-e61dd05eb430627c095e3d7c5548a21f.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/fr/products/pill-cosmetique-gel-nettoyant-clarifiant-a-l-extrait-de-bardane-200-ml-13162">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Cosmétique - Gel nettoyant clarifiant à l&#39;extrait de bardane, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;13162&quot;],&quot;content_name&quot;:&quot;Pill Cosmétique - Gel nettoyant clarifiant à l&#39;extrait de bardane, 200 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;13162&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:27.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ktEKxf8W_Qhi5jscJJ4scuFIxGLP8V3k-vcvdc8yFm6CwkPVifhBXSi840AKy8bvA6FAsAx1XBHJYpDg3kd5BA" />
    <input value="13162" 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%2Fcosmetiques%2Fsoins-pour-visage%3Fformat%3Dturbo_stream%26page%3D5">
    <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/pill-cosmetique-serum-liftant-au-procollagene-50-ml-13166">
          <img alt="Pill Cosmétique - Sérum liftant au procollagène" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6426/file/small-4eb0487630fd887593564022b57a2b33.webp 600w, https://assets.fabulous.ch/public/variant_asset/6426/file/medium-0d5d664ec3f825c66041164069ebbb9e.webp 900w, https://assets.fabulous.ch/public/variant_asset/6426/file/large-0d18de3bd61fd9c6465f96ca50ca30f9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6426/file/medium-0d5d664ec3f825c66041164069ebbb9e.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/fr/products/pill-cosmetique-serum-liftant-au-procollagene-50-ml-13166">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Cosmétique - Sérum liftant au procollagène, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 53.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;13166&quot;],&quot;content_name&quot;:&quot;Pill Cosmétique - Sérum liftant au procollagène, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;13166&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:53.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="67zyjuagQsynt4LAo2ZN-VueFaLdLLYajBVAEgXkra_7r7uekE7-me3tWpyNM6dkuXeRcB6ot--_gP-HFJHCxQ" />
    <input value="13166" 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%2Fcosmetiques%2Fsoins-pour-visage%3Fformat%3Dturbo_stream%26page%3D5">
    <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/cotons-tiges-en-bambou-400-pieces-400-piece-15367">
          <img alt="Cotons-Tiges en Bambou, 400 pièces" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7017/file/small-a204a3a4cb10be476b338bbab2fb6b08.webp 600w, https://assets.fabulous.ch/public/variant_asset/7017/file/medium-113a1e022935b9410f320c33a9b1266e.webp 900w, https://assets.fabulous.ch/public/variant_asset/7017/file/large-a0706ed7b6ea9bd6c1ed85bffc763bd2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7017/file/medium-113a1e022935b9410f320c33a9b1266e.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">Bambaw</p>
          <a href="/fr/products/cotons-tiges-en-bambou-400-pieces-400-piece-15367">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cotons-Tiges en Bambou, 400 pièces, 400 pièces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-15367-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%2Fcosmetiques%2Fsoins-pour-visage%3Fformat%3Dturbo_stream%26page%3D5">
    <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/essuie-tout-reutilisable-en-bambou-200-feuilles-200-piece-15368">
          <img alt="Essuie-Tout Réutilisable en Bambou" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7018/file/small-dea4293b09848b80470a8563d984b45d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7018/file/medium-9bedbf25fe2db0cc66b8056cea1ec9e4.webp 900w, https://assets.fabulous.ch/public/variant_asset/7018/file/large-1bfab2e3a9935d15decb5d11f2905ab6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7018/file/medium-9bedbf25fe2db0cc66b8056cea1ec9e4.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">Bambaw</p>
          <a href="/fr/products/essuie-tout-reutilisable-en-bambou-200-feuilles-200-piece-15368">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Essuie-Tout Réutilisable en Bambou, 200 pièces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.50
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-15368-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%2Fcosmetiques%2Fsoins-pour-visage%3Fformat%3Dturbo_stream%26page%3D5">
    <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/essuie-tout-recycle-2-rouleaux-2-rouleau-17180">
          <img alt="Essuie-tout recyclé" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8006/file/small-c42569de590859ebd5517eb25bddf59b.webp 600w, https://assets.fabulous.ch/public/variant_asset/8006/file/medium-2e23531af73b852a730d49404d81544e.webp 900w, https://assets.fabulous.ch/public/variant_asset/8006/file/large-fb2d7cdfb2cf3f1e1f245cbe3db7c38a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8006/file/medium-2e23531af73b852a730d49404d81544e.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">memo</p>
          <a href="/fr/products/essuie-tout-recycle-2-rouleaux-2-rouleau-17180">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Essuie-tout recyclé, 2 rouleaux</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17180&quot;],&quot;content_name&quot;:&quot;Essuie-tout recyclé, 2 rouleaux&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17180&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UDgmJaS-KrreldV-zP8l8314BRSNpkYxkpOLHXTnRChAK2810lCW75TPDSLiqs9un5GBxk4iR8ShBjSIZZIrQg" />
    <input value="17180" 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%2Fcosmetiques%2Fsoins-pour-visage%3Fformat%3Dturbo_stream%26page%3D5">
    <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/baume-a-la-pomme-de-terre-100-ml-18105">
          <img alt="Baume à la pomme de terre" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9049/file/small-1b874f54d42322de64a888b547609dfc.webp 600w, https://assets.fabulous.ch/public/variant_asset/9049/file/medium-9ef7fa024363c7e2303c379ba950fd73.webp 900w, https://assets.fabulous.ch/public/variant_asset/9049/file/large-e0b6a19e8c8fadb6a389890764d0349f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9049/file/medium-9ef7fa024363c7e2303c379ba950fd73.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">Bergland</p>
          <a href="/fr/products/baume-a-la-pomme-de-terre-100-ml-18105">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Baume à la pomme de terre, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18105&quot;],&quot;content_name&quot;:&quot;Baume à la pomme de terre, 100 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18105&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:18.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1NVlTw2Zo9MnG85TU-XGBotg6ahMl60sqWhWKZampmrExixfe3cfhm1BFg99sCybaYlteo8TrNma_em8h9PJAA" />
    <input value="18105" 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%2Fcosmetiques%2Fsoins-pour-visage%3Fformat%3Dturbo_stream%26page%3D5">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    40 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/nuit-creme-re-energizing-sleeping-cream-50-ml-date-limite-30-10-2026-21963">
          <img alt="Nuit Crème Re-Energizing Sleeping Cream" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1626/file/small-8b71a8964b7640d6371a3df715122411.webp 600w, https://assets.fabulous.ch/public/variant_asset/1626/file/medium-b881f997be845e08da27e9256672fead.webp 900w, https://assets.fabulous.ch/public/variant_asset/1626/file/large-5f5e53962f1cb706ae0c53d16bc57dce.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1626/file/medium-b881f997be845e08da27e9256672fead.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/nuit-creme-re-energizing-sleeping-cream-50-ml-date-limite-30-10-2026-21963">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nuit Crème Re-Energizing Sleeping Cream, 50 ml (Date limite 30.10.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 17.85</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 10.70</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;21963&quot;],&quot;content_name&quot;:&quot;Nuit Crème Re-Energizing Sleeping Cream, 50 ml (Date limite 30.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;21963&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:10.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sBNmgZBEq0ACGDLdg2uZiQJ_tLtGFnOyT60YfBF5SO2gAC-R5qoXFUhC6oGtPnMU4JYwaYWSckd8OKfpAAwnhw" />
    <input value="21963" 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%2Fcosmetiques%2Fsoins-pour-visage%3Fformat%3Dturbo_stream%26page%3D5">
    <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/pill-kosmetik-creme-fortifiante-aux-probiotiques-prebiotiques-et-magnolia-50-ml-50-ml-21990">
          <img alt="Pill Kosmetik – Crème fortifiante aux probiotiques, prébiotiques et magnolia, 50 ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11579/file/small-5a73d6b0bdf58d38b2f7a587a12189fd.webp 600w, https://assets.fabulous.ch/public/variant_asset/11579/file/medium-1f861c4397ca0b57ee8e81e12e84fd37.webp 900w, https://assets.fabulous.ch/public/variant_asset/11579/file/large-529a9b4eebf587c49f99a800585e5295.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11579/file/medium-1f861c4397ca0b57ee8e81e12e84fd37.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/fr/products/pill-kosmetik-creme-fortifiante-aux-probiotiques-prebiotiques-et-magnolia-50-ml-50-ml-21990">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik – Crème fortifiante aux probiotiques, prébiotiques et magnolia, 50 ml, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 33.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;21990&quot;],&quot;content_name&quot;:&quot;Pill Kosmetik – Crème fortifiante aux probiotiques, prébiotiques et magnolia, 50 ml, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;21990&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:33.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KIxzOsxqm-zF7rhfB5oVM_0RWpxi-epVshPc85oE5r44nzoquoQnuY-0YAMpz_-uH_jeTqF966CBhmNmi3GJ1A" />
    <input value="21990" 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%2Fcosmetiques%2Fsoins-pour-visage%3Fformat%3Dturbo_stream%26page%3D5">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    50 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/pill-cosmetique-tonique-regenerant-a-l-acide-hyaluronique-200-ml-date-limite-31-10-2026-22121">
          <img alt="Pill Cosmétique - Tonique régénérant à l&#39;acide hyaluronique" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6416/file/small-ea0f6c806dd4c5cb0951ca048c068ce7.webp 600w, https://assets.fabulous.ch/public/variant_asset/6416/file/medium-9a5f7eee6933283feac15511df5189c6.webp 900w, https://assets.fabulous.ch/public/variant_asset/6416/file/large-332c185d9235b4cd93d3728b78422a11.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6416/file/medium-9a5f7eee6933283feac15511df5189c6.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/fr/products/pill-cosmetique-tonique-regenerant-a-l-acide-hyaluronique-200-ml-date-limite-31-10-2026-22121">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Cosmétique - Tonique régénérant à l&#39;acide hyaluronique, 200 ml (Date limite 31.10.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 25.60</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 12.80</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22121&quot;],&quot;content_name&quot;:&quot;Pill Cosmétique - Tonique régénérant à l&#39;acide hyaluronique, 200 ml (Date limite 31.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22121&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:12.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TTkMKDMVEOHSyyK2R7Pb1wMwt6NULB67rOpGqwqHsatdKkU4RfustJiR-upp5jFK4dkzcZeoH06ff_k-G_LewQ" />
    <input value="22121" 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%2Fcosmetiques%2Fsoins-pour-visage%3Fformat%3Dturbo_stream%26page%3D5">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    15 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/masque-en-tissu-hydratant-1-pcs-1-piece-date-limite-31-12-2026-22371">
          <img alt="Masque en tissu hydratant, 1 Pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5410/file/small-ab0e21b4ef640255d3cea8b3d0442cf5.webp 600w, https://assets.fabulous.ch/public/variant_asset/5410/file/medium-8db75c55434f1528ba31ebbd8afd805e.webp 900w, https://assets.fabulous.ch/public/variant_asset/5410/file/large-f4d56ad04a62d3abfb3ddf7553e708e4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5410/file/medium-8db75c55434f1528ba31ebbd8afd805e.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/masque-en-tissu-hydratant-1-pcs-1-piece-date-limite-31-12-2026-22371">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Masque en tissu hydratant, 1 Pcs, 1 pièce (Date limite 31.12.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 6.15</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 5.25</span>
            </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-22371-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22371&quot;],&quot;content_name&quot;:&quot;Masque en tissu hydratant, 1 Pcs, 1 pièce (Date limite 31.12.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22371&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.25,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YcvIiQLVGlsGdgRGrXiITTg_9O6UwMGv_iqkBFZsVq5x2IGZdDumDkws3BqDLWLQ2tZwPFdEwFrNvxuRRxk5xA" />
    <input value="22371" 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%2Fcosmetiques%2Fsoins-pour-visage%3Fformat%3Dturbo_stream%26page%3D5">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    10 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/pill-cosmetique-tonique-micellaire-clarifiant-200-ml-date-limite-30-11-2026-22389">
          <img alt="Pill Cosmétique - Tonique micellaire clarifiant" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6422/file/small-b0e9003ed985c0953b8ebef2b5782e27.webp 600w, https://assets.fabulous.ch/public/variant_asset/6422/file/medium-6cd6707051dac5b235b035f66bc94ab0.webp 900w, https://assets.fabulous.ch/public/variant_asset/6422/file/large-d4c59c1c5d6b8514bfa4f40fcf1f018d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6422/file/medium-6cd6707051dac5b235b035f66bc94ab0.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/fr/products/pill-cosmetique-tonique-micellaire-clarifiant-200-ml-date-limite-30-11-2026-22389">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Cosmétique - Tonique micellaire clarifiant, 150 ml (Date limite 30.11.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 26.70</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 24.05</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22389&quot;],&quot;content_name&quot;:&quot;Pill Cosmétique - Tonique micellaire clarifiant, 150 ml (Date limite 30.11.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22389&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:24.05,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zg74C3TtHGogFNkZd5p--96FfCl6-Oep3FX30FSx_lLeHbEbAgOgP2pOAUVZz5RmPGz4-7l85lzvwEhFRcSROA" />
    <input value="22389" 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">
      93 sur 93 produits
    </p>
  </div>
</div>

</template></turbo-stream>