<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-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="GVqzEVDUFnX3LPssbaOumfPL_1J5U-Y93QTyHISiO3AIDVbyJti8UgsUvTiLPncFuTvmInMvfVJf55ui8PWuaA" />
    <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="-a0KP8k9eC-gRGkghf5bPm11Y3cm4JccpO87SfjitBno-u_cvzHSCFx8LzRjY4KiJ4V6ByycDHMmDFL3jLUhAQ" />
    <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="TV2kTMeRqoJ6Dnf0nu_F4rVM1fd7d9EzEpUIOKDylUxcCkGvsZ0ApYY2MeB4chx-_7zMh3ELSlyQdmGG1KUAVA" />
    <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="V3OkZ5cKxVaA6kR_Z_SpxUPdBGjPuxQ4GgivR7RnKF9GJEGE4QZvcXzSAmuBaXBZCS0dGMXHj1eY68b5wDC9Rw" />
    <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="64rfDszHpnBJbDn4LpSlvychpS0duim84vXTIBWt_OP63TrtussMV7VUf-zICXwjbdG8XRfGstNgFrqeYfpp-w" />
    <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/shampoo-energy-coffee-organic-500-ml-14884">
          <img alt="Shampoo Energy Coffee Organic" 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="/en/products/shampoo-energy-coffee-organic-500-ml-14884">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shampoo Energy Coffee Organic, 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="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uNNa45kmQ2I5Q7v5Q2iiQLybA1X9NLUiuJvW0ktnmrKphL8A7yrpRcV7_e2l9Xvc9msaJfdILk06eL9sPzAPqg" />
    <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>
          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/shampoo-hemp-normal-hair-organic-500-ml-14885">
          <img alt="Shampoo Hemp Normal Hair Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6821/file/small-5c63720618982c16306f03694c58ab07.webp 600w, https://assets.fabulous.ch/public/variant_asset/6821/file/medium-d4bdead51e86f3cb64b0d1eaab3003cf.webp 900w, https://assets.fabulous.ch/public/variant_asset/6821/file/large-48bcecf82c8c57db82e8037e10de6f69.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6821/file/medium-d4bdead51e86f3cb64b0d1eaab3003cf.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">benecos</p>
          <a href="/en/products/shampoo-hemp-normal-hair-organic-500-ml-14885">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shampoo Hemp Normal Hair Organic, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sRidxqkZ4k9TfMZJctYHJVbp5SdiSXjRya0Ov3NPuDagT3gl3xVIaK9EgF2US965HBn8V2g1475LTmcBBxgtLg" />
    <input value="14885" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          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/shampoo-beer-unisex-organic-500-ml-14886">
          <img alt="Shampoo Beer Unisex Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6823/file/small-c23262afa2100293cd8d9fa02a830c1a.webp 600w, https://assets.fabulous.ch/public/variant_asset/6823/file/medium-6336e69e4a5e03e5e1c76646fb38b6fb.webp 900w, https://assets.fabulous.ch/public/variant_asset/6823/file/large-fa748fa81d5247316c14acdc8d525839.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6823/file/medium-6336e69e4a5e03e5e1c76646fb38b6fb.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/shampoo-beer-unisex-organic-500-ml-14886">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shampoo Beer Unisex Organic, 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-14886-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QPZvyClg99uc5uocCddsZENnBL4m8TBOAC6PvMB7WqtRoYorX2xd_GDerAjvSrX4CZcdziyNqyGCzeYCtCzPsw" />
    <input value="14886" 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/shampoo-volume-grape-organic-500-ml-14887">
          <img alt="Shampoo Volume Grape Organic" 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="/en/products/shampoo-volume-grape-organic-500-ml-14887">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shampoo Volume Grape Organic, 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="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rjD_lpUg3IHVUer96eLu1qaIABqL3NVCnRF1nyMB3DG_Zxp14yx2pilprOkPfzdK7HgZaoGgTi0f8hwhV1ZJKQ" />
    <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>
          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/shampoo-energy-coffee-refill-bag-organic-1000-ml-14888">
          <img alt="Shampoo Energy Coffee 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/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="/en/products/shampoo-energy-coffee-refill-bag-organic-1000-ml-14888">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shampoo Energy Coffee refill bag Organic, 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">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YhIoxVDKbsioliQ2YMv2hUUNl6hQWSnKIDYpIkhjOBVzRc0mJsbE71SuYiKGVi8ZD_2O2FolsqWi1UCcPDStDQ" />
    <input value="14888" 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/shampoo-hemp-normal-hair-refill-bag-organic-1000-ml-14889">
          <img alt="Shampoo Hemp Normal Hair 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/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="/en/products/shampoo-hemp-normal-hair-refill-bag-organic-1000-ml-14889">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shampoo Hemp Normal Hair Refill Bag Organic, 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">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Tm0Zn6Bu_5DF04ZekDqLEvmPs3tMIifsWrL1NmtINLxfOvx81mJVtznrwEp2p1KOs3-qC0ZevIPYUZyIHx-hpA" />
    <input value="14889" 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/shampoo-beer-unisex-refill-bag-organic-1000-ml-14890">
          <img alt="Shampoo Beer Unisex 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/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="/en/products/shampoo-beer-unisex-refill-bag-organic-1000-ml-14890">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shampoo Beer Unisex refill bag Organic, 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="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EyNLaObejdbF6bG7vlakE4l4RQt-CteABoHoDX86S1oCdK6LkNIn8TnR969Yy32Pw4hce3R2TO-EYoGzC23eQg" />
    <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>
          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/shampoo-volume-grape-refill-bag-organic-1000-ml-14891">
          <img alt="Shampoo Volume Grape 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/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="/en/products/shampoo-volume-grape-refill-bag-organic-1000-ml-14891">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shampoo Volume Grape refill bag Organic, 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="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oUYgskduUy7WYuFyFotlIaU0rd9zjL2j-Mtk64t37IGwEcVRMWL5CSpap2bwFry978S0r3nwJsx6KA1V_yB5mQ" />
    <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>
          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/benecos-gift-box-for-men-only-organic-250-ml-15781">
          <img alt="Benecos Gift Box for men only Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7195/file/small-88394cd176ee571eacd0ef41cf37e1e1.webp 600w, https://assets.fabulous.ch/public/variant_asset/7195/file/medium-482915e0d8cd3dd9f0b37a545cf64e83.webp 900w, https://assets.fabulous.ch/public/variant_asset/7195/file/large-5999e1bf0f85f316ac01ffa103a333f0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7195/file/medium-482915e0d8cd3dd9f0b37a545cf64e83.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/benecos-gift-box-for-men-only-organic-250-ml-15781">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Benecos Gift Box for men only Organic, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.25
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IQRTX4p-lxJ8tZvaJLR5nk32pgIDeODlC55ThDR4z0AwU7a8_HI9NYCN3c7CKaACBwa_cgkEe4qJfTo6QC9aWA" />
    <input value="15781" 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/benecos-mini-set-not-just-for-hot-showers-organic-50-ml-15782">
          <img alt="Benecos Mini Set &quot;Not just for hot showers&quot; Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7196/file/small-79fd5a7a2c3d4693f33ecc81f9382455.webp 600w, https://assets.fabulous.ch/public/variant_asset/7196/file/medium-743b0d9987c26acb99be08a2540cdbf0.webp 900w, https://assets.fabulous.ch/public/variant_asset/7196/file/large-12f8b27c14c86e075807c46230761988.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7196/file/medium-743b0d9987c26acb99be08a2540cdbf0.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/benecos-mini-set-not-just-for-hot-showers-organic-50-ml-15782">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Benecos Mini Set &quot;Not just for hot showers&quot; Organic, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="D4i1wsTJ59mf4tiaQBmvdF5TLLSI8muaF0f76rnHv7Ee31AhssVN_mPano6mhHboFKM1xIKO8PWVpJJUzZAqqQ" />
    <input value="15782" 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/nail-polish-gift-set-classic-in-red-organic-set-of-3-3-piece-15783">
          <img alt="Nail Polish Gift Set: Classic in Red Organic, Set of 3" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7197/file/small-46cfa26aa9d69da4edf27325c94019f3.webp 600w, https://assets.fabulous.ch/public/variant_asset/7197/file/medium-1aab8bafef1973609f207a1f88f71e19.webp 900w, https://assets.fabulous.ch/public/variant_asset/7197/file/large-32c9fe464caee6b3fd6ec6fac30a3fa5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7197/file/medium-1aab8bafef1973609f207a1f88f71e19.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/nail-polish-gift-set-classic-in-red-organic-set-of-3-3-piece-15783">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nail Polish Gift Set: Classic in Red Organic, Set of 3, 3 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mtMAvrwgyUHBnXrsd-iE4CPPOOjEdwNvvylEjGBoYXGLhOVdyixjZj2lPPiRdV18aT8hmM4LmAA9yi0yFD_0aQ" />
    <input value="15783" 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/gift-set-nail-polish-pretty-in-pastel-organic-set-of-3-3-piece-15784">
          <img alt="Gift Set Nail Polish: Pretty in Pastel Organic, Set of 3" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7199/file/small-a6449d05c8946a360b515cc7560bd167.webp 600w, https://assets.fabulous.ch/public/variant_asset/7199/file/medium-fe6409ab5bdef25b251fc58d8c71f4da.webp 900w, https://assets.fabulous.ch/public/variant_asset/7199/file/large-2515778e3b43057e8065224ba980a5a6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7199/file/medium-fe6409ab5bdef25b251fc58d8c71f4da.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/gift-set-nail-polish-pretty-in-pastel-organic-set-of-3-3-piece-15784">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gift Set Nail Polish: Pretty in Pastel Organic, Set of 3, 3 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sMz3YS-EP9IL3IBMrxF7s0wVzvTXH7mQlrxX6WjJosuhmxKCWYiV9ffkxlhJjKIvBuXXhN1jIv8UXz5XHJ430w" />
    <input value="15784" 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-lime-mint-500-ml-16228">
          <img alt="Shower Gel Lime &amp; Mint" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7467/file/small-a8f4dfbd55784dc6a2435224b223410c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7467/file/medium-1308afb1f834652785a17b10c974242d.webp 900w, https://assets.fabulous.ch/public/variant_asset/7467/file/large-c2489b616a9daddaa486a23620e25420.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7467/file/medium-1308afb1f834652785a17b10c974242d.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-lime-mint-500-ml-16228">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shower Gel Lime &amp; Mint, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.55
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bv-bTt9heJi9R4BXQIk7-VG8Pp58AvJZjf_mbkJ44Bp_qH6tqW3Sv0F_xkOmFOJlG0wn7nZ-aTYPHI_QNi91Ag" />
    <input value="16228" 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-orange-basil-500-ml-16231">
          <img alt="Shower Gel Orange &amp; Basil" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7468/file/small-88c13b89881a596209eaa217f64e1c2a.webp 600w, https://assets.fabulous.ch/public/variant_asset/7468/file/medium-cee1112a027d33499f135644fd4bb877.webp 900w, https://assets.fabulous.ch/public/variant_asset/7468/file/large-639031ef61cacc7ad9c41657c8f096e6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7468/file/medium-cee1112a027d33499f135644fd4bb877.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-orange-basil-500-ml-16231">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shower Gel Orange &amp; Basil, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="v-d_VBslo8m7C5TGaK3Nze0C13EgM4ys1uLdzgd6ojiusJq3bSkJ7kcz0tKOMBRRp_LOASpPF8NUAbRwcy03IA" />
    <input value="16231" 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-pineapple-coconut-500-ml-16232">
          <img alt="Shower Gel Pineapple &amp; Coconut" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7469/file/small-59c041cac4b4bd30cb5a9424bbd9ce05.webp 600w, https://assets.fabulous.ch/public/variant_asset/7469/file/medium-c2b06451d7df536dbdfe1d40e4d813fd.webp 900w, https://assets.fabulous.ch/public/variant_asset/7469/file/large-92ccfd1406c0fcfe62ce90532478c0a7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7469/file/medium-c2b06451d7df536dbdfe1d40e4d813fd.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-pineapple-coconut-500-ml-16232">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shower Gel Pineapple &amp; Coconut, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.55
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="89NNCipHsu-bTLLD1ZBUVIw3b85pTH5BpuIxnKjJKLfihKjpXEsYyGd09NczDY3Ixsd2vmMw5S4kAVgi3J69rw" />
    <input value="16232" 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 70 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/manufacturers/benecos?format=turbo_stream&amp;page=4">Show more</a>
  </div>
</div>

</template></turbo-stream>