<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%3Fformat%3Dturbo_stream%26page%3D6">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Nouveau
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/shower-cube-60-g-18030">
          <img alt="Shower Cube Niagara" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8976/file/small-1287d28cb7179dbbac76e02577182c65.webp 600w, https://assets.fabulous.ch/public/variant_asset/8976/file/medium-4bc9c75768797d611e44f9c495ffab21.webp 900w, https://assets.fabulous.ch/public/variant_asset/8976/file/large-dd3c91dec206be0269c5bc402ab4fc78.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8976/file/medium-4bc9c75768797d611e44f9c495ffab21.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/shower-cube-60-g-18030">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Shower Cube Niagara, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18030&quot;],&quot;content_name&quot;:&quot;Shower Cube Niagara, 60 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18030&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:17.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="knUsVUXn0Hh9CCCz3lOI_ldSaXBhhmEPYHDZsWjnePT8K6fkibPpcrujauaVTzFAs_32yNNdumS5H0juVASwPA" />
    <input value="18030" 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%3Fformat%3Dturbo_stream%26page%3D6">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Nouveau
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/solid-shampoo-bluemlisalp-60-g-18033">
          <img alt="Solid Shampoo Blüemlisalp" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8985/file/small-e9e558eecf48c74b221afbdadb7c5860.webp 600w, https://assets.fabulous.ch/public/variant_asset/8985/file/medium-d941420632f20e94c80316326003f15e.webp 900w, https://assets.fabulous.ch/public/variant_asset/8985/file/large-dd1e1b2a43bc2ac67eb3fa784a261193.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8985/file/medium-d941420632f20e94c80316326003f15e.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/solid-shampoo-bluemlisalp-60-g-18033">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Solid Shampoo Blüemlisalp, 60 g</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 30.83 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18033&quot;],&quot;content_name&quot;:&quot;Solid Shampoo Blüemlisalp, 60 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18033&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="U5c1aefNFvRUYoj7bnrty1FYngb2YAgxOGR283HD9bE9yb7YK5kv_pLJwq4lZlR1tfcBvkS701rhC-esTSA9eQ" />
    <input value="18033" 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%3Fformat%3Dturbo_stream%26page%3D6">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Nouveau
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/solid-shampoo-60-g-18032">
          <img alt="Solid Shampoo Mythen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8982/file/small-d39ae75ac6527a2d1476d3b6c5a91034.webp 600w, https://assets.fabulous.ch/public/variant_asset/8982/file/medium-8738ca88e633a79745c8c60a56dc380f.webp 900w, https://assets.fabulous.ch/public/variant_asset/8982/file/large-1c56110e0e6ae0dff85dd6953a035968.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8982/file/medium-8738ca88e633a79745c8c60a56dc380f.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/solid-shampoo-60-g-18032">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Solid Shampoo Mythen, 60 g</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 30.83 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18032&quot;],&quot;content_name&quot;:&quot;Solid Shampoo Mythen, 60 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18032&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="OEkhd1gA4K7m0147kl39ychDj4wZJlh_XxoLhJ84f_FWF6rGlFTZpCB4FG7ZQUR3LOwQNKv9gxSGdZrbo9u3OQ" />
    <input value="18032" 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%3Fformat%3Dturbo_stream%26page%3D6">
    <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-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Astuce
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/deodorant-creme-tangy-no-bullsh-t-sansplastique-50-ml-18027">
          <img alt="Déodorant Crème Tangy No Bullsh!t #sansplastique" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8988/file/small-240eda477206c7dcbcf9eb2e418b47ff.webp 600w, https://assets.fabulous.ch/public/variant_asset/8988/file/medium-3841e14b3bedda70f25811ae86319c7b.webp 900w, https://assets.fabulous.ch/public/variant_asset/8988/file/large-468c6d89a93896ecce4abd49144a9c60.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8988/file/medium-3841e14b3bedda70f25811ae86319c7b.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/deodorant-creme-tangy-no-bullsh-t-sansplastique-50-ml-18027">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Déodorant Crème Tangy No Bullsh!t #sansplastique, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 33.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18027&quot;],&quot;content_name&quot;:&quot;Déodorant Crème Tangy No Bullsh!t #sansplastique, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18027&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:33.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sBjpbJLH_L8CWfdzPz6X-NE9mfojnc9UEJtk8PSvfOzeRmLdXpPFtcTyvSZ0Ii5GNZIGQpFGFD_J9PWvyEy0JA" />
    <input value="18027" 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%3Fformat%3Dturbo_stream%26page%3D6">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/shampooing-chanvre-cheveux-normaux-bio-500-ml-14885">
          <img alt="Shampooing Chanvre Cheveux Normaux Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6821/file/small-5c63720618982c16306f03694c58ab07.webp 600w, https://assets.fabulous.ch/public/variant_asset/6821/file/medium-d4bdead51e86f3cb64b0d1eaab3003cf.webp 900w, https://assets.fabulous.ch/public/variant_asset/6821/file/large-48bcecf82c8c57db82e8037e10de6f69.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6821/file/medium-d4bdead51e86f3cb64b0d1eaab3003cf.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/shampooing-chanvre-cheveux-normaux-bio-500-ml-14885">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Shampooing Chanvre Cheveux Normaux Bio, 500 ml</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 2.50 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;14885&quot;],&quot;content_name&quot;:&quot;Shampooing Chanvre Cheveux Normaux Bio, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;14885&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:12.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hhjpLaVr5Md8PgwYs62ruTAL0FXek9c94X2NSLsWS7DoRmKcaT_dzbqVRk34sRIH1KRP7WxIDFY4EhwXh_WDeA" />
    <input value="14885" 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%3Fformat%3Dturbo_stream%26page%3D6">
    <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/gel-douche-2en1-au-gin-bio-500-ml-12308">
          <img alt="Gel Douche 2en1 au Gin Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6184/file/small-9d54cc5f4b4fe8ca4c025cfd3ba488d5.webp 600w, https://assets.fabulous.ch/public/variant_asset/6184/file/medium-5d1247b051b4e4308415678bef26fd05.webp 900w, https://assets.fabulous.ch/public/variant_asset/6184/file/large-c56688629752e4f39a82e855721ecb61.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6184/file/medium-5d1247b051b4e4308415678bef26fd05.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/gel-douche-2en1-au-gin-bio-500-ml-12308">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gel Douche 2en1 au Gin Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;12308&quot;],&quot;content_name&quot;:&quot;Gel Douche 2en1 au Gin Bio, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;12308&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gPKaZlSeDqxm8F1QHy4-V1V919gJQBDVjrw2Cj9GAHPurBHXmMo3pqBbFwVUMofpsdJIYLuby75X06dVA6XIuw" />
    <input value="12308" 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%3Fformat%3Dturbo_stream%26page%3D6">
    <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/gel-douche-lavande-bio-500-ml-12312">
          <img alt="Gel Douche Lavande Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6189/file/small-04ac2bb2e868b016b2579abee2514db5.webp 600w, https://assets.fabulous.ch/public/variant_asset/6189/file/medium-4b5190b58231785e8bd03f92dbaef665.webp 900w, https://assets.fabulous.ch/public/variant_asset/6189/file/large-91c52235913960d271b4dbaef8c1aea9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6189/file/medium-4b5190b58231785e8bd03f92dbaef665.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/gel-douche-lavande-bio-500-ml-12312">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gel Douche Lavande Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;12312&quot;],&quot;content_name&quot;:&quot;Gel Douche Lavande Bio, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;12312&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7QLWlmsgYJMRPqfXQjlXZFkkeQ6ov1UCtUjIM37osmuDXF0np3RZmdeV7YIJJe7avYvmthpkjmlsJ1lsQgt6ow" />
    <input value="12312" 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%3Fformat%3Dturbo_stream%26page%3D6">
    <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/crayon-sourcils-eyebrow-designer-brun-1-13g-1-piece-610">
          <img alt="Crayon sourcils Eyebrow Designer Brun, 1,13g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/559/file/small-f3f5491209e6d6e93d9f1d6c4bb5ffca.webp 600w, https://assets.fabulous.ch/public/variant_asset/559/file/medium-f011f6b8c3b13a5b3b70e7cf77694c03.webp 900w, https://assets.fabulous.ch/public/variant_asset/559/file/large-e317e04175d54560cf777f925750dcf9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/559/file/medium-f011f6b8c3b13a5b3b70e7cf77694c03.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/crayon-sourcils-eyebrow-designer-brun-1-13g-1-piece-610">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Crayon sourcils Eyebrow Designer Brun, 1,13g, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;610&quot;],&quot;content_name&quot;:&quot;Crayon sourcils Eyebrow Designer Brun, 1,13g, 1 pièce&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;610&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9TkSTBS2KEOyMCWsuAiE0thk2Oa6xUnK96ce5z_2o0ubZ5n92OIRSXSbb_nzFD1sPMtHXggekqEuyI-4AxVrgw" />
    <input value="610" 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%3Fformat%3Dturbo_stream%26page%3D6">
    <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/deodorant-creme-royal-no-bullsh-t-sansplastique-50-ml-6813">
          <img alt="Déodorant Crème Royal No Bullsh!t #sansplastique" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3931/file/small-7f052faa6c21c831de005cc0af641b3d.webp 600w, https://assets.fabulous.ch/public/variant_asset/3931/file/medium-5f230c13f4fa02a5315a8b43c17edbfc.webp 900w, https://assets.fabulous.ch/public/variant_asset/3931/file/large-aaa3f74c44af1f4e978e5ef11435df5d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3931/file/medium-5f230c13f4fa02a5315a8b43c17edbfc.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/deodorant-creme-royal-no-bullsh-t-sansplastique-50-ml-6813">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Déodorant Crème Royal No Bullsh!t #sansplastique, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.00
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-6813-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%3Fformat%3Dturbo_stream%26page%3D6">
    <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-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Astuce
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/deodorant-creme-mojito-no-bullsh-t-sansplastique-50-ml-6997">
          <img alt="Déodorant Crème Mojito No Bullsh!t #sansplastique" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4047/file/small-806669f5b8b6b2c911b5c61707cfa6cc.webp 600w, https://assets.fabulous.ch/public/variant_asset/4047/file/medium-109052557fc71956beb95ba11a5945b6.webp 900w, https://assets.fabulous.ch/public/variant_asset/4047/file/large-814b45c3d7bc93a9835c4ba9dfe0197a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4047/file/medium-109052557fc71956beb95ba11a5945b6.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/deodorant-creme-mojito-no-bullsh-t-sansplastique-50-ml-6997">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Déodorant Crème Mojito No Bullsh!t #sansplastique, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;6997&quot;],&quot;content_name&quot;:&quot;Déodorant Crème Mojito No Bullsh!t #sansplastique, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;6997&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:27.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DSrdnZ-u119lGlcJ5b2BP89AWxVsG92xclnhBbfpcVZjdFYsU_ruVaOxHVyuoTiBK-_Erd7ABtqrNnBaiwq5ng" />
    <input value="6997" 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%3Fformat%3Dturbo_stream%26page%3D6">
    <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/deodorant-creme-modest-no-bullsh-t-sansplastique-50-ml-6814">
          <img alt="Déodorant Crème Modest No Bullsh!t #sansplastique" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3932/file/small-08f53c773cd74c33e6a15ffc64a36831.webp 600w, https://assets.fabulous.ch/public/variant_asset/3932/file/medium-ce921c2fc4698c326e2c160f3c83cc2d.webp 900w, https://assets.fabulous.ch/public/variant_asset/3932/file/large-e27055bdec37bd188cf60b1462c9b053.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3932/file/medium-ce921c2fc4698c326e2c160f3c83cc2d.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/deodorant-creme-modest-no-bullsh-t-sansplastique-50-ml-6814">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Déodorant Crème Modest No Bullsh!t #sansplastique, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;6814&quot;],&quot;content_name&quot;:&quot;Déodorant Crème Modest No Bullsh!t #sansplastique, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;6814&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:27.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4Y4JHbTrDq2lLO0O_5KfaWkUCqquGBoWiEHnMT452XmP0IKseL83p2OHp1u0jibXjbuVEhzDwX1RLnZuAtoRsQ" />
    <input value="6814" 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%3Fformat%3Dturbo_stream%26page%3D6">
    <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/beurre-de-karite-100-bio-100-ml-16851">
          <img alt="Beurre de Karité 100 % Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7858/file/small-360df1b0303bab79837d7da308525b7b.webp 600w, https://assets.fabulous.ch/public/variant_asset/7858/file/medium-98e0039f9165693f2198d6905435324b.webp 900w, https://assets.fabulous.ch/public/variant_asset/7858/file/large-2518065f414d8fc167f7fdae3ccc63b8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7858/file/medium-98e0039f9165693f2198d6905435324b.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/beurre-de-karite-100-bio-100-ml-16851">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Beurre de Karité 100 % Bio, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16851&quot;],&quot;content_name&quot;:&quot;Beurre de Karité 100 % Bio, 100 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16851&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:10.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ogzLPZvZVxY1QBBazhdc_aQEi8_f-cx1TVrj9-ej_SnMUkCMV41uHPPrWg-FC-VDQKsUd20iFx6UNXKo20A14Q" />
    <input value="16851" 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%3Fformat%3Dturbo_stream%26page%3D6">
    <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/bain-de-bouche-menthe-400-ml-16218">
          <img alt="Bain de bouche Menthe" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7463/file/small-160d60ab6162d92522f8aa2989da0d4c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7463/file/medium-bada067493d64567efbbc4db4d7e6389.webp 900w, https://assets.fabulous.ch/public/variant_asset/7463/file/large-7367a58348595382ceda2eaf0375cd73.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7463/file/medium-bada067493d64567efbbc4db4d7e6389.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">Zahnheld</p>
          <a href="/fr/products/bain-de-bouche-menthe-400-ml-16218">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bain de bouche Menthe, 400 ml</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 3.13 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16218&quot;],&quot;content_name&quot;:&quot;Bain de bouche Menthe, 400 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16218&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:12.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ya30hA2h4BvXyTOQT8Hxbgqyy12R7iuSHw3v2WLUsFen8381wfXZERFiecUE3UjQ7h1U5SM18PnGYn6GXjd4nw" />
    <input value="16218" 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%3Fformat%3Dturbo_stream%26page%3D6">
    <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/desinfectant-pour-mains-recharge-1-l-3979">
          <img alt="Désinfectant pour mains Recharge" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2520/file/small-c38f5b729d2fce060af6c0993b66c93b.webp 600w, https://assets.fabulous.ch/public/variant_asset/2520/file/medium-d4d06c26d9e3325c3e0a0dee225cd554.webp 900w, https://assets.fabulous.ch/public/variant_asset/2520/file/large-9fc8b9d63a49d07ab3c45219eae4ac31.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2520/file/medium-d4d06c26d9e3325c3e0a0dee225cd554.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">Sonett</p>
          <a href="/fr/products/desinfectant-pour-mains-recharge-1-l-3979">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Désinfectant pour mains Recharge, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;3979&quot;],&quot;content_name&quot;:&quot;Désinfectant pour mains Recharge, 1 l&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;3979&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:25.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dVXoCSwuu_9g1lcmbplX_eEpVUU7kPFuK_LjySN_YBcbC2O44HqC9aZ9HXMlhe5DBYbK_YlLKgXynXKWH5yo3w" />
    <input value="3979" 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%3Fformat%3Dturbo_stream%26page%3D6">
    <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/serviettes-ultra-extra-pads-normal-avec-ailettes-12-pcs-12-piece-1680">
          <img alt="Serviettes  Ultra Extra Pads Normal avec Ailettes, 12 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1338/file/small-245fc7cbbd4f8e0e8c75ae76ee5bf66a.webp 600w, https://assets.fabulous.ch/public/variant_asset/1338/file/medium-d7707368f69cdd5c43716fd4c7cc5c37.webp 900w, https://assets.fabulous.ch/public/variant_asset/1338/file/large-3715a9c65e93c2e5502ed2a575ca14fa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1338/file/medium-d7707368f69cdd5c43716fd4c7cc5c37.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/serviettes-ultra-extra-pads-normal-avec-ailettes-12-pcs-12-piece-1680">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Serviettes  Ultra Extra Pads Normal avec Ailettes, 12 pcs, 12 pièces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.55
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;1680&quot;],&quot;content_name&quot;:&quot;Serviettes  Ultra Extra Pads Normal avec Ailettes, 12 pcs, 12 pièces&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;1680&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.55,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FZs7vf7j2iclwtB2DiD2sD6DIJF8nIJ07_BipYRo-f57xbAMMrfjLeNpmiNFPE8O2iy_Kc5HWR82n_P6uIsxNg" />
    <input value="1680" 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%3Fformat%3Dturbo_stream%26page%3D6">
    <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/brosse-a-dents-en-bambou-classic-medium-1-piece-1-piece-16619">
          <img alt="Brosse à dents en bambou Classic Medium, 1 pièce" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7680/file/small-00294d5d41ec4e5fc78b12af6c8d13ba.webp 600w, https://assets.fabulous.ch/public/variant_asset/7680/file/medium-2c5d962c77ab0990f79fbc6a25800228.webp 900w, https://assets.fabulous.ch/public/variant_asset/7680/file/large-15d85196f1ecdc538ec87f60cebd5331.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7680/file/medium-2c5d962c77ab0990f79fbc6a25800228.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">Hydrophil</p>
          <a href="/fr/products/brosse-a-dents-en-bambou-classic-medium-1-piece-1-piece-16619">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Brosse à dents en bambou Classic Medium, 1 pièce, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.30
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16619&quot;],&quot;content_name&quot;:&quot;Brosse à dents en bambou Classic Medium, 1 pièce, 1 pièce&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16619&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9_kE4Eoa4LXJYuLlRJvKDU70mp_rSrgaWlIK305Nt66Zp49Rhk7Zvw_JqLAPh3OzqlsFJ1mRY3GDPZuAcq5_Zg" />
    <input value="16619" 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%3Fformat%3Dturbo_stream%26page%3D6">
    <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/savon-mains-a-la-rose-300-ml-15339">
          <img alt="Savon Mains à la Rose" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7009/file/small-906551a015bdbb67c8742ac0984cbf09.webp 600w, https://assets.fabulous.ch/public/variant_asset/7009/file/medium-995be1ce3fe24e915b566cf021db0688.webp 900w, https://assets.fabulous.ch/public/variant_asset/7009/file/large-0e296dd5315e177daf89941db12cbee5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7009/file/medium-995be1ce3fe24e915b566cf021db0688.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">Sonett</p>
          <a href="/fr/products/savon-mains-a-la-rose-300-ml-15339">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Savon Mains à la Rose, 300 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.45
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15339&quot;],&quot;content_name&quot;:&quot;Savon Mains à la Rose, 300 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15339&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.45,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Xowe6LMtZX6BklI_GRmHBoDLUthAB0k_erg0zYQQcakw0pVZf3lcdEc5GGpSBT64ZGTNYPLcklSj16WSuPO5YQ" />
    <input value="15339" 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%3Fformat%3Dturbo_stream%26page%3D6">
    <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/cristaux-de-bain-crepitants-best-friends-luttes-welt-80-g-12384">
          <img alt="Cristaux de bain crépitants &quot;Best Friends&quot; Lüttes Welt" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6210/file/small-223babe8a95e943465c56b6dd8982603.webp 600w, https://assets.fabulous.ch/public/variant_asset/6210/file/medium-da5e1121d212f27d6962ae43c567535e.webp 900w, https://assets.fabulous.ch/public/variant_asset/6210/file/large-aec186d618854e73a820333a893da04d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6210/file/medium-da5e1121d212f27d6962ae43c567535e.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">Lüttes Welt</p>
          <a href="/fr/products/cristaux-de-bain-crepitants-best-friends-luttes-welt-80-g-12384">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cristaux de bain crépitants &quot;Best Friends&quot; Lüttes Welt, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;12384&quot;],&quot;content_name&quot;:&quot;Cristaux de bain crépitants \&quot;Best Friends\&quot; Lüttes Welt, 80 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;12384&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vuwGQu6lVhstmdcPLsA3G8afpdG7sGW5O_PYt7-z_uLQso3zIvFvEesynVpl3I6lIjA6aQlrvtLinEnog1A2Kg" />
    <input value="12384" 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%3Fformat%3Dturbo_stream%26page%3D6">
    <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/bain-de-cristaux-alcalins-450-g-16538">
          <img alt="Bain de Cristaux Alcalins" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7629/file/small-b46c81e63b717cd428b589b44efacb92.webp 600w, https://assets.fabulous.ch/public/variant_asset/7629/file/medium-f657ec5b9fa8f94cfdd5f5ce4eea4af0.webp 900w, https://assets.fabulous.ch/public/variant_asset/7629/file/large-00892c23222ac2422ef959f1de29292e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7629/file/medium-f657ec5b9fa8f94cfdd5f5ce4eea4af0.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">Erva Medica AG</p>
          <a href="/fr/products/bain-de-cristaux-alcalins-450-g-16538">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bain de Cristaux Alcalins, 450 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16538&quot;],&quot;content_name&quot;:&quot;Bain de Cristaux Alcalins, 450 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16538&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:24.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kbkwwj15BYN5PgI1IdHFLQo1WTjlUd0aGJKCFLj3oDz_57tz8S08ib-VSGBqzXyT7prGgFeKBnHB_RNLhBRo9A" />
    <input value="16538" 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%3Fformat%3Dturbo_stream%26page%3D6">
    <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-au-thym-125-ml-16536">
          <img alt="Baume au Thym" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8837/file/small-67bc69ba5de06a2d6f92c0023c1dd123.webp 600w, https://assets.fabulous.ch/public/variant_asset/8837/file/medium-d7203ced1d994cd4f5b5073f0d757039.webp 900w, https://assets.fabulous.ch/public/variant_asset/8837/file/large-acb120a434098f52e580cce10af44d21.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8837/file/medium-d7203ced1d994cd4f5b5073f0d757039.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">Erva Medica AG</p>
          <a href="/fr/products/baume-au-thym-125-ml-16536">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Baume au Thym, 125 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16536&quot;],&quot;content_name&quot;:&quot;Baume au Thym, 125 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16536&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:21.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AA4JIFocMmn7X_rwxxRQW_Dz_8a9ylPigA9yBmvxuMpuUIKRlkgLYz30sKWMCOnlFFxgfg8RiIlZYONZVxJwAg" />
    <input value="16536" 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">
      120 sur 426 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/cosmetiques?format=turbo_stream&amp;page=7">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>