<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%3D10">
    <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/pesto-rosso-organic-130-g-7167">
          <img alt="Pesto Rosso Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4103/file/small-ff3d961670c64fadb88aaf9496daca85.webp 600w, https://assets.fabulous.ch/public/variant_asset/4103/file/medium-71e2cede5b6c5c811fdfef7ee7f43c8b.webp 900w, https://assets.fabulous.ch/public/variant_asset/4103/file/large-8b60d6d05f624f9a2fbf83650b852353.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4103/file/medium-71e2cede5b6c5c811fdfef7ee7f43c8b.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">LaSelva</p>
          <a href="/en/products/pesto-rosso-organic-130-g-7167">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pesto Rosso Organic, 130 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;7167&quot;],&quot;content_name&quot;:&quot;Pesto Rosso Organic, 130 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;7167&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jkUM40F8eEHPdWLLMGP8dtzmUpeN-clV-oGpSmgziHNohH50b7CbFTcr6L6G7-z08QOJvOIu1729krybmdsnRQ" />
    <input value="7167" 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%3D10">
    <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/soja-sauce-shoyu-mild-organic-1-l-15170">
          <img alt="Soja Sauce Shoyu mild Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6949/file/small-5bc43bb4f877cfd0d2e2ac4b0bb989f1.webp 600w, https://assets.fabulous.ch/public/variant_asset/6949/file/medium-868e9ce5b92f56f995586887ca210732.webp 900w, https://assets.fabulous.ch/public/variant_asset/6949/file/large-54e1478697e9c06551401f23bbd8ae54.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6949/file/medium-868e9ce5b92f56f995586887ca210732.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">Lima</p>
          <a href="/en/products/soja-sauce-shoyu-mild-organic-1-l-15170">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soja Sauce Shoyu mild Organic, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15170&quot;],&quot;content_name&quot;:&quot;Soja Sauce Shoyu mild Organic, 1 l&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15170&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:16.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Q5obsMN_L-RvHlM6NaN17ON6Ne0R-cXTXPhcSwIN46ulW2kn7bPMsJdA2U-DL2Vuzp_uxn4u2zsb60ma8-VMnQ" />
    <input value="15170" 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%3D10">
    <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/date-dark-chocolate-almond-bar-68-organic-85-g-15630">
          <img alt="Date Dark Chocolate Almond Bar 68% Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7137/file/small-e11050e40fa054ca154bd4655aa01f0f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7137/file/medium-23137ae4c3db8813828d159b3a923414.webp 900w, https://assets.fabulous.ch/public/variant_asset/7137/file/large-95aec34617520109b06e474ef96661fc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7137/file/medium-23137ae4c3db8813828d159b3a923414.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">MAKRi</p>
          <a href="/en/products/date-dark-chocolate-almond-bar-68-organic-85-g-15630">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Date Dark Chocolate Almond Bar 68% Organic, 85 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15630&quot;],&quot;content_name&quot;:&quot;Date Dark Chocolate Almond Bar 68% Organic, 85 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15630&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QRS2zmDiZ0THCd_T3XxFcmB_qzmOJLCyVMohnIg_C32n1cRZTi6EED9XVaZr8FXwTZpwEuHzrloT2TRNedekSw" />
    <input value="15630" 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%3D10">
    <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/no-fish-sauce-gluten-free-organic-155-ml-3956">
          <img alt="No Fish-Sauce Gluten Free Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2507/file/small-f3ae3359d49d6774d6a63331eac46c40.webp 600w, https://assets.fabulous.ch/public/variant_asset/2507/file/medium-d4e4d0b3780f0c49d796cff245d00455.webp 900w, https://assets.fabulous.ch/public/variant_asset/2507/file/large-8286b57a94729452c7e439b7aa13f466.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2507/file/medium-d4e4d0b3780f0c49d796cff245d00455.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/no-fish-sauce-gluten-free-organic-155-ml-3956">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">No Fish-Sauce Gluten Free Organic, 155 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 4.26 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;3956&quot;],&quot;content_name&quot;:&quot;No Fish-Sauce Gluten Free Organic, 155 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;3956&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IBRU6nRjMDAhJ66SmU5cecGYaxYeZkrIG9AQ5WAKhOHG1SZ9Wq_TZNl5JOcvwkz77H2wPXGxVCBcwwU0keIr1w" />
    <input value="3956" 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%3D10">
    <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/olives-mediteran-with-herbs-raw-food-quality-organic-200-g-4264">
          <img alt="Olives Mediteran with Herbs Raw Food Quality Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2669/file/small-5b5ea73d4d8401b32bf8f8b161ed6d9f.webp 600w, https://assets.fabulous.ch/public/variant_asset/2669/file/medium-15b5d1d50e815fa70859531f1e272ff8.webp 900w, https://assets.fabulous.ch/public/variant_asset/2669/file/large-446757c0650e86c460aae0076d9586de.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2669/file/medium-15b5d1d50e815fa70859531f1e272ff8.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">Vita Verde</p>
          <a href="/en/products/olives-mediteran-with-herbs-raw-food-quality-organic-200-g-4264">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Olives Mediteran with Herbs Raw Food Quality Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;4264&quot;],&quot;content_name&quot;:&quot;Olives Mediteran with Herbs Raw Food Quality Organic, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;4264&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ULZ_75dcEnYhkvawsRjgouuKhFbAJhE8dgtqgyhDPdW2dw14uZDxItnMfMUHlPAgxm9ffa_xD9QxGH9S2auS4w" />
    <input value="4264" 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%3D10">
    <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/copy-of-lentils-red-organic-500-g-18083">
          <img alt="Protein Lentil Mix Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9044/file/small-66ea7c45627e0b6f5ac7a553111afd02.webp 600w, https://assets.fabulous.ch/public/variant_asset/9044/file/medium-320dd878c192a5b649e85e5ca498f35a.webp 900w, https://assets.fabulous.ch/public/variant_asset/9044/file/large-0b3033875792553fe2f867a18ad291b3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9044/file/medium-320dd878c192a5b649e85e5ca498f35a.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">Davert</p>
          <a href="/en/products/copy-of-lentils-red-organic-500-g-18083">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Protein Lentil Mix Organic, 500 g</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 0.92 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18083&quot;],&quot;content_name&quot;:&quot;Protein Lentil Mix Organic, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18083&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="2QzyrPAw9D8Jt6Oy_ZByXRtIQXNEuRukdIsOmLISz30_zYA73vwXa_HpKcdLHGLfNq2aWCtuBUwzmBtJQ_pgSw" />
    <input value="18083" 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%3D10">
    <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/cookie-spice-organic-32-g-16499">
          <img alt="Cookie Spice Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7597/file/small-72fae374351bced70fcd36339a344c90.webp 600w, https://assets.fabulous.ch/public/variant_asset/7597/file/medium-6a5dadcddeb30ddc292d1e513ac218f6.webp 900w, https://assets.fabulous.ch/public/variant_asset/7597/file/large-eac1bb1fbe9c9a62661da62d301be1cc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7597/file/medium-6a5dadcddeb30ddc292d1e513ac218f6.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">Brecht</p>
          <a href="/en/products/cookie-spice-organic-32-g-16499">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cookie Spice Organic, 32 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16499&quot;],&quot;content_name&quot;:&quot;Cookie Spice Organic, 32 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16499&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VtpeoX9VyNbtUK164YXoCCTQAuy_7xU7TTMyVs7_EUOwGyw2UZkrghUOJw9XCfiKCTXZx9A4C9MKICeHPxe-dQ" />
    <input value="16499" 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%3D10">
    <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/flour-teff-organic-450-g-11418">
          <img alt="Flour Teff Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5840/file/small-bb99f3fce19c75aa36823ae799f672b9.webp 600w, https://assets.fabulous.ch/public/variant_asset/5840/file/medium-26541538051e438b547cb204d9f6b418.webp 900w, https://assets.fabulous.ch/public/variant_asset/5840/file/large-7100bef5f8c6bfecc84ad820ca996849.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5840/file/medium-26541538051e438b547cb204d9f6b418.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">Govinda</p>
          <a href="/en/products/flour-teff-organic-450-g-11418">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Flour Teff Organic, 450 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;11418&quot;],&quot;content_name&quot;:&quot;Flour Teff Organic, 450 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;11418&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fPxHpWe7gdbR4Z1l_BVC4SnlGHNB6ASWI8prJaC5TsuaPTUySXdigim_FxBKmVJjBADDWC4_Gn5k2X70UVHh_Q" />
    <input value="11418" 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%3D10">
    <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/mediterranean-spread-organic-180-g-15075">
          <img alt="Mediterranean Spread Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6907/file/small-35b8b4f3b2561b013880ff47447aed48.webp 600w, https://assets.fabulous.ch/public/variant_asset/6907/file/medium-f06b0ea41cc8a8dbd70113ce544cfee2.webp 900w, https://assets.fabulous.ch/public/variant_asset/6907/file/large-ce05170d7da3832ae96a925c8c39ded9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6907/file/medium-f06b0ea41cc8a8dbd70113ce544cfee2.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">Zwergenwiese</p>
          <a href="/en/products/mediterranean-spread-organic-180-g-15075">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mediterranean Spread Organic, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15075&quot;],&quot;content_name&quot;:&quot;Mediterranean Spread Organic, 180 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15075&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="adzQXMOzMBNqQT6Vf3E3HldS2Jy3v3c0eOcLETwoQsiPHaLL7X_TR5IftODJ_SecercDt9hoadw_9B7AzcDt_g" />
    <input value="15075" 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%3D10">
    <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/spread-dip-grilled-peppers-cashew-organic-135-g-10940">
          <img alt="Spread / Dip Grilled peppers cashew Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5657/file/small-a631a504eb3de33c5f4390508f9105a0.webp 600w, https://assets.fabulous.ch/public/variant_asset/5657/file/medium-ac2f1b7ce6b07ff5372e551ea42f4104.webp 900w, https://assets.fabulous.ch/public/variant_asset/5657/file/large-00d270e09017f4911fe0adc9f2597677.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5657/file/medium-ac2f1b7ce6b07ff5372e551ea42f4104.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">Nabio</p>
          <a href="/en/products/spread-dip-grilled-peppers-cashew-organic-135-g-10940">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Spread / Dip Grilled peppers cashew Organic, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;10940&quot;],&quot;content_name&quot;:&quot;Spread / Dip Grilled peppers cashew Organic, 135 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;10940&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WAL9lhYZ53mwKc7diyn6G3M6wV39XnocvW_wDn8Iw8y-w48BONUELUh3RKg9peqZXt8adpKJZPT6fOXfjuBs-g" />
    <input value="10940" 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%3D10">
    <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/ichoc-white-vanilla-rice-choc-organic-80-g-7b8007ee-823d-4de9-8477-5093109043bd-10253">
          <img alt="iChoc White Vanilla - Rice Choc Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5540/file/small-1bcdfc936d4c8869131c13909479d715.webp 600w, https://assets.fabulous.ch/public/variant_asset/5540/file/medium-da2cde762e4715c2a9c5a5224013639b.webp 900w, https://assets.fabulous.ch/public/variant_asset/5540/file/large-d85a5ed1cb9f4e4b3ae93f041e7527d7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5540/file/medium-da2cde762e4715c2a9c5a5224013639b.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">Vivani / Ichoc</p>
          <a href="/en/products/ichoc-white-vanilla-rice-choc-organic-80-g-7b8007ee-823d-4de9-8477-5093109043bd-10253">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">iChoc White Vanilla - Rice Choc Organic, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;10253&quot;],&quot;content_name&quot;:&quot;iChoc White Vanilla - Rice Choc Organic, 80 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;10253&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IqVv0bB1B_fZjDU_p5G8X2_e8wyo-L33UZ-8v4j-KxTEZB1GnrnkoyHSv0oRHazdQjsoJ8cvox8WjKlueRaEIg" />
    <input value="10253" 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%3D10">
    <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/lifebar-energy-bar-oat-snack-lemon-organic-40-g-11841">
          <img alt="Lifebar Energy Bar Oat Snack Lemon Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6041/file/small-086e08ae4718cb0a22f7eb6cef76facb.webp 600w, https://assets.fabulous.ch/public/variant_asset/6041/file/medium-4608922216c2b12c9f98c02ba4643feb.webp 900w, https://assets.fabulous.ch/public/variant_asset/6041/file/large-356602ec9447d683575780b3826356b1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6041/file/medium-4608922216c2b12c9f98c02ba4643feb.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">Lifefood</p>
          <a href="/en/products/lifebar-energy-bar-oat-snack-lemon-organic-40-g-11841">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lifebar Energy Bar Oat Snack Lemon Organic, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;11841&quot;],&quot;content_name&quot;:&quot;Lifebar Energy Bar Oat Snack Lemon Organic, 40 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;11841&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eti9eje7o_w6Gni-gsND40qFOCZLTc8uTm6FxBJnYjucGc_tGXdAqMJE8ss0T1NhZ2DjDSSa0cYJfZAV44_NDQ" />
    <input value="11841" 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%3D10">
    <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/cinnamon-sugar-organic-140-g-16495">
          <img alt="Cinnamon &amp; Sugar Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7590/file/small-b540997a303585d770f87d5b190e68e1.webp 600w, https://assets.fabulous.ch/public/variant_asset/7590/file/medium-c620dd1e5cf28bb15ef34779a4b29ae7.webp 900w, https://assets.fabulous.ch/public/variant_asset/7590/file/large-a78a3985b211ea118b41f40e607ef55f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7590/file/medium-c620dd1e5cf28bb15ef34779a4b29ae7.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">Brecht</p>
          <a href="/en/products/cinnamon-sugar-organic-140-g-16495">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cinnamon &amp; Sugar Organic, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16495&quot;],&quot;content_name&quot;:&quot;Cinnamon \u0026 Sugar Organic, 140 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16495&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cKs00gMrt2dlglcm20jMmA7rkjKoJI4kev9PRyr51AOWakZFLedUM53c3VNtxNwaIw5JGcfzkMw97FqW2xF7NQ" />
    <input value="16495" 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%3D10">
    <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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    20 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/hydro-sheet-mask-1-piece-1-piece-9695">
          <img alt="Hydro Sheet Mask, 1 piece" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5410/file/small-ab0e21b4ef640255d3cea8b3d0442cf5.webp 600w, https://assets.fabulous.ch/public/variant_asset/5410/file/medium-8db75c55434f1528ba31ebbd8afd805e.webp 900w, https://assets.fabulous.ch/public/variant_asset/5410/file/large-f4d56ad04a62d3abfb3ddf7553e708e4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5410/file/medium-8db75c55434f1528ba31ebbd8afd805e.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/hydro-sheet-mask-1-piece-1-piece-9695">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hydro Sheet Mask, 1 piece, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 6.15</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 4.90</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;9695&quot;],&quot;content_name&quot;:&quot;Hydro Sheet Mask, 1 piece, 1 piece&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;9695&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vi709uYVm07ntPneA6aVq7RalDth1syS4nYAwCSAs5lY74ZhyNl4Gh_qc6u1KoUpmb9PEA4B0nqlZRUR1Wgcrw" />
    <input value="9695" 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%3D10">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Tip
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/champs-peanut-caramel-bar-organic-45-g-14661">
          <img alt="Champs Peanut Caramel Bar Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6778/file/small-6ac6311554a849f3229ece93533a4a05.webp 600w, https://assets.fabulous.ch/public/variant_asset/6778/file/medium-da9442a03e3ae69cc074998fe0c5871e.webp 900w, https://assets.fabulous.ch/public/variant_asset/6778/file/large-aa59a8b51bec5cf4060f1ded9ebd0004.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6778/file/medium-da9442a03e3ae69cc074998fe0c5871e.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">Champs</p>
          <a href="/en/products/champs-peanut-caramel-bar-organic-45-g-14661">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Champs Peanut Caramel Bar Organic, 45 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;14661&quot;],&quot;content_name&quot;:&quot;Champs Peanut Caramel Bar Organic, 45 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;14661&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="J6Yj6kZE9OCz_C_rVNLseGpOZcwkWmxU_SlR_Wt9xwXBZ1F9aIgXtEuipZ7iXvz6R6u-50uNcry6OkQsmpVoMw" />
    <input value="14661" 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%3D10">
    <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/soja-sauce-tamari-25-less-salt-organic-500-ml-1015">
          <img alt="Soja Sauce Tamari 25% Less Salt Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/890/file/small-1bc3a06298169d0f43ffd8013e488d79.webp 600w, https://assets.fabulous.ch/public/variant_asset/890/file/medium-24d83cf39b1224b98b3d1343a8b7c5ca.webp 900w, https://assets.fabulous.ch/public/variant_asset/890/file/large-6edd9329eb8a70ecaf3b09a5684a6b0a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/890/file/medium-24d83cf39b1224b98b3d1343a8b7c5ca.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">Lima</p>
          <a href="/en/products/soja-sauce-tamari-25-less-salt-organic-500-ml-1015">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soja Sauce Tamari 25% Less Salt Organic, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;1015&quot;],&quot;content_name&quot;:&quot;Soja Sauce Tamari 25% Less Salt Organic, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;1015&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:16.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2NrZatTuoi-TxnYDSEf_9BtWopAQd1jAcn_M6vIffdw-G6v9-iJBe2uY_Hb-y-92NrN5u3-gRig1bNk7A_fS6g" />
    <input value="1015" 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%3D10">
    <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/oat-drink-low-fat-organic-1-l-15165">
          <img alt="Oat Drink low fat Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6943/file/small-17b6feed4f14f8ef519867dded4710d9.webp 600w, https://assets.fabulous.ch/public/variant_asset/6943/file/medium-b64e87d8f644830d5e200bd85075f88a.webp 900w, https://assets.fabulous.ch/public/variant_asset/6943/file/large-db8943d4fb00fc3100da411e8a64d518.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6943/file/medium-b64e87d8f644830d5e200bd85075f88a.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">Allos</p>
          <a href="/en/products/oat-drink-low-fat-organic-1-l-15165">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Oat Drink low fat Organic, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15165&quot;],&quot;content_name&quot;:&quot;Oat Drink low fat Organic, 1 l&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15165&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fMKX_RePkvk03Mse5aYEymlEKKuGR8duJ-C4B6vmMsCaA-VqOUNxrcyCQWtTKhRIRKHzgOmQ2YZg863WWg6d9g" />
    <input value="15165" 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%3D10">
    <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/pralines-vegolino-fine-nougat-gluten-free-organic-180-g-1944">
          <img alt="Pralinés Vegolino Fine Nougat Gluten Free Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1553/file/small-ee73f273a9a4b0e222fc0a8ccc144b23.webp 600w, https://assets.fabulous.ch/public/variant_asset/1553/file/medium-c3780f1e49743043f761bd41c0cda83d.webp 900w, https://assets.fabulous.ch/public/variant_asset/1553/file/large-b6a340af54505b532b236f7dc4a4327d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1553/file/medium-c3780f1e49743043f761bd41c0cda83d.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">Vego Chocolate</p>
          <a href="/en/products/pralines-vegolino-fine-nougat-gluten-free-organic-180-g-1944">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pralinés Vegolino Fine Nougat Gluten Free Organic, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;1944&quot;],&quot;content_name&quot;:&quot;Pralinés Vegolino Fine Nougat Gluten Free Organic, 180 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;1944&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1JI8Rk850rPsLj9hwIjsJvRziYRX-ot0MqSfKC2B3CgyU07RYfUx5xRwtRR2BPyk2ZZSrzgtlZx1t4r53GlzHg" />
    <input value="1944" 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%3D10">
    <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/500-g-7f3c7ed1-8a1b-4bd2-b08a-ccac3e4ccadc-18297">
          <img alt="The Classic Hildegard&#39;s Spelt Muesli Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10184/file/small-3c7ec0f836899ca97f03afb4b43dc15a.webp 600w, https://assets.fabulous.ch/public/variant_asset/10184/file/medium-2818def76656a09fad5569c44c9bae5b.webp 900w, https://assets.fabulous.ch/public/variant_asset/10184/file/large-3f41580c6e18102b85247bcd1bea0819.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10184/file/medium-2818def76656a09fad5569c44c9bae5b.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">Allos</p>
          <a href="/en/products/500-g-7f3c7ed1-8a1b-4bd2-b08a-ccac3e4ccadc-18297">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">The Classic Hildegard&#39;s Spelt Muesli Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18297&quot;],&quot;content_name&quot;:&quot;The Classic Hildegard&#39;s Spelt Muesli Organic, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18297&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zbjIPRBJV7UP66FZFX4oMBAp8usCpgr8GK9qSsO29l4rebqqPoW04fe1Kyyj8jiyPcwpwG1xFBRfvH-bMl5ZaA" />
    <input value="18297" 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%3D10">
    <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/chocolate-cornflakes-dark-gluten-free-organic-250-g-11168">
          <img alt="Chocolate Cornflakes Dark gluten-free Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5718/file/small-508f86ed35bc5dbb5d728b981124be7d.webp 600w, https://assets.fabulous.ch/public/variant_asset/5718/file/medium-15a9e79a9c999d314395427dfadd371d.webp 900w, https://assets.fabulous.ch/public/variant_asset/5718/file/large-e243509ae2f54c826aaf8f828cdf23b7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5718/file/medium-15a9e79a9c999d314395427dfadd371d.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">turtle Better Breakfast</p>
          <a href="/en/products/chocolate-cornflakes-dark-gluten-free-organic-250-g-11168">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chocolate Cornflakes Dark gluten-free Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;11168&quot;],&quot;content_name&quot;:&quot;Chocolate Cornflakes Dark gluten-free Organic, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;11168&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:11.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CWc5j355C5Gplk4JggVAoJ6R27ChzQJ_waBv5_qTCJfvpksYULXoxVHIxHw0iVAis3QAm84aHJeGs3o2C3unoQ" />
    <input value="11168" 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">
      200 of 4&#39;102 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/waterlovers?format=turbo_stream&amp;page=11">Show more</a>
  </div>
</div>

</template></turbo-stream>