<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%3D23">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    New
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/mummy-meegz-vegan-chocolate-advent-calendar-72-g-22620">
          <img alt="Mummy Meegz Vegan Chocolate Advent Calendar" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/12042/file/small-b68c655bfba99e8b0de4ee26596f97dc.webp 600w, https://assets.fabulous.ch/public/variant_asset/12042/file/medium-27ae66f83e4c8e85d2e04871b410bb53.webp 900w, https://assets.fabulous.ch/public/variant_asset/12042/file/large-4f7c16e547d67132037d6a5b9913b29e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/12042/file/medium-27ae66f83e4c8e85d2e04871b410bb53.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">Mummy Meagz</p>
          <a href="/en/products/mummy-meegz-vegan-chocolate-advent-calendar-72-g-22620">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mummy Meegz Vegan Chocolate Advent Calendar, 72 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22620&quot;],&quot;content_name&quot;:&quot;Mummy Meegz Vegan Chocolate Advent Calendar, 72 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22620&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dQmMLRPCwEQbviitjVzjrfcPcsv3c9cca5Yls2Hyy4PfddgibW5uBiNqKClbe2_vV0U68j4xyjhhwQ9pKbG9QA" />
    <input value="22620" 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%3D23">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    New
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/oat-m-lk-chocolate-advent-calendar-120-g-16922">
          <img alt="Otherly Vegan Oat Milk Chocolate Advent Calendar" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/12039/file/small-ed77decd9a7ae1168b6d273ec7ad95bd.webp 600w, https://assets.fabulous.ch/public/variant_asset/12039/file/medium-b0326cb0a4f76a347984ece02cc1a1e4.webp 900w, https://assets.fabulous.ch/public/variant_asset/12039/file/large-a7217f08974b70c9d9d42f0ca40a03c4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/12039/file/medium-b0326cb0a4f76a347984ece02cc1a1e4.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">OTHERLY</p>
          <a href="/en/products/oat-m-lk-chocolate-advent-calendar-120-g-16922">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Otherly Vegan Oat Milk Chocolate Advent Calendar, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16922&quot;],&quot;content_name&quot;:&quot;Otherly Vegan Oat Milk Chocolate Advent Calendar, 120 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16922&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:19.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zY5aAF18DjeKrcXQ3gaUlxFbpC2iwjGuR8mF9FVwjUVn8g4PI9CgdbJ5xVQIIRjVsRHsFGuALIpNnq8uHTP7hg" />
    <input value="16922" 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%3D23">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    New
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/h-p-vegan-oat-milk-chocolate-advent-calendar-120-g-22619">
          <img alt="H!P Vegan Oat Milk Chocolate Advent Calendar" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/12038/file/small-cec5bdc27db292e184475d520624aff4.webp 600w, https://assets.fabulous.ch/public/variant_asset/12038/file/medium-0c59d511ff23c4422c78a74ca5ab28ac.webp 900w, https://assets.fabulous.ch/public/variant_asset/12038/file/large-97a7d5ad66b838928f59fcf35ace0474.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/12038/file/medium-0c59d511ff23c4422c78a74ca5ab28ac.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">H!P Chocolate</p>
          <a href="/en/products/h-p-vegan-oat-milk-chocolate-advent-calendar-120-g-22619">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">H!P Vegan Oat Milk Chocolate Advent Calendar, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22619&quot;],&quot;content_name&quot;:&quot;H!P Vegan Oat Milk Chocolate Advent Calendar, 120 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22619&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:19.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="O7UYHZIea5OEYfSHqH1nq0x-A2qblkjp-HshGv12SZmRyUwS7LLF0by19AN-Wuvp7DRLU1LUVc3yLAvAtTU_Wg" />
    <input value="22619" 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%3D23">
    <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/vitamin-b12-methylcobalamin-vegan-500-g-spray-25-ml-4665">
          <img alt="Vitamin B12 Methylcobalamin Vegan 500µg Spray" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2850/file/small-bfa98abc8cb3d997043f757c67e4ea00.webp 600w, https://assets.fabulous.ch/public/variant_asset/2850/file/medium-2afb5a66818a222d0f44e09025d10e2a.webp 900w, https://assets.fabulous.ch/public/variant_asset/2850/file/large-086f0aac2a6f45d2fa30c3d948e6db94.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2850/file/medium-2afb5a66818a222d0f44e09025d10e2a.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">energybalance</p>
          <a href="/en/products/vitamin-b12-methylcobalamin-vegan-500-g-spray-25-ml-4665">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vitamin B12 Methylcobalamin Vegan 500µg Spray, 25 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;4665&quot;],&quot;content_name&quot;:&quot;Vitamin B12 Methylcobalamin Vegan 500µg Spray, 25 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;4665&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:18.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IWqjKRCnv7euF4xlbQvUOMFNNTCte1xwXp3JjB9KcqaLFvcmbgsR9ZbDjOG7LFh6YQd9CWQ5QVRUyuNWVwkEZQ" />
    <input value="4665" 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%3D23">
    <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/vitamin-d3-k2-c-oral-spray-25-ml-9489">
          <img alt="Vitamin D3 K2 &amp; C Oral Spray" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5346/file/small-23bd3726affdcdaae351c15d4434d212.webp 600w, https://assets.fabulous.ch/public/variant_asset/5346/file/medium-19b709750cfae2541209c5080a401ed1.webp 900w, https://assets.fabulous.ch/public/variant_asset/5346/file/large-44166f139b49b045f03f98162999db7d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5346/file/medium-19b709750cfae2541209c5080a401ed1.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">energybalance</p>
          <a href="/en/products/vitamin-d3-k2-c-oral-spray-25-ml-9489">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vitamin D3 K2 &amp; C Oral Spray, 25 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;9489&quot;],&quot;content_name&quot;:&quot;Vitamin D3 K2 \u0026 C Oral Spray, 25 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;9489&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:18.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RBgZOtccKmFLfPB__ss5KGqVFhLfckI36ogQVr4at1TuZE01qbCEI3Oo8Pso7LVqyt9eKxYwXxPg3zqM9lnBlw" />
    <input value="9489" 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%3D23">
    <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/ovega3-kids-dha-epa-drops-50-ml-15725">
          <img alt="Ovega3 Kids DHA + EPA Drops" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7159/file/small-683ce4e11d30d83180813979658b04bf.webp 600w, https://assets.fabulous.ch/public/variant_asset/7159/file/medium-8dc0ca2ad966f86d3833d95a7a590e79.webp 900w, https://assets.fabulous.ch/public/variant_asset/7159/file/large-232685e5e99fef13d2cf35b5c74cb03f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7159/file/medium-8dc0ca2ad966f86d3833d95a7a590e79.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">energybalance</p>
          <a href="/en/products/ovega3-kids-dha-epa-drops-50-ml-15725">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ovega3 Kids DHA + EPA Drops, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15725&quot;],&quot;content_name&quot;:&quot;Ovega3 Kids DHA + EPA Drops, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15725&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:24.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LfccKz7ZXXxzmIH0BfYd9j9VYjoj1B-OmTWBzHhnLLGHi0gkQHXzPktMgXDT0ZG0nx8qA-qWAqqTYqsWMCRacg" />
    <input value="15725" 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%3D23">
    <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/ovega3-vitamine-algae-oil-dha-epa-250mg-b12-d3-k2-kapseln-60-piece-6444">
          <img alt="Ovega3® Vitamine, algae oil DHA &amp; EPA 250mg + B12, D3, K2" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11655/file/small-4554270857757e72eac8771f76809f93.webp 600w, https://assets.fabulous.ch/public/variant_asset/11655/file/medium-306bbcefc04d72864054ef1492606b37.webp 900w, https://assets.fabulous.ch/public/variant_asset/11655/file/large-00133c2a35cec1c56855feecdc3e0340.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11655/file/medium-306bbcefc04d72864054ef1492606b37.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">energybalance</p>
          <a href="/en/products/ovega3-vitamine-algae-oil-dha-epa-250mg-b12-d3-k2-kapseln-60-piece-6444">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ovega3® Vitamine, algae oil DHA &amp; EPA 250mg + B12, D3, K2, 60 capsules</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 28.30
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;6444&quot;],&quot;content_name&quot;:&quot;Ovega3® Vitamine, algae oil DHA \u0026 EPA 250mg + B12, D3, K2, 60 capsules&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;6444&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:28.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ttbkafvfJMEXZJKctTGa_X-0GCEsdQiJwx4O0DXhFQMcqrBmhXOKgy-wkhhjFha_3_5QGOU3Fa3JSSQKfaJjwA" />
    <input value="6444" 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%3D23">
    <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/jackfruit-smoky-tomato-200-g-22617">
          <img alt="Jackfruit Smoky Tomato" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/12034/file/small-2ed24ad8a1246205d2356709b31b0ea7.webp 600w, https://assets.fabulous.ch/public/variant_asset/12034/file/medium-a769d13edf77a723ad4d0a7a1f682ab1.webp 900w, https://assets.fabulous.ch/public/variant_asset/12034/file/large-4b58767958de4558d7498caf9d141595.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/12034/file/medium-a769d13edf77a723ad4d0a7a1f682ab1.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">Vegetarian Quality</p>
          <a href="/en/products/jackfruit-smoky-tomato-200-g-22617">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Jackfruit Smoky Tomato, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

              <div class="size-8 text-blue-300" title="Refrigeration required">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.75 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22617&quot;],&quot;content_name&quot;:&quot;Jackfruit Smoky Tomato, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22617&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nIooETEI4rI5W0ZUoiAgTj3sobM1YA5ayQ46DZ0X4D029nweT6RM8AGPRtB0B6wMnabpivwiE37DWRDX1VSW_g" />
    <input value="22617" 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%3D23">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    New
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/vegan-alternative-to-white-chocolate-70-g-9966">
          <img alt="Moo Free Vegan White Chocolate Advent Calendar" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/12032/file/small-657545c310f905545a80b444a7008d2f.webp 600w, https://assets.fabulous.ch/public/variant_asset/12032/file/medium-9bdb19fee105e0ce1d0f43e9cab1ec37.webp 900w, https://assets.fabulous.ch/public/variant_asset/12032/file/large-0c7d980e29abe7222211a9fbabf298ca.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/12032/file/medium-9bdb19fee105e0ce1d0f43e9cab1ec37.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">Moo Free Chocolates</p>
          <a href="/en/products/vegan-alternative-to-white-chocolate-70-g-9966">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Moo Free Vegan White Chocolate Advent Calendar, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;9966&quot;],&quot;content_name&quot;:&quot;Moo Free Vegan White Chocolate Advent Calendar, 70 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;9966&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nrtOGLh86sWhTVbzWT7joXmMlOa2Smrza6lvT7zy2OI0xxoXxtBEh5mZVnePGW_j2cbc338Id9dh_kWV9LGuIQ" />
    <input value="9966" 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%3D23">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    New
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/artisan-lokum-rose-with-blackberry-99-g-16926">
          <img alt="Marsel Delights Vegan Rose &amp; Blackberry Turkish Delight" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/12029/file/small-97e764e021c31c3dd4038d1e68f5fbd9.webp 600w, https://assets.fabulous.ch/public/variant_asset/12029/file/medium-2f9710e9c2dc94a69adb228611f77c2f.webp 900w, https://assets.fabulous.ch/public/variant_asset/12029/file/large-7a3b7289912e6f08a24a52a87a94883d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/12029/file/medium-2f9710e9c2dc94a69adb228611f77c2f.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">Marsel Delights</p>
          <a href="/en/products/artisan-lokum-rose-with-blackberry-99-g-16926">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Marsel Delights Vegan Rose &amp; Blackberry Turkish Delight, 99 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16926&quot;],&quot;content_name&quot;:&quot;Marsel Delights Vegan Rose \u0026 Blackberry Turkish Delight, 99 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16926&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yYjETKGN1-ZzQ3mgQGMZAmBgBWkz9kbyxHSlONNDP9Nj9JBD3yF5pEuXeSSWRJVAwCpNUPq0W9bOI4_imwBJEA" />
    <input value="16926" 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%3D23">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    New
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/artisan-lokum-hazelnut-with-caramel-99-g-16928">
          <img alt="Marsel Delights Vegan Hazelnut &amp; Caramel Turkish Delight" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/12028/file/small-116cb9bff0c71eef49072f991aa6651f.webp 600w, https://assets.fabulous.ch/public/variant_asset/12028/file/medium-6c62655e343e3dd3e4fcb2f92b91e024.webp 900w, https://assets.fabulous.ch/public/variant_asset/12028/file/large-3c27591cd6bf31567af9259503f3d69c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/12028/file/medium-6c62655e343e3dd3e4fcb2f92b91e024.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">Marsel Delights</p>
          <a href="/en/products/artisan-lokum-hazelnut-with-caramel-99-g-16928">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Marsel Delights Vegan Hazelnut &amp; Caramel Turkish Delight, 99 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16928&quot;],&quot;content_name&quot;:&quot;Marsel Delights Vegan Hazelnut \u0026 Caramel Turkish Delight, 99 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16928&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="E2tIGKlG2pYRYUjFiZyGZrf4vhynKHYzPkZfXdshgBO5FxwX1-p01Cm1SEFfuwokF7L2JW5qaxc0EXWHk2L20A" />
    <input value="16928" 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%3D23">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    New
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/artisan-lokum-pistachio-99-g-16927">
          <img alt="Marsel Delights Vegan Pistachio Turkish Delight" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/12030/file/small-cc473cc9f36620d4b5462a3e658fe599.webp 600w, https://assets.fabulous.ch/public/variant_asset/12030/file/medium-498c2363116d75051a932f843231d77c.webp 900w, https://assets.fabulous.ch/public/variant_asset/12030/file/large-632c2fb3d72fc0dce18e4ac2aad40edd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/12030/file/medium-498c2363116d75051a932f843231d77c.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">Marsel Delights</p>
          <a href="/en/products/artisan-lokum-pistachio-99-g-16927">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Marsel Delights Vegan Pistachio Turkish Delight, 99 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16927&quot;],&quot;content_name&quot;:&quot;Marsel Delights Vegan Pistachio Turkish Delight, 99 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16927&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vg5-iiQS1FF09A0_HmPLB23rE9enO4aMIwr0oDi4BdsUciqFWr56E0wgDbvIREdFzaFb7m55m6gpXd56cPtzGA" />
    <input value="16927" 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%3D23">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    New
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/artisan-lokum-pomegranate-with-raspberry-sumac-99-g-16924">
          <img alt="Marsel Delights Pomegranate Turkish Delight with Raspberry &amp; Sumac" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/12031/file/small-e379fb5318fdba5bb5299a60b840e24d.webp 600w, https://assets.fabulous.ch/public/variant_asset/12031/file/medium-e240670a5968e913c62cd94ad79c8925.webp 900w, https://assets.fabulous.ch/public/variant_asset/12031/file/large-453bbcde808da518d99826a89263da29.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/12031/file/medium-e240670a5968e913c62cd94ad79c8925.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">Marsel Delights</p>
          <a href="/en/products/artisan-lokum-pomegranate-with-raspberry-sumac-99-g-16924">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Marsel Delights Pomegranate Turkish Delight with Raspberry &amp; Sumac, 99 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16924&quot;],&quot;content_name&quot;:&quot;Marsel Delights Pomegranate Turkish Delight with Raspberry \u0026 Sumac, 99 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16924&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IrvXfE-F2s4_30A7kvRKR-8EyWK1RfOxNtd0DxgRSQuIx4NzMSl0jAcLQL9E08YFT06BW3wH7pU8gF7VUFI_yA" />
    <input value="16924" 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%3D23">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    New
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/vergani-classic-vegan-panettone-750-g-22615">
          <img alt="Vergani Classic Vegan Panettone" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/12021/file/small-9e109db8953dc76e06f3bbb7911aa7f3.webp 600w, https://assets.fabulous.ch/public/variant_asset/12021/file/medium-94377862c6d0a05a98116008a8d9c2ce.webp 900w, https://assets.fabulous.ch/public/variant_asset/12021/file/large-2bb84eccba619a538516fe07f398b805.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/12021/file/medium-94377862c6d0a05a98116008a8d9c2ce.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">Vergani</p>
          <a href="/en/products/vergani-classic-vegan-panettone-750-g-22615">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vergani Classic Vegan Panettone, 750 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22615&quot;],&quot;content_name&quot;:&quot;Vergani Classic Vegan Panettone, 750 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22615&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:24.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WD4Lnj5m4Ld0U2hG6FR47Xi2lK3o1Hvp8Uc3t3LFtsfyQl-RQMpO9UyHaMI-c_Sv2PzclCGWZs37EB1tOobABA" />
    <input value="22615" 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%3D23">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    New
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/vergani-vegan-chocolate-panettone-750-g-22614">
          <img alt="Vergani Vegan Chocolate Panettone" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/12020/file/small-b3d22393b95ea6566fcfe8831eba9ce9.webp 600w, https://assets.fabulous.ch/public/variant_asset/12020/file/medium-262176d5d74e4257c47478ff892dcd00.webp 900w, https://assets.fabulous.ch/public/variant_asset/12020/file/large-f5c985eae600c0c50a1264917869305b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/12020/file/medium-262176d5d74e4257c47478ff892dcd00.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">Vergani</p>
          <a href="/en/products/vergani-vegan-chocolate-panettone-750-g-22614">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vergani Vegan Chocolate Panettone, 750 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22614&quot;],&quot;content_name&quot;:&quot;Vergani Vegan Chocolate Panettone, 750 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22614&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:24.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HDFqqNW1UaJjnhYphzbAoUbvKfwEacRwkTzBIKKCuvm2TT6nqxn_4FtKFq1REUzj5qVhxc0r2VSba-v66sHMOg" />
    <input value="22614" 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%3D23">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    New
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/monty-bojangles-vegan-chocolate-truffles-gift-box-130-g-22613">
          <img alt="Monty Bojangles Vegan Chocolate Truffles Gift Box" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/12019/file/small-5ea40e0898230cde6231f7012b6e4ef3.webp 600w, https://assets.fabulous.ch/public/variant_asset/12019/file/medium-dd65e61576ef6f2dc2d07848c0768fa0.webp 900w, https://assets.fabulous.ch/public/variant_asset/12019/file/large-d301e07d3ffa4397151b30c310fecaf1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/12019/file/medium-dd65e61576ef6f2dc2d07848c0768fa0.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">Monty Bojangles</p>
          <a href="/en/products/monty-bojangles-vegan-chocolate-truffles-gift-box-130-g-22613">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Monty Bojangles Vegan Chocolate Truffles Gift Box, 130 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.25
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22613&quot;],&quot;content_name&quot;:&quot;Monty Bojangles Vegan Chocolate Truffles Gift Box, 130 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22613&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.25,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pDPwttO3N3e0_GI3UJsySx28ltU3dargx0nsC3YJn_IOT6S5rRuZNYwoYrOGvL4Jvfbe7P43t8TNHsbRPkrpMQ" />
    <input value="22613" 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%3D23">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    New
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/vegan-mince-pies-very-merry-christmas-starry-280-g-8294">
          <img alt="Vegan Mince Pies Very Merry Christmas Starry" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4865/file/small-308a7b6c6b379c69a65ed24caad40fda.webp 600w, https://assets.fabulous.ch/public/variant_asset/4865/file/medium-bc860b8951d5bb9b2d86448b7c736559.webp 900w, https://assets.fabulous.ch/public/variant_asset/4865/file/large-e05d3eb6d9b318ad81c00e96da474629.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4865/file/medium-bc860b8951d5bb9b2d86448b7c736559.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">The Foods of Athenry</p>
          <a href="/en/products/vegan-mince-pies-very-merry-christmas-starry-280-g-8294">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vegan Mince Pies Very Merry Christmas Starry, 280 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 3.20 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;8294&quot;],&quot;content_name&quot;:&quot;Vegan Mince Pies Very Merry Christmas Starry, 280 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;8294&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="iilld-m0zpB_wXkV73G13_CmDy0X1HtI66vuP-Ah00UgVTF4lxhg0kcVeZE5VjmdUOxHFN6WZmzh_MTlqGKlhg" />
    <input value="8294" 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%3D23">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    New
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/mince-pies-traditional-vegan-70-g-14469">
          <img alt="Mince Pies Traditional Vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6695/file/small-d16c23a22229f4e83df8591ea629f9b3.webp 600w, https://assets.fabulous.ch/public/variant_asset/6695/file/medium-3d39d2bfe9683b6d721fb544778c0a37.webp 900w, https://assets.fabulous.ch/public/variant_asset/6695/file/large-493846ef2fdf84b5bb041fa605283360.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6695/file/medium-3d39d2bfe9683b6d721fb544778c0a37.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">Lottie Shaw&#39;s</p>
          <a href="/en/products/mince-pies-traditional-vegan-70-g-14469">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mince Pies Traditional Vegan, 70 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 3.57 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;14469&quot;],&quot;content_name&quot;:&quot;Mince Pies Traditional Vegan, 70 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;14469&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="-eRwU8N-EzI_nY0-IbIaQZrDlByj7n8uy7x04bMjFktTmCRcvdK9cAdJjbr3lZYDOoncJWqsYgrB6147-2BgiA" />
    <input value="14469" 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%3D23">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    New
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/midnight-prince-cat-tin-with-vegan-truffles-90-g-16929">
          <img alt="Midnight Prince Cat Tin with Vegan Truffles" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7910/file/small-1afc2f69813702a114ab5ca89b0d6a4b.webp 600w, https://assets.fabulous.ch/public/variant_asset/7910/file/medium-403b58704adc922ea7fafda2bd2f40b9.webp 900w, https://assets.fabulous.ch/public/variant_asset/7910/file/large-3ef93c0f947d39749205eedd078684b6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7910/file/medium-403b58704adc922ea7fafda2bd2f40b9.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">Monty Bojangles</p>
          <a href="/en/products/midnight-prince-cat-tin-with-vegan-truffles-90-g-16929">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Midnight Prince Cat Tin with Vegan Truffles, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16929&quot;],&quot;content_name&quot;:&quot;Midnight Prince Cat Tin with Vegan Truffles, 90 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16929&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:18.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0uzPAH0bQboV0DRgMeTDXcm06ZIjVnAfC51AaVTHDoJ4kJsPA7fv-C0ENOTnw08faf6hq-oUbTsBymqzHIR4QQ" />
    <input value="16929" 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%3D23">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    New
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/catherine-s-originals-chocolate-selection-box-300-g-16856">
          <img alt="Catherine&#39;s Originals Chocolate Selection Box" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/12054/file/small-3bd041d293646783b7acd0dbf9583125.webp 600w, https://assets.fabulous.ch/public/variant_asset/12054/file/medium-a6606cc1481b142519adac9cb619de19.webp 900w, https://assets.fabulous.ch/public/variant_asset/12054/file/large-b266ba834cf6748a396842ab97be388e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/12054/file/medium-a6606cc1481b142519adac9cb619de19.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">Catherine&#39;s Originals</p>
          <a href="/en/products/catherine-s-originals-chocolate-selection-box-300-g-16856">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Catherine&#39;s Originals Chocolate Selection Box, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16856&quot;],&quot;content_name&quot;:&quot;Catherine&#39;s Originals Chocolate Selection Box, 300 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16856&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:18.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CDk_nAbIR_t67Y0YKiTfO4JGwMbbwCDkLbdIB0765IeiRWuTeGTpuUI5jZz8A1N5IgyI_xKCPcAn4GLdBrmSRA" />
    <input value="16856" 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">
      460 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=24">Show more</a>
  </div>
</div>

</template></turbo-stream>