<turbo-stream action="append" target="products_grid"><template>
    

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fwaterlovers%3Fformat%3Dturbo_stream%26page%3D157">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/day-basis-sensitiv-anti-ageing-day-cream-50-ml-490">
          <img alt="Day basis sensitiv Anti-Ageing Day Cream" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/440/file/small-f00a069f6cfd9b8de4951c5d4008bcae.webp 600w, https://assets.fabulous.ch/public/variant_asset/440/file/medium-5df868f7b976b61f3417d4052918cce7.webp 900w, https://assets.fabulous.ch/public/variant_asset/440/file/large-a96cdfcfe08ca86918e11c099943deba.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/440/file/medium-5df868f7b976b61f3417d4052918cce7.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lavera</p>
          <a href="/en/products/day-basis-sensitiv-anti-ageing-day-cream-50-ml-490">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Day basis sensitiv Anti-Ageing Day Cream, 50 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 38.50 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;490&quot;],&quot;content_name&quot;:&quot;Day basis sensitiv Anti-Ageing Day Cream, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;490&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:19.25,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sWyc4SHvmyQbnV3W6Z14qSzk6F9vO0AcU2xNYBqDs85fLrgSQRU6QCh-VOGCGDaOp-l-4Qz_qzfH8YAPA0pwpg" />
    <input value="490" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fwaterlovers%3Fformat%3Dturbo_stream%26page%3D157">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/eyeliner-black-trend-sensitiv-soft-1-1g-1-piece-528">
          <img alt="Eyeliner Black Trend sensitiv Soft, 1,1g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/476/file/small-04673b04f075f311d97de731fda0ab70.webp 600w, https://assets.fabulous.ch/public/variant_asset/476/file/medium-7e7777a95f22b8d346b26ee0e255cb12.webp 900w, https://assets.fabulous.ch/public/variant_asset/476/file/large-92be680f35f8bb951e32388484c58e21.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/476/file/medium-7e7777a95f22b8d346b26ee0e255cb12.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lavera</p>
          <a href="/en/products/eyeliner-black-trend-sensitiv-soft-1-1g-1-piece-528">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Eyeliner Black Trend sensitiv Soft, 1,1g, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;528&quot;],&quot;content_name&quot;:&quot;Eyeliner Black Trend sensitiv Soft, 1,1g, 1 piece&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;528&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EihRJJyq9GIashX8J3DaUl2VsBKvqaIK7z7imFAtDgL8anXX_FBVBilRHMtM9ZR11pgmrMxtSSF7oy_3SeTNag" />
    <input value="528" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fwaterlovers%3Fformat%3Dturbo_stream%26page%3D157">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/eyeliner-soft-eyeliner-brown-02-1-4g-1-piece-529">
          <img alt="Eyeliner Soft Eyeliner - Brown 02, 1,4g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/477/file/small-ec4075addb7a069c97b8d51897530080.webp 600w, https://assets.fabulous.ch/public/variant_asset/477/file/medium-1deb4abaae2198b63dfbadc3b37adb73.webp 900w, https://assets.fabulous.ch/public/variant_asset/477/file/large-a28da36366e9b45f8daaff9e687e66bb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/477/file/medium-1deb4abaae2198b63dfbadc3b37adb73.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lavera</p>
          <a href="/en/products/eyeliner-soft-eyeliner-brown-02-1-4g-1-piece-529">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Eyeliner Soft Eyeliner - Brown 02, 1,4g, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;529&quot;],&quot;content_name&quot;:&quot;Eyeliner Soft Eyeliner - Brown 02, 1,4g, 1 piece&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;529&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oMSI9cHQAqxmDpGLFup7ewAJ82NV94SaknJx1GtyUJpOhqwGoSqjyFXtmLx9bzVciwRl3TYzb7EG77y7cruT8g" />
    <input value="529" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fwaterlovers%3Fformat%3Dturbo_stream%26page%3D157">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/mascara-volume-brown-9-ml-533">
          <img alt="Mascara Volume Brown" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/481/file/small-5f347a3f1c20886d45df668e2113f217.webp 600w, https://assets.fabulous.ch/public/variant_asset/481/file/medium-9bb729c60a198c878aff0e35c4f2f0ce.webp 900w, https://assets.fabulous.ch/public/variant_asset/481/file/large-6ea918ca9626a69119b50b41dbcb1442.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/481/file/medium-9bb729c60a198c878aff0e35c4f2f0ce.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lavera</p>
          <a href="/en/products/mascara-volume-brown-9-ml-533">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mascara Volume Brown, 9 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.45
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;533&quot;],&quot;content_name&quot;:&quot;Mascara Volume Brown, 9 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;533&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.45,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="z-K5mu-wcjUQ1oiahRspVd10sBO-celeU5CgI6pJ5RghoJ1pj0rTUSM1ga3unmdyVnkmrd21AnXHDW1Ms4AmcA" />
    <input value="533" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fwaterlovers%3Fformat%3Dturbo_stream%26page%3D157">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/make-up-natural-creamy-nude-30-ml-534">
          <img alt="Make-Up Natural Creamy nude" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/482/file/small-db85c3d0637858eb300c3b0f52b0da7e.webp 600w, https://assets.fabulous.ch/public/variant_asset/482/file/medium-696edd9110bcd0d74d733b9f6763e030.webp 900w, https://assets.fabulous.ch/public/variant_asset/482/file/large-9a66cfcbd4b53e6905fb4c368484c55d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/482/file/medium-696edd9110bcd0d74d733b9f6763e030.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/make-up-natural-creamy-nude-30-ml-534">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Make-Up Natural Creamy nude, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.30
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;534&quot;],&quot;content_name&quot;:&quot;Make-Up Natural Creamy nude, 30 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;534&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Uo1TUUY1UtSD0nF2nZNkap8zd5SqaihiX-OxJxrCKYO8z3eiJs_zsLAxeEH2FipNFD7hKsmuw0nLfnxIAwvq6w" />
    <input value="534" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fwaterlovers%3Fformat%3Dturbo_stream%26page%3D157">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/make-up-natural-creamy-caramel-30-ml-535">
          <img alt="Make-Up Natural Creamy caramel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/483/file/small-6f4b1e0e1bc922bd0c74987d62b5cff2.webp 600w, https://assets.fabulous.ch/public/variant_asset/483/file/medium-53d4dad458303c802e73de08d606c276.webp 900w, https://assets.fabulous.ch/public/variant_asset/483/file/large-830c33f5ea03b38b03c162e7257b7157.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/483/file/medium-53d4dad458303c802e73de08d606c276.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/make-up-natural-creamy-caramel-30-ml-535">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Make-Up Natural Creamy caramel, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.30
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;535&quot;],&quot;content_name&quot;:&quot;Make-Up Natural Creamy caramel, 30 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;535&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0ku8HufozZp8TMUo-LX-pYk-cIxPj8LkKJ5a-owK30M8CZjthxJs_k-vzB-TMLCCAjPmMixLKc-8A5eVlcMcKw" />
    <input value="535" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fwaterlovers%3Fformat%3Dturbo_stream%26page%3D157">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/make-up-natural-creamy-honey-30-ml-536">
          <img alt="Make-Up Natural Creamy honey" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/484/file/small-6bb749e97bbbfa2887f5ed213de1c612.webp 600w, https://assets.fabulous.ch/public/variant_asset/484/file/medium-a3cf6fc30fff05f69a811ea54abf286a.webp 900w, https://assets.fabulous.ch/public/variant_asset/484/file/large-3691c4f0acc1ab079b06095879531330.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/484/file/medium-a3cf6fc30fff05f69a811ea54abf286a.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/make-up-natural-creamy-honey-30-ml-536">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Make-Up Natural Creamy honey, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.30
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;536&quot;],&quot;content_name&quot;:&quot;Make-Up Natural Creamy honey, 30 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;536&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mWC2FA9nXX-myiKGCyfQL-CvrWQmICJ3_L1k73G1g193IpLnb538G5UpK7Fgop4Ia6I72kXkyVxoIKmAaHxANw" />
    <input value="536" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fwaterlovers%3Fformat%3Dturbo_stream%26page%3D157">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/kochbuch-peace-food-das-vegane-kochbuch-ruediger-dahlke-1-piece-548">
          <img alt="Kochbuch Peace Food - Das vegane Kochbuch Ruediger Dahlke" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/505/file/small-05e38eba6d7d65c97c737155d5662669.webp 600w, https://assets.fabulous.ch/public/variant_asset/505/file/medium-77fa2e2e9a85f977553654aeb086eefe.webp 900w, https://assets.fabulous.ch/public/variant_asset/505/file/large-3dc6e04c92d5588c4acec7a727e46efd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/505/file/medium-77fa2e2e9a85f977553654aeb086eefe.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">Buchverlag</p>
          <a href="/en/products/kochbuch-peace-food-das-vegane-kochbuch-ruediger-dahlke-1-piece-548">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kochbuch Peace Food - Das vegane Kochbuch Ruediger Dahlke, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 28.65
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;548&quot;],&quot;content_name&quot;:&quot;Kochbuch Peace Food - Das vegane Kochbuch Ruediger Dahlke, 1 piece&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;548&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:28.65,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4NQUoA2cIrvOWwAcAGOT-ldl4ZUPk1OrdQf8-rJ8UKYOljBTbWaD3_24CStr5t3d3Gh3K2xXuIDhmjGVq7WTzg" />
    <input value="548" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fwaterlovers%3Fformat%3Dturbo_stream%26page%3D157">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/kochbuch-vegane-pausensnacks-roland-rauter-1-piece-551">
          <img alt="Kochbuch Vegane Pausensnacks Roland Rauter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/509/file/small-676042c04d2ed73da79ae88f83093392.webp 600w, https://assets.fabulous.ch/public/variant_asset/509/file/medium-dfcf7ecff7d1520cbfc07d202acd5f28.webp 900w, https://assets.fabulous.ch/public/variant_asset/509/file/large-9fa00caaf720b5ad7c0af9c0342f9e2a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/509/file/medium-dfcf7ecff7d1520cbfc07d202acd5f28.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">Buchverlag</p>
          <a href="/en/products/kochbuch-vegane-pausensnacks-roland-rauter-1-piece-551">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kochbuch Vegane Pausensnacks Roland Rauter, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;551&quot;],&quot;content_name&quot;:&quot;Kochbuch Vegane Pausensnacks Roland Rauter, 1 piece&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;551&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:11.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-0VeIywsHpOdfC0Ju9SN2kSjvQIxcX8anIDDMtfKpkkVB3rQTNa_966fJD7QUcP9z64rvFK1lDEIHQ5dzgNlIQ" />
    <input value="551" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fwaterlovers%3Fformat%3Dturbo_stream%26page%3D157">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/sauce-sweet-sour-organic-130-ml-556">
          <img alt="Sauce Sweet &amp; Sour Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/514/file/small-7d73a092d2643824e455f1ada563dbb1.webp 600w, https://assets.fabulous.ch/public/variant_asset/514/file/medium-5496f7a3b877735dad63f64703405580.webp 900w, https://assets.fabulous.ch/public/variant_asset/514/file/large-cf27647647779d46830c8416bca43b0f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/514/file/medium-5496f7a3b877735dad63f64703405580.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">Arche</p>
          <a href="/en/products/sauce-sweet-sour-organic-130-ml-556">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sauce Sweet &amp; Sour Organic, 130 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;556&quot;],&quot;content_name&quot;:&quot;Sauce Sweet \u0026 Sour Organic, 130 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;556&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CFou5fjATavv8Cvh6-vXC69yhlYkKYIzaDpAU0Pv2YbmGAoWmDrsz9wTItaAbpksJH8Q6EftaRj8p408WiYa7g" />
    <input value="556" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fwaterlovers%3Fformat%3Dturbo_stream%26page%3D157">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/bar-cashew-dates-organic-50-g-587">
          <img alt="Bar Cashew Dates Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/535/file/small-4c1ea7eb20a97fe87d0b630bf3700278.webp 600w, https://assets.fabulous.ch/public/variant_asset/535/file/medium-c7212bf5e671873238054ed2d228fc60.webp 900w, https://assets.fabulous.ch/public/variant_asset/535/file/large-1373d8194afc01077586ed52e62216fb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/535/file/medium-c7212bf5e671873238054ed2d228fc60.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">Raw Bite</p>
          <a href="/en/products/bar-cashew-dates-organic-50-g-587">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bar Cashew Dates Organic, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;587&quot;],&quot;content_name&quot;:&quot;Bar Cashew Dates Organic, 50 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;587&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dqyMX0uhmzTFFBv6C4wSPjfjoWONeH8XPxv_t9oGP4WY7qisK1s6UPb3Es1gCVwZvO433e68lDyrhjLYw8_87Q" />
    <input value="587" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fwaterlovers%3Fformat%3Dturbo_stream%26page%3D157">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/eyebrow-designer-gentle-brown-1-13g-1-piece-611">
          <img alt="Eyebrow Designer Gentle brown, 1,13g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/560/file/small-1d78530a29259f8f87368db5aa572954.webp 600w, https://assets.fabulous.ch/public/variant_asset/560/file/medium-13f26bf9cb7c0f3a85e9ee99f3ac2c72.webp 900w, https://assets.fabulous.ch/public/variant_asset/560/file/large-7c100fef7f2073e79e3892049d84577d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/560/file/medium-13f26bf9cb7c0f3a85e9ee99f3ac2c72.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/eyebrow-designer-gentle-brown-1-13g-1-piece-611">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Eyebrow Designer Gentle brown, 1,13g, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;611&quot;],&quot;content_name&quot;:&quot;Eyebrow Designer Gentle brown, 1,13g, 1 piece&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;611&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xZujdY7EI_F1_j63FCx0DlapQ7t8KJq6mJHHmwo4mKor2YeG7j6ClUYdN4B_qTop3aTVBR_scZEMDAr0E_Fbwg" />
    <input value="611" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fwaterlovers%3Fformat%3Dturbo_stream%26page%3D157">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/baked-beans-organic-400-g-622">
          <img alt="Baked Beans Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/567/file/small-958908d3a47216d65b77fb6e6ad204a4.webp 600w, https://assets.fabulous.ch/public/variant_asset/567/file/medium-122425f9fc6fb71dd39bc9ba123cdf7c.webp 900w, https://assets.fabulous.ch/public/variant_asset/567/file/large-73cc6ba754ce8fe889964449c88dcf1f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/567/file/medium-122425f9fc6fb71dd39bc9ba123cdf7c.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">Rapunzel</p>
          <a href="/en/products/baked-beans-organic-400-g-622">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Baked Beans Organic, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.45
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;622&quot;],&quot;content_name&quot;:&quot;Baked Beans Organic, 400 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;622&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.45,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="06Ga5OkjyuVzcU1aWcPex0PpFjqs46nAWNjBMV8l2eY9474XidlrgUCSRG0yRpDgyOSAhM8nQuvMRQxeRuwajg" />
    <input value="622" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fwaterlovers%3Fformat%3Dturbo_stream%26page%3D157">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/20-gift-voucher-for-fabulous-vegan-shop-switzerland-1-piece-626">
          <img alt="20.- Gift Voucher for fabulous! Vegan Shop Switzerland" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/571/file/small-9ea05b4daa63ea86079997efca14d52c.webp 600w, https://assets.fabulous.ch/public/variant_asset/571/file/medium-9221879b32566b6c0ab9ccdf8409e60d.webp 900w, https://assets.fabulous.ch/public/variant_asset/571/file/large-7e9ca068594987d9f121f67625dcd164.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/571/file/medium-9221879b32566b6c0ab9ccdf8409e60d.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">fabulous! Der Vegan Shop Schweiz</p>
          <a href="/en/products/20-gift-voucher-for-fabulous-vegan-shop-switzerland-1-piece-626">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">20.- Gift Voucher for fabulous! Vegan Shop Switzerland, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;626&quot;],&quot;content_name&quot;:&quot;20.- Gift Voucher for fabulous! Vegan Shop Switzerland, 1 piece&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;626&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:20.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KSS1iupBGnARjBL7b7u25a5GRwz8HyrzS9Y8lYsKoQbHZpF5iru7FCJvG8wEPvjCJUvRsp_bwdjfS_H6ksNibg" />
    <input value="626" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fwaterlovers%3Fformat%3Dturbo_stream%26page%3D157">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/50-gift-voucher-for-fabulous-vegan-shop-switzerland-1-piece-627">
          <img alt="50.- Gift Voucher for fabulous! Vegan Shop Switzerland" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/572/file/small-1d6af87ad94cea1fa9e13baba5bbe276.webp 600w, https://assets.fabulous.ch/public/variant_asset/572/file/medium-b08b14a7388bda09e8c8c2a6fc4be54e.webp 900w, https://assets.fabulous.ch/public/variant_asset/572/file/large-23d33dcaaeb426062684f5ed12ff0a27.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/572/file/medium-b08b14a7388bda09e8c8c2a6fc4be54e.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">fabulous! Der Vegan Shop Schweiz</p>
          <a href="/en/products/50-gift-voucher-for-fabulous-vegan-shop-switzerland-1-piece-627">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">50.- Gift Voucher for fabulous! Vegan Shop Switzerland, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 50.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;627&quot;],&quot;content_name&quot;:&quot;50.- Gift Voucher for fabulous! Vegan Shop Switzerland, 1 piece&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;627&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:50.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oYOCM3aqZRSBZ0t_8AxhlpUQ4u3jOZ1yFhHVUcEEsklPwabAFlDEcLKEQkibiS-xHh10U4D9dlmCjBg-2M1xIQ" />
    <input value="627" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fwaterlovers%3Fformat%3Dturbo_stream%26page%3D157">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/100-gift-voucher-for-fabulous-vegan-shop-switzerland-1-piece-628">
          <img alt="100.- Gift Voucher for fabulous! Vegan Shop Switzerland" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/573/file/small-3b7db5ef5ca8e7c1b2f67ceb0acb5b51.webp 600w, https://assets.fabulous.ch/public/variant_asset/573/file/medium-2b69d78dd9d6f50f149f53c73feb2ae6.webp 900w, https://assets.fabulous.ch/public/variant_asset/573/file/large-44a0e2d507c5c8efde183ea7abe4b18d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/573/file/medium-2b69d78dd9d6f50f149f53c73feb2ae6.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">fabulous! Der Vegan Shop Schweiz</p>
          <a href="/en/products/100-gift-voucher-for-fabulous-vegan-shop-switzerland-1-piece-628">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">100.- Gift Voucher for fabulous! Vegan Shop Switzerland, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 100.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;628&quot;],&quot;content_name&quot;:&quot;100.- Gift Voucher for fabulous! Vegan Shop Switzerland, 1 piece&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;628&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:100.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="C1BY2fU2yStjkGrIPpZY29ziRBfhjq_7aoERfpcIJDXlEnwqlcxoT1BzY_9VExb8V-_SqYJKRND-HNwRjsHnXQ" />
    <input value="628" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fwaterlovers%3Fformat%3Dturbo_stream%26page%3D157">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Out
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/premium-wild-peanuts-organic-100-g-659">
          <img alt="Premium Wild Peanuts Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/605/file/small-6438205fc5ec55bfa14f952fa1957c80.webp 600w, https://assets.fabulous.ch/public/variant_asset/605/file/medium-5827c5ee813b75876f5ebc06d8fb12d7.webp 900w, https://assets.fabulous.ch/public/variant_asset/605/file/large-feaa4de78c1869c1637ea2e2d6eae11c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/605/file/medium-5827c5ee813b75876f5ebc06d8fb12d7.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">Flores Farm</p>
          <a href="/en/products/premium-wild-peanuts-organic-100-g-659">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Premium Wild Peanuts Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </p>

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

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fwaterlovers%3Fformat%3Dturbo_stream%26page%3D157">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/oil-virgin-coconut-organic-450-ml-665">
          <img alt="Oil Virgin Coconut Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/612/file/small-1901f85b68802c9826f97931fdc1dd41.webp 600w, https://assets.fabulous.ch/public/variant_asset/612/file/medium-54b70f5e3f799c33d0a61319f68cd7ad.webp 900w, https://assets.fabulous.ch/public/variant_asset/612/file/large-3cc1423326193f8b50aba28af64e3952.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/612/file/medium-54b70f5e3f799c33d0a61319f68cd7ad.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">Kulau</p>
          <a href="/en/products/oil-virgin-coconut-organic-450-ml-665">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Oil Virgin Coconut Organic, 450 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 3.58 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;665&quot;],&quot;content_name&quot;:&quot;Oil Virgin Coconut Organic, 450 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;665&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:16.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vjAH222xF9ehrMeJF8ix8dIUvzUDms_D_SYg8dbhYw9QciMoDUu2s5JPzr58Tf_WWRkpi2BeJOhpu-2ezyigZw" />
    <input value="665" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fwaterlovers%3Fformat%3Dturbo_stream%26page%3D157">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/cleansing-milk-200-ml-695">
          <img alt="Cleansing Milk" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/647/file/small-1fb337e0c89c938cbf9ac645cb50625a.webp 600w, https://assets.fabulous.ch/public/variant_asset/647/file/medium-ec8476137b875578e68c6c6f15158a95.webp 900w, https://assets.fabulous.ch/public/variant_asset/647/file/large-4804b8f0caa817d6534888a00d06070c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/647/file/medium-ec8476137b875578e68c6c6f15158a95.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">MADARA</p>
          <a href="/en/products/cleansing-milk-200-ml-695">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cleansing Milk, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.05
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;695&quot;],&quot;content_name&quot;:&quot;Cleansing Milk, 200 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;695&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:18.05,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jrM-F-sY1p-wOmYatxMtF_rIg8JMy2tQhIxZ0kcQLYxg8Rrki-J3-4PZby3clmMwccUVfC8PgHsQEZS9Xtnu5A" />
    <input value="695" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fwaterlovers%3Fformat%3Dturbo_stream%26page%3D157">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/shampoo-nourish-and-repair-250-ml-709">
          <img alt="Shampoo Nourish and Repair" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/659/file/small-312cf1a4569321f09e56801fa23d5049.webp 600w, https://assets.fabulous.ch/public/variant_asset/659/file/medium-400b2c46183c4c052ee2bbb3f76fae57.webp 900w, https://assets.fabulous.ch/public/variant_asset/659/file/large-7aa07730848f5affc19a42c231a24163.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/659/file/medium-400b2c46183c4c052ee2bbb3f76fae57.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">MADARA</p>
          <a href="/en/products/shampoo-nourish-and-repair-250-ml-709">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Shampoo Nourish and Repair, 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-709-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;709&quot;],&quot;content_name&quot;:&quot;Shampoo Nourish and Repair, 250 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;709&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:15.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZIPEEhBkwj-IVIqbPBcc689Rvek6xMMVGF7EqHnT7lKKweDhcJ5jW7u3g6xXklLMRFwrV1kAKD6MwwnHYBotOg" />
    <input value="709" 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">
      3&#39;140 of 4&#39;135 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/waterlovers?format=turbo_stream&amp;page=158">Show more</a>
  </div>
</div>

</template></turbo-stream>