<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="/en/products/shower-gel-2in1-organic-gin-500-ml-12308">
          <img alt="Shower Gel 2in1 Organic Gin" 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="/en/products/shower-gel-2in1-organic-gin-500-ml-12308">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shower Gel 2in1 Organic Gin, 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 action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zdp-D-FUC1avBtKtJ-faOJS_OO-eNFiW-oda3uh8m8CAd9E_fmI5HCsnl59CNveiYH4mGzMW2RfYbEUPiSv6sw" />
    <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>
          Add to cart
</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="/en/products/shower-gel-organic-rose-500-ml-12309">
          <img alt="Shower Gel Organic Rose" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6186/file/small-279f8588d415eb069efe907281f75377.webp 600w, https://assets.fabulous.ch/public/variant_asset/6186/file/medium-e5fdb69ec0b27378d171394207a02c3e.webp 900w, https://assets.fabulous.ch/public/variant_asset/6186/file/large-0ca7e64f45d3816117dd64e67180c863.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6186/file/medium-e5fdb69ec0b27378d171394207a02c3e.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="/en/products/shower-gel-organic-rose-500-ml-12309">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shower Gel Organic Rose, 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-12309-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2dV4qLbQ1xmR5-T9NSl0O9PchwSgy3-2sUD69k4yB76UeNeYKeblUxXGoc9Q-FmhJx2Z8A3p_jeTq-UnL2VmzQ" />
    <input value="12309" 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>
          Add to cart
</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="/en/products/shower-gel-organic-oats-500-ml-12310">
          <img alt="Shower Gel Organic Oats" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6187/file/small-4fca68edade69f6f8a711e6c7129c414.webp 600w, https://assets.fabulous.ch/public/variant_asset/6187/file/medium-a08a01e3de8db0c7f9dd4a98cc3473ac.webp 900w, https://assets.fabulous.ch/public/variant_asset/6187/file/large-aecc3d5a27b09a93d80a9981ff2b6e76.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6187/file/medium-a08a01e3de8db0c7f9dd4a98cc3473ac.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="/en/products/shower-gel-organic-oats-500-ml-12310">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shower Gel Organic Oats, 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-12310-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="P_lq9Ty3nEGDPxwIp9x5xK-o08GGMyprwM0GoIe8oAtyVMXFo4GuCwceWTrCDVReW2nNNSsRq-riJhlx5uvBeA" />
    <input value="12310" 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>
          Add to cart
</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="/en/products/shower-gel-organic-grapefruit-500-ml-12311">
          <img alt="Shower Gel Organic Grapefruit" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6188/file/small-7a749e3c5c79a684251e7b386a9f2681.webp 600w, https://assets.fabulous.ch/public/variant_asset/6188/file/medium-540fe890593d71d1e41dcde4c81a92f4.webp 900w, https://assets.fabulous.ch/public/variant_asset/6188/file/large-0b582b65604961455e11ed673dd3fb1c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6188/file/medium-540fe890593d71d1e41dcde4c81a92f4.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="/en/products/shower-gel-organic-grapefruit-500-ml-12311">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shower Gel Organic Grapefruit, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.25
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fh5voLEM4NCVsL57xO6BXqYz3Wk_97QAve0Fadn7MRAzs8CQLjrSmhGR-0mhP6zEUvLDnZLVNYGfBhq4uKxQYw" />
    <input value="12311" 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>
          Add to cart
</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="/en/products/shower-gel-organic-lavender-500-ml-12312">
          <img alt="Shower Gel Organic Lavender" 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="/en/products/shower-gel-organic-lavender-500-ml-12312">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shower Gel Organic Lavender, 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 action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QzZytrTNyqSWAYUK68Jd05r2LbvnuMFVfiWsPXeOCDkOm92GK_v47hIgwDiOE3BJbjczT0qaQNRczrPsFtlpSg" />
    <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>
          Add to cart
</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="/en/products/bathing-volcano-glitter-fish-luttes-welt-70-g-12382">
          <img alt="Bathing Volcano &quot;Glitter Fish&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/6206/file/small-f19119ab0d00715b504e46832b2f908c.webp 600w, https://assets.fabulous.ch/public/variant_asset/6206/file/medium-4787ffc7df3aadfbc63b79a71a461bcd.webp 900w, https://assets.fabulous.ch/public/variant_asset/6206/file/large-5ba04026089bd6851c68c561cd658e5d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6206/file/medium-4787ffc7df3aadfbc63b79a71a461bcd.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="/en/products/bathing-volcano-glitter-fish-luttes-welt-70-g-12382">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bathing Volcano &quot;Glitter Fish&quot; Lüttes Welt, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.35
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wb6BukEloXCaSuk21awU-eK4dA8I2y9XOr6DPegHY7qMEy6K3hOTOh5rrASwfTljFnlq-6X5rtYYVZzsiVACyQ" />
    <input value="12382" 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>
          Add to cart
