<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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/gel-douche-2en1-recharge-gin-bio-en-sachet-1000-ml-12426">
          <img alt="Gel douche 2en1 recharge gin bio en sachet" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6235/file/small-db4ddbc061c9ff7c358b0302573d4cb4.webp 600w, https://assets.fabulous.ch/public/variant_asset/6235/file/medium-9e5de08f28a2dff2cbcf949c55da391b.webp 900w, https://assets.fabulous.ch/public/variant_asset/6235/file/large-f4010e9cf6f5dde3326f7d897fe2f5e2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6235/file/medium-9e5de08f28a2dff2cbcf949c55da391b.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-recharge-gin-bio-en-sachet-1000-ml-12426">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gel douche 2en1 recharge gin bio en sachet, 1000 ml</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 1.70 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IvPyffSrHUkr8utc4O7KPDHq2uKpa0Zix2gVmG9SQimAQTAa9LRCPDbvKN2bZv9PgVrYkMuUMBtnmQ472u6sNw" />
    <input value="12426" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/recharge-gel-douche-pamplemousse-en-sachet-bio-1000-ml-12428">
          <img alt="Recharge gel douche pamplemousse en sachet Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6238/file/small-97b475a9356a24c8bd539f06202aebdc.webp 600w, https://assets.fabulous.ch/public/variant_asset/6238/file/medium-9ef07cf060a7d824f5d1cf2f4431e401.webp 900w, https://assets.fabulous.ch/public/variant_asset/6238/file/large-ea873f3d83f155d28d7b8b3d82496dce.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6238/file/medium-9ef07cf060a7d824f5d1cf2f4431e401.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/recharge-gel-douche-pamplemousse-en-sachet-bio-1000-ml-12428">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Recharge gel douche pamplemousse en sachet Bio, 1000 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Tvsg9yeSlwWYjUPMuNaOf1VJrOhS7xpyUnPv6z8TeJvsSeKQJ43IcIWQgE3DXrsM5fmumjAQbAvygvRIiq-WhQ" />
    <input value="12428" 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">
    <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/recharge-gel-douche-avoine-en-sachet-bio-1000-ml-12429">
          <img alt="Recharge gel douche avoine en sachet Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6240/file/small-444e5979ee4d65ed5ec55991770e7f4b.webp 600w, https://assets.fabulous.ch/public/variant_asset/6240/file/medium-ee330358270cc74cac6aeaefa2b469f9.webp 900w, https://assets.fabulous.ch/public/variant_asset/6240/file/large-1b7e2937b02c30a7f0efa9d1bc490e5d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6240/file/medium-ee330358270cc74cac6aeaefa2b469f9.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/recharge-gel-douche-avoine-en-sachet-bio-1000-ml-12429">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Recharge gel douche avoine en sachet Bio, 1000 ml</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 1.70 / 100 ml
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-12429-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">
    <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/recharge-gel-douche-rose-sauvage-en-sachet-bio-1000-ml-12430">
          <img alt="Recharge gel douche rose sauvage en sachet Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6239/file/small-7d80d483c74329a97308b5a1087489b2.webp 600w, https://assets.fabulous.ch/public/variant_asset/6239/file/medium-cd7967901571fbe6dabe87edcee2d4dc.webp 900w, https://assets.fabulous.ch/public/variant_asset/6239/file/large-2d078ab554f486b0e61f807750026e03.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6239/file/medium-cd7967901571fbe6dabe87edcee2d4dc.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/recharge-gel-douche-rose-sauvage-en-sachet-bio-1000-ml-12430">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Recharge gel douche rose sauvage en sachet Bio, 1000 ml</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 1.70 / 100 ml
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-12430-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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/pill-cosmetique-gel-douche-a-l-extrait-de-calendula-400-ml-13145">
          <img alt="Pill Cosmétique - Gel douche à l&#39;extrait de calendula" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6404/file/small-6ad45538b3d6f486c407ebd92cf9aee1.webp 600w, https://assets.fabulous.ch/public/variant_asset/6404/file/medium-40232fd4695a7a513b7d0c84c19265a2.webp 900w, https://assets.fabulous.ch/public/variant_asset/6404/file/large-06af25c609b9ea8d680fbb884f260f9c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6404/file/medium-40232fd4695a7a513b7d0c84c19265a2.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-douche-a-l-extrait-de-calendula-400-ml-13145">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Cosmétique - Gel douche à l&#39;extrait de calendula, 400 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oWDS0ifLLzGB9Q-6mBVRePxh0ry2MyKwqewMX1pYIZ4D0hC1J9RwRJzozDvjnWQLTNHQztTMVMkJHRf87-TPgA" />
    <input value="13145" 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">
    <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/pill-cosmetique-lotion-lavante-intime-protectrice-ph-4-5-250-ml-d9442ae5-9b2f-49d6-a6d4-87f4d7a5077d-13147">
          <img alt="Pill Cosmétique - Lotion lavante intime protectrice pH 4.5" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6406/file/small-d7cc96621a18101fc6bb6e285b8e5f2d.webp 600w, https://assets.fabulous.ch/public/variant_asset/6406/file/medium-6abe52aa1c523a67466eba3bd7f731be.webp 900w, https://assets.fabulous.ch/public/variant_asset/6406/file/large-df4364d898d830cb80b1711d6d8cd8d5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6406/file/medium-6abe52aa1c523a67466eba3bd7f731be.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-lotion-lavante-intime-protectrice-ph-4-5-250-ml-d9442ae5-9b2f-49d6-a6d4-87f4d7a5077d-13147">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Cosmétique - Lotion lavante intime protectrice pH 4.5, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.70
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-13147-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">
    <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/pill-cosmetique-lotion-lavante-intime-apaisante-ph-6-5-250-ml-13148">
          <img alt="Pill Cosmétique - Lotion lavante intime apaisante pH 6.5" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6407/file/small-c75560fafee964fe9e764b06226eba8a.webp 600w, https://assets.fabulous.ch/public/variant_asset/6407/file/medium-0d0af2376e9546049ce091ee2bd74178.webp 900w, https://assets.fabulous.ch/public/variant_asset/6407/file/large-673021397b2e064804204271e5e10601.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6407/file/medium-0d0af2376e9546049ce091ee2bd74178.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-lotion-lavante-intime-apaisante-ph-6-5-250-ml-13148">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Cosmétique - Lotion lavante intime apaisante pH 6.5, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.70
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-13148-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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/pill-cosmetique-deodorant-en-spray-doux-100-ml-13149">
          <img alt="Pill Cosmétique - Déodorant en spray doux" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6408/file/small-95e5ca4ba3e50b87ca92a93a1b54c395.webp 600w, https://assets.fabulous.ch/public/variant_asset/6408/file/medium-5b26795d4f2200c1876d4cef9458bc9d.webp 900w, https://assets.fabulous.ch/public/variant_asset/6408/file/large-3019f28f370afe8227105780c7ac20bd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6408/file/medium-5b26795d4f2200c1876d4cef9458bc9d.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-deodorant-en-spray-doux-100-ml-13149">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Cosmétique - Déodorant en spray doux, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uiO9dw-6-98QChk6Wbk37-YF3jEj76rBtbG9QtBKot0YkX8QD6Wkqg0X2rsiMQKcVrXcQ0EQ3LgVQKbhZfZMww" />
    <input value="13149" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/pill-cosmetique-deodorant-spray-sport-antitranspirant-100-ml-13150">
          <img alt="Pill Cosmétique - Déodorant spray Sport antitranspirant" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6409/file/small-a7b77ac5eeb827e18f73e62dec388650.webp 600w, https://assets.fabulous.ch/public/variant_asset/6409/file/medium-5a0aa767c0e5e3ba8f74beb1e8d26f88.webp 900w, https://assets.fabulous.ch/public/variant_asset/6409/file/large-c1b00aa940889d58d4a43cf0b194e2e7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6409/file/medium-5a0aa767c0e5e3ba8f74beb1e8d26f88.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-deodorant-spray-sport-antitranspirant-100-ml-13150">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Cosmétique - Déodorant spray Sport antitranspirant, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_R5Rpf1jhacW12o_d9H0WvIeigjmu1K_2XNTBhtbMmFfrJPC_Xza0gvKqb4MWcEpQq6IeoREJMZ5gkilrufcfw" />
    <input value="13150" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/pill-cosmetique-fluide-nettoyant-apaisant-hydra-comfort-200-ml-13151">
          <img alt="Pill Cosmétique - Fluide Nettoyant Apaisant Hydra-Comfort" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6410/file/small-1a14a7123f9e0f86460203bdcec19e69.webp 600w, https://assets.fabulous.ch/public/variant_asset/6410/file/medium-9d784f65e01db497c40a9f1f241c9ccd.webp 900w, https://assets.fabulous.ch/public/variant_asset/6410/file/large-abca9de446cc6d9873959faab2ad08d2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6410/file/medium-9d784f65e01db497c40a9f1f241c9ccd.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Pill Apotheken &amp; Drogerien</p>
          <a href="/fr/products/pill-cosmetique-fluide-nettoyant-apaisant-hydra-comfort-200-ml-13151">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Cosmétique - Fluide Nettoyant Apaisant Hydra-Comfort, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rJKrEqWrLo6TzIUXGHnOpBVPfnMKEx3njsyP0RZr9QUOIGl1pbRx-47RRpZj8fvXpf98AWjsa54uPZRyo9cbGw" />
    <input value="13151" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/pill-cosmetique-spray-hydratant-fortifiant-100-ml-13152">
          <img alt="Pill Cosmétique - Spray Hydratant Fortifiant" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6411/file/small-5cdd6284a5a7542b72b8a0db66e29aa8.webp 600w, https://assets.fabulous.ch/public/variant_asset/6411/file/medium-ea6788290cdc36845ee991bf8d029be3.webp 900w, https://assets.fabulous.ch/public/variant_asset/6411/file/large-4a66ee7f2d984e957ccfafa2955b274d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6411/file/medium-ea6788290cdc36845ee991bf8d029be3.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-spray-hydratant-fortifiant-100-ml-13152">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Cosmétique - Spray Hydratant Fortifiant, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GYwjd0BK6aqVffGv_Lkn08edoxaXkLalcpGrbMoEF-G7PuEQQFW234hgMi6HMRKgdy2hZPVvwNzSYLDPf7j5_w" />
    <input value="13152" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/pill-cosmetique-lotion-corporelle-a-l-avocat-avec-acide-hyaluronique-250-ml-13159">
          <img alt="Pill Cosmétique - Lotion corporelle à l&#39;avocat 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/6419/file/small-162b7ed036a6aa6f453429661e6c745d.webp 600w, https://assets.fabulous.ch/public/variant_asset/6419/file/medium-08bd6dbfeba2e5454eafb673fabb4fb2.webp 900w, https://assets.fabulous.ch/public/variant_asset/6419/file/large-2ddcbcee4419ef13b766ea714afa1c71.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6419/file/medium-08bd6dbfeba2e5454eafb673fabb4fb2.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-lotion-corporelle-a-l-avocat-avec-acide-hyaluronique-250-ml-13159">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Cosmétique - Lotion corporelle à l&#39;avocat avec acide hyaluronique, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 34.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_6ziemXJM76dSxK4RjWzKlt2Mgf0EzqMghR6UjAakHZdHiAdZdZsy4BW0Tk9vYZZ68YwdZbsTPUi5WHxhaZ-aA" />
    <input value="13159" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/pill-cosmetique-deodorant-spray-bioactif-antimicrobien-100-ml-13167">
          <img alt="Pill Cosmétique - Déodorant spray bioactif &amp; antimicrobien" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6425/file/small-ded0ddb2aaa2dcd73128751a342e433a.webp 600w, https://assets.fabulous.ch/public/variant_asset/6425/file/medium-6741146fcc59723a06c6fd974ab80133.webp 900w, https://assets.fabulous.ch/public/variant_asset/6425/file/large-2c76f091f037a424f28330ea9e11ce86.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6425/file/medium-6741146fcc59723a06c6fd974ab80133.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-deodorant-spray-bioactif-antimicrobien-100-ml-13167">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Cosmétique - Déodorant spray bioactif &amp; antimicrobien, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VYXsp7QruwwJpLeQ4Qa6auRPTjSUQyC_ImnHn_G-Zsf3Ny7AtDTkeRS5dBGajo8ZVP9MRva8VsaCmNw8RAKI2Q" />
    <input value="13167" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/shampooing-energie-cafe-bio-500-ml-14884">
          <img alt="Shampooing Énergie Café Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6819/file/small-d1fb17599b0117c74d3e427d1e6ddc47.webp 600w, https://assets.fabulous.ch/public/variant_asset/6819/file/medium-0868dfa609f81d356e88102a21ec7f2f.webp 900w, https://assets.fabulous.ch/public/variant_asset/6819/file/large-3d150ec336ad73318b8beb3392894354.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6819/file/medium-0868dfa609f81d356e88102a21ec7f2f.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-energie-cafe-bio-500-ml-14884">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shampooing Énergie Café 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-14884-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_2uhAw-FVqXo1FvAPvd2gc0b-Xg8wadePLk2CYwdeoBd2WNkD5oJ0PXJmEFFf0Pyfav7Cl4-0SecSC2qOaGUng" />
    <input value="14884" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/shampooing-volume-raisin-bio-500-ml-14887">
          <img alt="Shampooing Volume Raisin Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6824/file/small-5cf5ce28f79cc59bab605bf4317bdef6.webp 600w, https://assets.fabulous.ch/public/variant_asset/6824/file/medium-658de59b9807159e5079f3656b3a60d1.webp 900w, https://assets.fabulous.ch/public/variant_asset/6824/file/large-fc273c5d9713c81e07e9a65e1d151d75.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6824/file/medium-658de59b9807159e5079f3656b3a60d1.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-volume-raisin-bio-500-ml-14887">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shampooing Volume Raisin 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-14887-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="i9KDNKwHH0sq4R0iUE32zcsardawGaaFFKyDXkpRzD4pYEFTrBhAPjf83qMrxcO-e6qvpNLm0Py0XZj9_-0iIA" />
    <input value="14887" 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">
    <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/shampooing-energie-cafe-recharge-bio-1000-ml-14888">
          <img alt="Shampooing Énergie Café Recharge Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6826/file/small-604337c08bd3a2c1e3999e0eb7f6f201.webp 600w, https://assets.fabulous.ch/public/variant_asset/6826/file/medium-8f0c5f64f8e1637bb1c20f11fcca7c6f.webp 900w, https://assets.fabulous.ch/public/variant_asset/6826/file/large-df298cf23c06de7bc047153b18e4d667.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6826/file/medium-8f0c5f64f8e1637bb1c20f11fcca7c6f.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-energie-cafe-recharge-bio-1000-ml-14888">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shampooing Énergie Café Recharge Bio, 1000 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.35
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-14888-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">
    <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/shampooing-chanvre-cheveux-normaux-recharge-bio-1000-ml-14889">
          <img alt="Shampooing Chanvre Cheveux Normaux Recharge Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6828/file/small-4f33e7d0b98aa1645fd778f7b406caf5.webp 600w, https://assets.fabulous.ch/public/variant_asset/6828/file/medium-784ba910fb78cb86a7a89e3a54662893.webp 900w, https://assets.fabulous.ch/public/variant_asset/6828/file/large-294cc843bf7d30dd5aaac57a626756ee.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6828/file/medium-784ba910fb78cb86a7a89e3a54662893.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-recharge-bio-1000-ml-14889">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shampooing Chanvre Cheveux Normaux Recharge Bio, 1000 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.35
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-14889-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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/shampooing-biere-unisexe-recharge-bio-1000-ml-14890">
          <img alt="Shampooing Bière Unisexe Recharge Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6827/file/small-5d77d3239ffc58c622ba95e2d11bd673.webp 600w, https://assets.fabulous.ch/public/variant_asset/6827/file/medium-d4722515614c2257ae0c3d1ca0f46a32.webp 900w, https://assets.fabulous.ch/public/variant_asset/6827/file/large-dbddd7ebfea7e6c5207fe4e2f53ebc46.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6827/file/medium-d4722515614c2257ae0c3d1ca0f46a32.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-biere-unisexe-recharge-bio-1000-ml-14890">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shampooing Bière Unisexe Recharge Bio, 1000 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.25
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="B-1Tidwof6ta2Y2n3rgHgK-WQ16Iw6bb7m0NrUdbPielX5Hu3Dcg3kfETialMDLzHyZBLOo80KJOnBYO8ufQOQ" />
    <input value="14890" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/shampooing-volume-raisin-recharge-bio-1000-ml-14891">
          <img alt="Shampooing Volume Raisin Recharge Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6829/file/small-c67fd92190f3fb850e9e91fdaa150d77.webp 600w, https://assets.fabulous.ch/public/variant_asset/6829/file/medium-e5f9a1e21fd7d738d6a8a5a2f261c5a9.webp 900w, https://assets.fabulous.ch/public/variant_asset/6829/file/large-80465a1a404017e63728f98e537d7806.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6829/file/medium-e5f9a1e21fd7d738d6a8a5a2f261c5a9.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-volume-raisin-recharge-bio-1000-ml-14891">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shampooing Volume Raisin Recharge Bio, 1000 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.35
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IGO0JAp6dkpwE1Z5KTxF7Oj6nCWHURjFhl5fsNPJOxOC0XZDCmUpP20OlfhStHCfWEqeV-Wubrwmr0QTZnXVDQ" />
    <input value="14891" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/beurre-de-karite-bio-100-ml-15117">
          <img alt="Beurre de Karité Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6932/file/small-0d0ccdce08531935bad0653ca8b48a48.webp 600w, https://assets.fabulous.ch/public/variant_asset/6932/file/medium-823342332264f9daad6c84701bec5d67.webp 900w, https://assets.fabulous.ch/public/variant_asset/6932/file/large-6f362242c8c6af5d436ac46de2c9dd5f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6932/file/medium-823342332264f9daad6c84701bec5d67.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">farfalla</p>
          <a href="/fr/products/beurre-de-karite-bio-100-ml-15117">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Beurre de Karité Bio, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ksZAXzwnOizYdbKdWcqA1M3-IBFViMx_UJU9aSqeGWwwdII4PDhlWcVocRwiQrWnfU4iYzd3ugbwZCbKnyL3cg" />
    <input value="15117" 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 94 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/cosmetiques/soins-pour-peau?format=turbo_stream&amp;page=5">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>