<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%3D4">
    <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/lingettes-demaquillantes-20-pcs-20-piece-1733">
          <img alt="Lingettes démaquillantes, 20 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1383/file/small-2a9b155d7c95f1bec6bdc8e7ee29937e.webp 600w, https://assets.fabulous.ch/public/variant_asset/1383/file/medium-a5a81bb933e77d459a07eb215725a8f7.webp 900w, https://assets.fabulous.ch/public/variant_asset/1383/file/large-bbf8b5e505cf7af4d4ae0faebfd7889d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1383/file/medium-a5a81bb933e77d459a07eb215725a8f7.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">Natracare</p>
          <a href="/fr/products/lingettes-demaquillantes-20-pcs-20-piece-1733">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lingettes démaquillantes, 20 pcs, 20 pièces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.15
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;1733&quot;],&quot;content_name&quot;:&quot;Lingettes démaquillantes, 20 pcs, 20 pièces&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;1733&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.15,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OAJGtnFZVMIbzTPjIbFOv1ASVTLuOsCfPmVSRPtskZ1XRe5evvFRUsyTsuxn6xePjiV0li2Ob2O4JKbF7Ctgag" />
    <input value="1733" 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%3D4">
    <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/nuit-creme-re-energizing-sleeping-cream-50-ml-2097">
          <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-2097">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nuit Crème Re-Energizing Sleeping Cream, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.85
            </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-2097-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;2097&quot;],&quot;content_name&quot;:&quot;Nuit Crème Re-Energizing Sleeping Cream, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;2097&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:17.85,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8jZHmOIENmKPfLTo17gCqhynlrJ81yo8jjV90Ec9Ta6dce9wLawz8lgiNeeR4luawpC3Fr9jhcAIdIlRUHq8WQ" />
    <input value="2097" 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%3D4">
    <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%2Fcosmetiques%2Fsoins-pour-visage%3Fformat%3Dturbo_stream%26page%3D4">
    <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/serum-pure-beauty-menthe-bio-30-ml-3207">
          <img alt="Sérum Pure Beauty Menthe Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2190/file/small-8e91690aa67621692ddf1d6b25a4548e.webp 600w, https://assets.fabulous.ch/public/variant_asset/2190/file/medium-a41a6497cfc5aba8273cb44fd1bdc8b4.webp 900w, https://assets.fabulous.ch/public/variant_asset/2190/file/large-4a886f9a652f23b53ff8c69242196df9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2190/file/medium-a41a6497cfc5aba8273cb44fd1bdc8b4.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/serum-pure-beauty-menthe-bio-30-ml-3207">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sérum Pure Beauty Menthe Bio, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;3207&quot;],&quot;content_name&quot;:&quot;Sérum Pure Beauty Menthe Bio, 30 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;3207&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:16.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4g46ermvnaQ41Ef53OJ5dRPXavgQHJfPmCSQoAAC8jeNSZKSdgeYNO-KxvaauCBFzeBLXNOoODMeZWQhF0UDwA" />
    <input value="3207" 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%3D4">
    <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/q10-contour-des-yeux-anti-rides-basis-sensitiv-15-ml-3649">
          <img alt="Q10 Contour des yeux anti-rides basis sensitiv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2389/file/small-05e238b5f62505cd2c0633e4935e2de9.webp 600w, https://assets.fabulous.ch/public/variant_asset/2389/file/medium-53af08776c2307b1602b3a0e78e7a88b.webp 900w, https://assets.fabulous.ch/public/variant_asset/2389/file/large-8b60a4ce68d6b6d92ba25c88b565099e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2389/file/medium-53af08776c2307b1602b3a0e78e7a88b.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/q10-contour-des-yeux-anti-rides-basis-sensitiv-15-ml-3649">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Q10 Contour des yeux anti-rides basis sensitiv, 15 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;3649&quot;],&quot;content_name&quot;:&quot;Q10 Contour des yeux anti-rides basis sensitiv, 15 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;3649&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:19.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mfkwdjv7903xEaH8mzhaXPQcfZ4pvmIR3jrPHAbHzfP2vpie9FPy3SZPIPPdYgNsKitcOuoKze1YezudEYA8BA" />
    <input value="3649" 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%3D4">
    <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/cotons-demaquillants-cosmetic-pads-reutilisable-7-pieces-7-piece-5652">
          <img alt="Cotons démaquillants Cosmetic Pads Réutilisable, 7 pieces" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3263/file/small-68827bf7fc093c2406ce8543af0c02d8.webp 600w, https://assets.fabulous.ch/public/variant_asset/3263/file/medium-13b689da0a5f5f13329781f4864ada4e.webp 900w, https://assets.fabulous.ch/public/variant_asset/3263/file/large-2231f5c3f386c7477be266b87b6c4faf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3263/file/medium-13b689da0a5f5f13329781f4864ada4e.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">Fair Squared</p>
          <a href="/fr/products/cotons-demaquillants-cosmetic-pads-reutilisable-7-pieces-7-piece-5652">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cotons démaquillants Cosmetic Pads Réutilisable, 7 pieces, 7 pièces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.65
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;5652&quot;],&quot;content_name&quot;:&quot;Cotons démaquillants Cosmetic Pads Réutilisable, 7 pieces, 7 pièces&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;5652&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:12.65,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ooRvPBNd4np-rtC3HbToIBPXyjuAxCvDcf3aLPPiLDrNw8fU3PXn6qnwUbhb7rEQzeDrn0NwhD_3vC6t5KXdzQ" />
    <input value="5652" 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%3D4">
    <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/masque-peeling-nettoyant-3-en-1-125-ml-7919">
          <img alt="Masque peeling nettoyant 3 en 1" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4644/file/small-27793230c6722150458da2ea2b6c5434.webp 600w, https://assets.fabulous.ch/public/variant_asset/4644/file/medium-9ff342a7f037016f8b9e5c174361263b.webp 900w, https://assets.fabulous.ch/public/variant_asset/4644/file/large-fe723f88467969df05b062ac762f5a03.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4644/file/medium-9ff342a7f037016f8b9e5c174361263b.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-peeling-nettoyant-3-en-1-125-ml-7919">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Masque peeling nettoyant 3 en 1, 125 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;7919&quot;],&quot;content_name&quot;:&quot;Masque peeling nettoyant 3 en 1, 125 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;7919&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="j-fDTTcy0ftimHI2KF38DS70yDoaMdSnar5fqrI3_bPgoGul-JrUa7XG8zluB6U98MPpntmFe1vs_6srpXAMRA" />
    <input value="7919" 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%3D4">
    <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/lingettes-demaquillantes-lavables-sansplastique-16-pcs-16-piece-8232">
          <img alt="Lingettes démaquillantes lavables #sansplastique, 16 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4810/file/small-1c06e191d02cc304616ddfd7a26ef9ce.webp 600w, https://assets.fabulous.ch/public/variant_asset/4810/file/medium-53d2c11937f18c61d6a522da9351c22a.webp 900w, https://assets.fabulous.ch/public/variant_asset/4810/file/large-cdb5120fb076f7fba4fac35d689080ca.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4810/file/medium-53d2c11937f18c61d6a522da9351c22a.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/lingettes-demaquillantes-lavables-sansplastique-16-pcs-16-piece-8232">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lingettes démaquillantes lavables #sansplastique, 16 pcs, 16 pièces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;8232&quot;],&quot;content_name&quot;:&quot;Lingettes démaquillantes lavables #sansplastique, 16 pcs, 16 pièces&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;8232&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:18.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="px4v8lS5_Rycpn-tZ_oEqMBjIkZFLk5j8Ovty97PHejIWYcamxH4jEv4_qIhoF2YHlQD4oaa4Z92qhlKyYjsHw" />
    <input value="8232" 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%3D4">
    <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/no-bullsh-t-bye-puffy-eye-roller-pour-les-yeux-a-l-huile-de-cafe-10-ml-9685">
          <img alt="No Bullsh!t Bye Puffy Eye - Roller pour les yeux à l&#39;huile de café" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5388/file/small-a699bc8d3e144638ae41519ffe5c2ac4.webp 600w, https://assets.fabulous.ch/public/variant_asset/5388/file/medium-56b8a86d21562cfb862ab6d2a3bbcf74.webp 900w, https://assets.fabulous.ch/public/variant_asset/5388/file/large-c05b4c3d6b929fc893b33473d88a79a0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5388/file/medium-56b8a86d21562cfb862ab6d2a3bbcf74.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">No Bullsh!t</p>
          <a href="/fr/products/no-bullsh-t-bye-puffy-eye-roller-pour-les-yeux-a-l-huile-de-cafe-10-ml-9685">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">No Bullsh!t Bye Puffy Eye - Roller pour les yeux à l&#39;huile de café, 10 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;9685&quot;],&quot;content_name&quot;:&quot;No Bullsh!t Bye Puffy Eye - Roller pour les yeux à l&#39;huile de café, 10 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;9685&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:27.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AoJ8ciJUJ-0dZtzwxxAH1ZULqU5nXSORnBB6lWcGqSltxdSa7fwifco4Xf-BSl7lSzyI6qTpjG0aUY4UcEFY3g" />
    <input value="9685" 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%3D4">
    <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/hyaluron-soin-contour-des-yeaux-raffermissant-15-ml-9688">
          <img alt="Hyaluron Soin Contour Des Yeaux Raffermissant" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5390/file/small-74d3b10cb0cc6810f0659e2e9290b17e.webp 600w, https://assets.fabulous.ch/public/variant_asset/5390/file/medium-9cb9a2e357ebebc14e5d193dc41d34d5.webp 900w, https://assets.fabulous.ch/public/variant_asset/5390/file/large-fe24f5ad3511148b12458b53fe862641.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5390/file/medium-9cb9a2e357ebebc14e5d193dc41d34d5.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/hyaluron-soin-contour-des-yeaux-raffermissant-15-ml-9688">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hyaluron Soin Contour Des Yeaux Raffermissant, 15 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.25
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;9688&quot;],&quot;content_name&quot;:&quot;Hyaluron Soin Contour Des Yeaux Raffermissant, 15 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;9688&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:27.25,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Uqj7snZOZMN3Z1qzh3B0IYDF92O11rsEpQX0mSnKLr8971NaueZhU6A527zBKi0RXvLWx3ZiFPgjRAAYPo3fSA" />
    <input value="9688" 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%3D4">
    <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/hyaluron-soin-de-nuit-raffermissant-50-ml-9689">
          <img alt="Hyaluron Soin De Nuit Raffermissant" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5394/file/small-aef9719fd018aa669ce46aac77def536.webp 600w, https://assets.fabulous.ch/public/variant_asset/5394/file/medium-1f62780914d9def0269266a07e5f6856.webp 900w, https://assets.fabulous.ch/public/variant_asset/5394/file/large-628c6a355eb3ef955c3fa07fe9e34e07.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5394/file/medium-1f62780914d9def0269266a07e5f6856.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/hyaluron-soin-de-nuit-raffermissant-50-ml-9689">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hyaluron Soin De Nuit Raffermissant, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.25
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;9689&quot;],&quot;content_name&quot;:&quot;Hyaluron Soin De Nuit Raffermissant, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;9689&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:27.25,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8oSvPP6YB9MEp_BkcU7Q3eULQ_eN5pVCECRHKRDiF7CdwwfUMTACQ9P5cWs3FIntOzxiU05SOr6WZbOoB6XmRw" />
    <input value="9689" 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%3D4">
    <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/hyaluron-soin-de-jour-raffermissant-50-ml-9690">
          <img alt="Hyaluron Soin De Jour Raffermissant" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5397/file/small-fe9f203bd3a0cf375cfccf619abe3cf1.webp 600w, https://assets.fabulous.ch/public/variant_asset/5397/file/medium-f9a9a748f26a892263ba4342558602fb.webp 900w, https://assets.fabulous.ch/public/variant_asset/5397/file/large-79fb0b0f0ddc26e26d5755aa37e8d763.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5397/file/medium-f9a9a748f26a892263ba4342558602fb.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/hyaluron-soin-de-jour-raffermissant-50-ml-9690">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hyaluron Soin De Jour Raffermissant, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.65
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;9690&quot;],&quot;content_name&quot;:&quot;Hyaluron Soin De Jour Raffermissant, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;9690&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:25.65,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9-4-0BaSEeHyDqYaGMAWDXbw62a--RllNQ--VZRLmHmYqZY42ToUcSVQJxVemk89qMfKwn1NtpmzTkrUgwxpjg" />
    <input value="9690" 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%3D4">
    <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/hyaluron-serum-raffermissant-30-ml-9691">
          <img alt="Hyaluron Sérum Raffermissant" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5396/file/small-d5732844b1768f269f12e98e36122918.webp 600w, https://assets.fabulous.ch/public/variant_asset/5396/file/medium-c648ae07e48679f24ab7d6d99418aa8b.webp 900w, https://assets.fabulous.ch/public/variant_asset/5396/file/large-3ce7a130cf3dffd0499891786ef8e064.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5396/file/medium-c648ae07e48679f24ab7d6d99418aa8b.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/hyaluron-serum-raffermissant-30-ml-9691">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hyaluron Sérum Raffermissant, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 28.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;9691&quot;],&quot;content_name&quot;:&quot;Hyaluron Sérum Raffermissant, 30 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;9691&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:28.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HhaVIgNVm5WGo6FYEO5KIj25PVVAQEqfQPT2NSLRPeBxUT3KzP2eBVH9IFdWtBMS444c8YP05WPGtQK0NZbMFw" />
    <input value="9691" 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%3D4">
    <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/masque-en-tissu-hydratant-1-pcs-1-piece-9695">
          <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-9695">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Masque en tissu hydratant, 1 Pcs, 1 pièce</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 4.90</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-9695-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%3D4">
    <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/nuit-q10-creme-de-nuit-anti-rides-basis-sensitiv-50-ml-64b2d7bd-5313-4cb8-8247-01e7c94bd6af-12057">
          <img alt="Nuit Q10 Crème de nuit anti-rides basis sensitiv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6116/file/small-5ea6ca3411be9110eb1b3624a49e2e78.webp 600w, https://assets.fabulous.ch/public/variant_asset/6116/file/medium-d60a0c41d42592c1c06232c398d68278.webp 900w, https://assets.fabulous.ch/public/variant_asset/6116/file/large-b32bec99da7c81712d3a52d1bb668ca2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6116/file/medium-d60a0c41d42592c1c06232c398d68278.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-q10-creme-de-nuit-anti-rides-basis-sensitiv-50-ml-64b2d7bd-5313-4cb8-8247-01e7c94bd6af-12057">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nuit Q10 Crème de nuit anti-rides basis sensitiv, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.55
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;12057&quot;],&quot;content_name&quot;:&quot;Nuit Q10 Crème de nuit anti-rides basis sensitiv, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;12057&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:20.55,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pNblySYAPNbg-9FIe6hWW8xyZaYlLwG2O-EGVY7zsQTLkU0h6ag5RjelUEc98g9rEkVEAuabrkq9oPLUmbRA8w" />
    <input value="12057" 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%3D4">
    <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-levres-repair-4-5-g-12529">
          <img alt="Baume à Lèvres Repair" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9172/file/small-53d38dbbd736e80c5bb8e33fd1b52835.webp 600w, https://assets.fabulous.ch/public/variant_asset/9172/file/medium-18a01cd7bc8f6cc5891c96b58ce8b69e.webp 900w, https://assets.fabulous.ch/public/variant_asset/9172/file/large-c94784a37b9e55f6a960b22210fa63b2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9172/file/medium-18a01cd7bc8f6cc5891c96b58ce8b69e.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/baume-a-levres-repair-4-5-g-12529">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Baume à Lèvres Repair, 4.5 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;12529&quot;],&quot;content_name&quot;:&quot;Baume à Lèvres Repair, 4.5 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;12529&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="majCPzJhpMQGo-FlFiAl50w_69d6iQBoi7ZfsfkeyVD272rX_cmhVNH9YGpQenzXkgjKc7k9r5QN96sw7lk4pw" />
    <input value="12529" 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%3D4">
    <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-ceramide-creme-redensifiante-pour-la-peau-50-ml-13115">
          <img alt="Pill Cosmétique - Céramide crème redensifiante pour la peau" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6384/file/small-11620c3b7351c0a0dae0d343dbdcce91.webp 600w, https://assets.fabulous.ch/public/variant_asset/6384/file/medium-ac8cc5548cbb5847590e5ec000ddbccb.webp 900w, https://assets.fabulous.ch/public/variant_asset/6384/file/large-46f9fa4b0b5fa76f6d370ffb97370f5e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6384/file/medium-ac8cc5548cbb5847590e5ec000ddbccb.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-ceramide-creme-redensifiante-pour-la-peau-50-ml-13115">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Cosmétique - Céramide crème redensifiante pour la peau, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 48.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;13115&quot;],&quot;content_name&quot;:&quot;Pill Cosmétique - Céramide crème redensifiante pour la peau, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;13115&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:48.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MAsHCOp1mNEuET_B1GErCb6gTRPHlLVCR71rYTzK86hfTK_gJd2dQflPvs6SO3I5YJdstwQgGr7B_J_gK40CXw" />
    <input value="13115" 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%3D4">
    <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-hyaluron-pour-les-yeux-et-les-levres-25-ml-13117">
          <img alt="Pill Cosmétique - Crème Hyaluron pour les yeux et les lèvres" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6386/file/small-e63ab8371305df9433294d353d737812.webp 600w, https://assets.fabulous.ch/public/variant_asset/6386/file/medium-66d0dbfdb607dcd97f3ca974789c8752.webp 900w, https://assets.fabulous.ch/public/variant_asset/6386/file/large-e554882fa3ff62a68fff381f87b8b3fb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6386/file/medium-66d0dbfdb607dcd97f3ca974789c8752.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-hyaluron-pour-les-yeux-et-les-levres-25-ml-13117">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Cosmétique - Crème Hyaluron pour les yeux et les lèvres, 25 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 40.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;13117&quot;],&quot;content_name&quot;:&quot;Pill Cosmétique - Crème Hyaluron pour les yeux et les lèvres, 25 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;13117&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:40.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uK9J7xA7mz1jH-ivLthq-hzkMPF4FfobdTdbM0ogIaHX6OEH35OerbRBaaBogjPKwtMRVbuhVefzdq-yXWfQVg" />
    <input value="13117" 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%3D4">
    <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-a-l-aloe-vera-pour-homme-avec-acide-hyaluronique-50-ml-13119">
          <img alt="Pill Cosmétique - Crème à l&#39;aloe vera pour homme avec acide hyaluronique" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6388/file/small-ba6535e3115a1ceb69b6618283f4c3f3.webp 600w, https://assets.fabulous.ch/public/variant_asset/6388/file/medium-d7cdb133019e36c9295f443c11c20e75.webp 900w, https://assets.fabulous.ch/public/variant_asset/6388/file/large-0474099b5b9cd30aff9e04fa4fe00e52.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6388/file/medium-d7cdb133019e36c9295f443c11c20e75.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-a-l-aloe-vera-pour-homme-avec-acide-hyaluronique-50-ml-13119">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Cosmétique - Crème à l&#39;aloe vera pour homme avec acide hyaluronique, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 37.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;13119&quot;],&quot;content_name&quot;:&quot;Pill Cosmétique - Crème à l&#39;aloe vera pour homme avec acide hyaluronique, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;13119&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:37.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uSNLyKpv1iOjBNnnEj8MY4qxYWUbsOyGTzCyfNsWtMrWZOMgZcfTs3RaWOhUZVVTVIZAwdgEQ3rJcUb9zFFFPQ" />
    <input value="13119" 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%3D4">
    <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-concentre-a-l-hyaluron-50-ml-13120">
          <img alt="Pill Cosmétique - Gel concentré à l&#39;hyaluron" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6389/file/small-40f03996db67f2905a10052d2b829c7a.webp 600w, https://assets.fabulous.ch/public/variant_asset/6389/file/medium-69c7febc926e6cf9441623e78a66087d.webp 900w, https://assets.fabulous.ch/public/variant_asset/6389/file/large-78c6b242ef9eddee66b3b70c96dbfdf0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6389/file/medium-69c7febc926e6cf9441623e78a66087d.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-concentre-a-l-hyaluron-50-ml-13120">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Cosmétique - Gel concentré à l&#39;hyaluron, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 48.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;13120&quot;],&quot;content_name&quot;:&quot;Pill Cosmétique - Gel concentré à l&#39;hyaluron, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;13120&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:48.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NLgvWIo1mmoKRzcE3Qz53W3Gu9nw5SbPyoUjmcwAHDRb_4ewRZ2f-t0ZtgubVqDts_GafTNRiTNMxNcY20ftww" />
    <input value="13120" 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">
      80 sur 93 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/cosmetiques/soins-pour-visage?format=turbo_stream&amp;page=5">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>