</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="/en/products/crackling-bath-crystals-best-friends-luttes-welt-80-g-12384">
          <img alt="Crackling bath crystals &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="/en/products/crackling-bath-crystals-best-friends-luttes-welt-80-g-12384">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Crackling bath crystals &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 action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PtE8DIY5Fm6-OKV6j3HGGJ8ZwdAEZ113Y7pEavfDU9JzfJM8GQ8kJDoZ4EjqoOuCa9jfJKlF3PZBUVu7lpQyoQ" />
    <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>
          Add to cart
</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="/en/products/shower-gel-2in1-mint-refill-organic-1000-ml-12410">
          <img alt="Shower Gel 2in1 Mint Refill Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6230/file/small-5d0019bc2e2896c9aaddbe312b054aca.webp 600w, https://assets.fabulous.ch/public/variant_asset/6230/file/medium-13abc274ccafab63c34ece276f5eba0f.webp 900w, https://assets.fabulous.ch/public/variant_asset/6230/file/large-72821a682665e272de51e738faf040e4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6230/file/medium-13abc274ccafab63c34ece276f5eba0f.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="/en/products/shower-gel-2in1-mint-refill-organic-1000-ml-12410">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shower Gel 2in1 Mint Refill Organic, 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-12410-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QgzYmbS8I2aF0EQ6a12ynEha7v-ToprXTP6pYP7GUa0PoXepK4oRLAHxAQgOjJ8GvJvwCz6AG1ZuFbaxn5Ew3g" />
    <input value="12410" 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>
          Add to cart
</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="/en/products/shower-gel-2in1-organic-gin-refill-bag-1000-ml-12426">
          <img alt="Shower gel 2in1 Organic Gin Refill Bag" 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="/en/products/shower-gel-2in1-organic-gin-refill-bag-1000-ml-12426">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shower gel 2in1 Organic Gin Refill Bag, 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="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8jElmoit5-SgX6q-Ip47xlHwuOChs92YDhPHZyi_uEW_nIqqF5vVriR-74xHTxZcpTGmFAyRXBks-Ni2SejZNg" />
    <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>
          Add to cart
</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="/en/products/shower-gel-lavender-refill-bag-organic-1000-ml-12427">
          <img alt="Shower Gel Lavender Refill Bag Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6236/file/small-c487ce5944b1c88c71f4371f1ffa084e.webp 600w, https://assets.fabulous.ch/public/variant_asset/6236/file/medium-4ec9185a45ad3d1a8ec4a571158dde84.webp 900w, https://assets.fabulous.ch/public/variant_asset/6236/file/large-dbf5a6da8d962e512e2784ede67b5de6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6236/file/medium-4ec9185a45ad3d1a8ec4a571158dde84.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="/en/products/shower-gel-lavender-refill-bag-organic-1000-ml-12427">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shower Gel Lavender Refill Bag Organic, 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-12427-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="69qmpmqHgGvT-5zhsPjNLB3H5tnqkd81ityPwhsz43KmdwmW9bGyIVfa2dPVKeC26Qb4LUezXrSoN5ATemSCAQ" />
    <input value="12427" 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>
          Add to cart
</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="/en/products/shower-gel-grapefruit-refill-bag-organic-1000-ml-12428">
          <img alt="Shower Gel Grapefruit Refill Bag Organic" 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="/en/products/shower-gel-grapefruit-refill-bag-organic-1000-ml-12428">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shower Gel Grapefruit Refill Bag Organic, 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="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FVUp88qM0p83L08AxqsByYy3W0jUr_z3b4X39XPUA9JY-IbDVbrg1bMOCjKjeixTeHZFvHmNfXZNbugkEoNioQ" />
    <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>
          Add to cart
</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="/en/products/shower-gel-oats-refill-bag-organic-1000-ml-12429">
          <img alt="Shower Gel Oats Refill Bag Organic" 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="/en/products/shower-gel-oats-refill-bag-organic-1000-ml-12429">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shower Gel Oats Refill Bag Organic, 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">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="THC7SFWs94Z-kwDIkr-PNFCr3WpGgmqWstWwGs7PtHEB3RR4yprFzPqyRfr3bqKupGrDnuug6xeQPq_Lr5jVAg" />
    <input value="12429" 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>
          Add to cart
</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="/en/products/shower-gel-wild-rose-refill-bag-organic-1000-ml-12430">
          <img alt="Shower Gel Wild Rose Refill Bag Organic" 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="/en/products/shower-gel-wild-rose-refill-bag-organic-1000-ml-12430">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shower Gel Wild Rose Refill Bag Organic, 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">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="T8_WgQfaWDkgCXE01bpiGNU26b3SdcK5KuF-sKIvwwgCYnmxmOxqc6QoNAawa0-CIff3SX9XQzgICmFhw3iiew" />
    <input value="12430" 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>
          Add to cart
</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="/en/products/pill-cosmetics-shower-gel-with-marigold-extract-400-ml-13145">
          <img alt="Pill Cosmetics - Shower Gel with Marigold Extract" 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="/en/products/pill-cosmetics-shower-gel-with-marigold-extract-400-ml-13145">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Cosmetics - Shower Gel with Marigold Extract, 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="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AE_nw1eNYYUTjcQRyRS6F7g6q5a8z7w0iJb9-7kJNtRN4kjzyLtTz5esgSOsxZeNTPu1YhHtPbWqfeIq2F5Xpw" />
    <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>
          Add to cart
</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">
    Out
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/pill-cosmetics-protective-intimate-wash-lotion-ph-4-5-250-ml-f3f2faa5-1eff-4857-a013-08d89725141d-13147">
          <img alt="Pill Cosmetics - Protective Intimate Wash lotion 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="/en/products/pill-cosmetics-protective-intimate-wash-lotion-ph-4-5-250-ml-f3f2faa5-1eff-4857-a013-08d89725141d-13147">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Cosmetics - Protective Intimate Wash lotion 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="/en/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Notify me
</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">
    Out
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/pill-cosmetics-soothing-intimate-wash-lotion-ph-6-5-250-ml-13148">
          <img alt="Pill Cosmetics - Soothing Intimate Wash Lotion 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="/en/products/pill-cosmetics-soothing-intimate-wash-lotion-ph-6-5-250-ml-13148">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Cosmetics - Soothing Intimate Wash Lotion 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="/en/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Notify me
</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="/en/products/pill-cosmetics-mild-deodorant-spray-100-ml-13149">
          <img alt="Pill Cosmetics - Mild Deodorant Spray" 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="/en/products/pill-cosmetics-mild-deodorant-spray-100-ml-13149">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Cosmetics - Mild Deodorant Spray, 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="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BFYONcnBHM1acbIJvqTccspxrrHRcxOFd8YXJe7TOHZJ-6EFVvcuh95Q9zvbdfHoPrCwRXxRkgRVLQj0j4RZBQ" />
    <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>
          Add to cart
</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="/en/products/pill-cosmetics-deo-spray-sport-antiperspirant-100-ml-13150">
          <img alt="Pill Cosmetics - Deo Spray Sport antiperspirant" 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="/en/products/pill-cosmetics-deo-spray-sport-antiperspirant-100-ml-13150">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Cosmetics - Deo Spray Sport antiperspirant, 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="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gyopSHXXbcDN5aFDK2M80RJUKYOWJGBh4LZi-7XVD6DOh4Z46uFfiknE5HFOshFL5pU3dzsG4eDCXX0q1IJu0w" />
    <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>
          Add to cart
</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="/en/products/pill-cosmetics-hydra-comfort-soothing-cleansing-fluid-200-ml-13151">
          <img alt="Pill Cosmetics - Hydra-Comfort Soothing Cleansing Fluid" 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="/en/products/pill-cosmetics-hydra-comfort-soothing-cleansing-fluid-200-ml-13151">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Cosmetics - Hydra-Comfort Soothing Cleansing Fluid, 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="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8rfFhQHNA9HzeWhqYrcrH4DKnLG7mIF5ZbC8KvmlQ16_Gmq1nvsxm3dYLVgHZgaFdAuCRRa6APhHW6P7mPIiLQ" />
    <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>
          Add to cart
</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="/en/products/pill-cosmetics-strengthening-moisturising-spray-100-ml-13152">
          <img alt="Pill Cosmetics - Strengthening Moisturising Spray" 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="/en/products/pill-cosmetics-strengthening-moisturising-spray-100-ml-13152">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Cosmetics - Strengthening Moisturising Spray, 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="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="86mgvFqd5OjpeR2c60K9qoHPtJxPFS1X1wbSJrTZRV--BA-MxavWom1YWK6Ok5AwdQ6qaOI3rNb17c331Y4kLA" />
    <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>
          Add to cart
</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">
      60 of 94 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/natural-cosmetics/body-care?format=turbo_stream&amp;page=4">Show more</a>
  </div>
</div>

</template></turbo-stream>