<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%2Ffood%2Fmilk-cream-egg-alternatives%3Fformat%3Dturbo_stream%26page%3D4">
    <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/cuisine-soja-organic-250-ml-137fe859-842f-4630-8972-e2ff903d18ec-16809">
          <img alt="Cuisine Soja Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7826/file/small-d890ae6da7efea3344c3aea12c5562a7.webp 600w, https://assets.fabulous.ch/public/variant_asset/7826/file/medium-d155a8ba2d84df5bc9323bb1a56bab6e.webp 900w, https://assets.fabulous.ch/public/variant_asset/7826/file/large-056e577496f9381bff8cf38cbc314982.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7826/file/medium-d155a8ba2d84df5bc9323bb1a56bab6e.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">Alpro</p>
          <a href="/en/products/cuisine-soja-organic-250-ml-137fe859-842f-4630-8972-e2ff903d18ec-16809">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cuisine Soja Organic, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1EcWL6Ygov0bXBKvVR31EMMlJtQZjE60VsYE7_eIqo1lszeI26ZUbOzcvtKi_2vSrc3rl6cGcccar78Lf002Kw" />
    <input value="16809" 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%2Ffood%2Fmilk-cream-egg-alternatives%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Out
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/mini-moments-raspberry-organic-100-g-16966">
          <img alt="Mini Moments Raspberry Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7925/file/small-8b9da7392700f09a3c4fdb58c7b1bf7d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7925/file/medium-49b69d9065328449d09735ce71141bd3.webp 900w, https://assets.fabulous.ch/public/variant_asset/7925/file/large-062270fee15b8de2d4380db17594d822.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7925/file/medium-49b69d9065328449d09735ce71141bd3.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">Harvest Moon</p>
          <a href="/en/products/mini-moments-raspberry-organic-100-g-16966">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mini Moments Raspberry Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.60
            </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.60 / 100 g
            </p>
        </div>
      </div>

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/en/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Notify me
</a>

      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       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%2Ffood%2Fmilk-cream-egg-alternatives%3Fformat%3Dturbo_stream%26page%3D4">
    <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/new-roots-coffee-vegan-yogurt-organic-140-g-7233">
          <img alt="New Roots COFFEE Vegan Yogurt Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4111/file/small-3bc625eb5491edd27b303468fed3dc87.webp 600w, https://assets.fabulous.ch/public/variant_asset/4111/file/medium-3056da82062feff984c8251424d092da.webp 900w, https://assets.fabulous.ch/public/variant_asset/4111/file/large-f49eeaa788ee4fb2b2616aea57e8c970.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4111/file/medium-3056da82062feff984c8251424d092da.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">New Roots</p>
          <a href="/en/products/new-roots-coffee-vegan-yogurt-organic-140-g-7233">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">New Roots COFFEE Vegan Yogurt Organic, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </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 1.36 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_1tnMqjZqZt2EuzXROf-vr1f-miKntlfWfO6QGgeJKNOr0aV1V9fCoGSQKqzBWB807c3KzQU5iwVmgGk4Nu4BQ" />
    <input value="7233" 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%2Ffood%2Fmilk-cream-egg-alternatives%3Fformat%3Dturbo_stream%26page%3D4">
    <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-unsweetened-organic-1-l-17189">
          <img alt="Oat Drink Unsweetened Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8017/file/small-7a57a5b54b24b1304b76550de3ff9d49.webp 600w, https://assets.fabulous.ch/public/variant_asset/8017/file/medium-720cfd17cca68a5a910908b778a966f1.webp 900w, https://assets.fabulous.ch/public/variant_asset/8017/file/large-87f8aee8163fed7f81188c053ab1641f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8017/file/medium-720cfd17cca68a5a910908b778a966f1.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">Alpro</p>
          <a href="/en/products/oat-drink-unsweetened-organic-1-l-17189">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Oat Drink Unsweetened Organic, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="G9s31DCcoPO9f5UfobqGvY_c7PdGYlziwOh3xsRRMiCqLxZzTRpWYkr_OWJWWBh_4TQhtPjoY5GMgcwiTJSuhg" />
    <input value="17189" 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%2Ffood%2Fmilk-cream-egg-alternatives%3Fformat%3Dturbo_stream%26page%3D4">
    <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/coconut-milk-organic-200-ml-1111">
          <img alt="Coconut Milk Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/988/file/small-ccc537bb0d897547b8ed744754457809.webp 600w, https://assets.fabulous.ch/public/variant_asset/988/file/medium-04d42cbc8bbf1277410bcd4a188b2fc8.webp 900w, https://assets.fabulous.ch/public/variant_asset/988/file/large-1c79aed0f150cfb9ff7848ad0b437933.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/988/file/medium-04d42cbc8bbf1277410bcd4a188b2fc8.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/en/products/coconut-milk-organic-200-ml-1111">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Coconut Milk Organic, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.75
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YZMu3qFn4ITIVD6yy1zF-E3sPjpbwLj8_S4iT4ACQPXQZw953OEWFT_Uks88vls6IwTzeeVKh4-xR5mrCMfcUw" />
    <input value="1111" 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%2Ffood%2Fmilk-cream-egg-alternatives%3Fformat%3Dturbo_stream%26page%3D4">
    <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/coconut-milk-organic-400-ml-1110">
          <img alt="Coconut Milk Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/989/file/small-1b48e7910282d4207f2dbeb628f91fda.webp 600w, https://assets.fabulous.ch/public/variant_asset/989/file/medium-f3f53ee4498ba6f3dc526bb40ff61637.webp 900w, https://assets.fabulous.ch/public/variant_asset/989/file/large-622c90206e71862639f9ef27229dfce7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/989/file/medium-f3f53ee4498ba6f3dc526bb40ff61637.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/en/products/coconut-milk-organic-400-ml-1110">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Coconut Milk Organic, 400 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7cGM2v4hwqNoOLbS8ZbtA9F_Pu3No7cVoTy8IMgHqsJcNa19g6c0Mp-4Gq8GdHPBv5fzrnMpiGbtVQfEQMI2ZA" />
    <input value="1110" 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%2Ffood%2Fmilk-cream-egg-alternatives%3Fformat%3Dturbo_stream%26page%3D4">
    <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-drink-soja-original-plus-with-calcium-bio-1-l-8742">
          <img alt="Soja Drink Soja Original Plus with Calcium Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5093/file/small-fa0bfd65d980eab4c3662497b2c39111.webp 600w, https://assets.fabulous.ch/public/variant_asset/5093/file/medium-a853eefd68d4928588643603f57c2e44.webp 900w, https://assets.fabulous.ch/public/variant_asset/5093/file/large-b2211a7bcaccd95f479e6c33c0435f71.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5093/file/medium-a853eefd68d4928588643603f57c2e44.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">Soyana</p>
          <a href="/en/products/soja-drink-soja-original-plus-with-calcium-bio-1-l-8742">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soja Drink Soja Original Plus with Calcium Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.55
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EC4Sk2iUDgs1sshtUG_zwKHh2uuBmsCKscfaxIA4aGuh2jM0FRL4msIyZBCnjW0CzwkXqD8Q__n9rmEgCP30zQ" />
    <input value="8742" 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%2Ffood%2Fmilk-cream-egg-alternatives%3Fformat%3Dturbo_stream%26page%3D4">
    <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/swiss-cereal-oat-drink-organic-1-l-6036">
          <img alt="Swiss Cereal Oat Drink Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3470/file/small-a064a525baa7d1fe50be2fcd40fcfdbe.webp 600w, https://assets.fabulous.ch/public/variant_asset/3470/file/medium-c556ac2f6514784ff5ecc0bad72e561f.webp 900w, https://assets.fabulous.ch/public/variant_asset/3470/file/large-89ecfbb344a4e15b05dd2aa8d0e2acc3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3470/file/medium-c556ac2f6514784ff5ecc0bad72e561f.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">Soyana</p>
          <a href="/en/products/swiss-cereal-oat-drink-organic-1-l-6036">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Swiss Cereal Oat Drink Organic, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.05
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="P9nWLvmPd5UB7vIYpd8ihk2dpQNVmbu5cK0ovR_gdgCOLfeJhAmBBPZuXmVSPbxEI3VoQOsThMo8xJNZlyXqpg" />
    <input value="6036" 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%2Ffood%2Fmilk-cream-egg-alternatives%3Fformat%3Dturbo_stream%26page%3D4">
    <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/sojade-so-soya-lemon-organic-400-g-17417">
          <img alt="Sojade So Soya! Lemon Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8114/file/small-10768bafca7914a57387d45f7ef35cbd.webp 600w, https://assets.fabulous.ch/public/variant_asset/8114/file/medium-12e6c32f16f19a07be62092a13484f5b.webp 900w, https://assets.fabulous.ch/public/variant_asset/8114/file/large-e59c2373ba7a7db6b87da7c06d89b32e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8114/file/medium-12e6c32f16f19a07be62092a13484f5b.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">Sojade</p>
          <a href="/en/products/sojade-so-soya-lemon-organic-400-g-17417">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sojade So Soya! Lemon Organic, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.00
            </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 1.25 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5Nkf6AXJcvBbrUqoyc900dvwXxgCnrQl18fcXEUU7m5VLT5PeE-EYawt5tU-LeoTtRiSW7wUi1abrme4zdFyyA" />
    <input value="17417" 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%2Ffood%2Fmilk-cream-egg-alternatives%3Fformat%3Dturbo_stream%26page%3D4">
    <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/alsan-margarine-organic-250-g-14">
          <img alt="Alsan Margarine Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1/file/small-3e93ced63b65fefc6324d9b83c0befce.webp 600w, https://assets.fabulous.ch/public/variant_asset/1/file/medium-82bc30e602eae0142f35525aa6b46782.webp 900w, https://assets.fabulous.ch/public/variant_asset/1/file/large-95a10b92c2dce9245561ce25f34e6265.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1/file/medium-82bc30e602eae0142f35525aa6b46782.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">Alsan BIO</p>
          <a href="/en/products/alsan-margarine-organic-250-g-14">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Alsan Margarine Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="L9BiXZbYzB2J_pvK00A01qeHuwENzzMDHCP9icJJvMCeJEP66146jH5-N7ckoqoUyW92QrNFDHBQSkZtSowgZg" />
    <input value="14" 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%2Ffood%2Fmilk-cream-egg-alternatives%3Fformat%3Dturbo_stream%26page%3D4">
    <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/sojade-so-soya-apricot-organic-400-g-3237">
          <img alt="Sojade So Soya! Apricot Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2198/file/small-1fc755f97ebd03d904964a240369ec07.webp 600w, https://assets.fabulous.ch/public/variant_asset/2198/file/medium-3ef8be27061a744d74591a9377674beb.webp 900w, https://assets.fabulous.ch/public/variant_asset/2198/file/large-7b490b4d1dfa1e69c800f8f07710f43b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2198/file/medium-3ef8be27061a744d74591a9377674beb.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">Sojade</p>
          <a href="/en/products/sojade-so-soya-apricot-organic-400-g-3237">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sojade So Soya! Apricot Organic, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.00
            </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 1.25 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BYg-o1oHU4-lxMVD_epZrM-71XsaDm8FT8yAu1Fw1fW0fB8EJ4GlHlJEaT4KCMduoVMYOKSEUHYDpTtf2bVJUw" />
    <input value="3237" 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%2Ffood%2Fmilk-cream-egg-alternatives%3Fformat%3Dturbo_stream%26page%3D4">
    <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/lassi-strawberry-raspberry-organic-230-ml-13473">
          <img alt="Lassi Strawberry Raspberry Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6524/file/small-a6c4efef75597239666ec1f519827898.webp 600w, https://assets.fabulous.ch/public/variant_asset/6524/file/medium-7debcd7fbfe2b6349e701224fd0a12d4.webp 900w, https://assets.fabulous.ch/public/variant_asset/6524/file/large-acb0ddad4932512bce25c6eaaf24470e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6524/file/medium-7debcd7fbfe2b6349e701224fd0a12d4.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">Biedermann Bio</p>
          <a href="/en/products/lassi-strawberry-raspberry-organic-230-ml-13473">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lassi Strawberry Raspberry Organic, 230 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.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 1.09 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="k7WQRKgCUnO0eCDs5X7CaMRSMOpNsWgkLRxTu7aZDRAiQbHj1YSk4kP4jJESnFyqqrr9qfM7V1dhdehfPlyRtg" />
    <input value="13473" 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%2Ffood%2Fmilk-cream-egg-alternatives%3Fformat%3Dturbo_stream%26page%3D4">
    <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/lassi-lemon-organic-230-ml-13253">
          <img alt="Lassi Lemon Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6438/file/small-c4755517976429619f154e1f2a50d558.webp 600w, https://assets.fabulous.ch/public/variant_asset/6438/file/medium-c6787f170fe642978c586587c6b0f7ca.webp 900w, https://assets.fabulous.ch/public/variant_asset/6438/file/large-b3b1dcf8cf62e0bfba8026982ab02ec0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6438/file/medium-c6787f170fe642978c586587c6b0f7ca.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">Biedermann Bio</p>
          <a href="/en/products/lassi-lemon-organic-230-ml-13253">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lassi Lemon Organic, 230 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.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 1.09 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="n6vfyz2Yb5JA9Pd9498-CtGb6dAvvZJ0-C1xEsHPW5YuX_5sQB6ZA7d0WwAUPaDIv3Mkk5E3rQe0RMr2SQrHMA" />
    <input value="13253" 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%2Ffood%2Fmilk-cream-egg-alternatives%3Fformat%3Dturbo_stream%26page%3D4">
    <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-blueberry-vanilla-vegan-alternative-to-yoghurt-organic-275-g-9922">
          <img alt="Oat  Blueberry Vanilla Vegan Alternative to Yoghurt Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5462/file/small-b493d7f7224afa3bea44cbde99bf266f.webp 600w, https://assets.fabulous.ch/public/variant_asset/5462/file/medium-b0f5e73d8869a1e18022df14b9447543.webp 900w, https://assets.fabulous.ch/public/variant_asset/5462/file/large-69c8ca2e9348926c003b5bc6621b6392.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5462/file/medium-b0f5e73d8869a1e18022df14b9447543.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">Harvest Moon</p>
          <a href="/en/products/oat-blueberry-vanilla-vegan-alternative-to-yoghurt-organic-275-g-9922">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Oat  Blueberry Vanilla Vegan Alternative to Yoghurt Organic, 275 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.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 1.64 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dyfAp6AdJpOKh1bPXOTuSqhzT7c792_YmGnAxq1Ft3vG0-EA3ZvQAn0H-rKrBnCIxpuC9IV9UKvUAHsiJYAr3Q" />
    <input value="9922" type="hidden" name="variant_id" id="variant_id" />
    <input value="3" 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%2Ffood%2Fmilk-cream-egg-alternatives%3Fformat%3Dturbo_stream%26page%3D4">
    <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/coconut-milk-drink-without-added-sugar-organic-1-l-4053">
          <img alt="Coconut Milk Drink Without Added Sugar Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2571/file/small-4741c98424e839ec0b863405b26fdde6.webp 600w, https://assets.fabulous.ch/public/variant_asset/2571/file/medium-d13e2518608b3b3ea0690981fb6e568d.webp 900w, https://assets.fabulous.ch/public/variant_asset/2571/file/large-2bc2209c4f0a0c36cc555dda475f14dc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2571/file/medium-d13e2518608b3b3ea0690981fb6e568d.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">Ecomil</p>
          <a href="/en/products/coconut-milk-drink-without-added-sugar-organic-1-l-4053">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Coconut Milk Drink Without Added Sugar Organic, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="h2FctZGdRmT8H_qMXOhPaXTep2unLIOlwt6Sas3v4qo2lX0S7Buw9QufVvGrCtGrGjZqKBmmvNaOtymORSp-DA" />
    <input value="4053" 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%2Ffood%2Fmilk-cream-egg-alternatives%3Fformat%3Dturbo_stream%26page%3D4">
    <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/coconut-milk-with-yoghurt-cultures-dark-berry-organic-125-g-4022">
          <img alt="Coconut Milk with Yoghurt Cultures Dark Berry Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2550/file/small-22f6f9f737341c231970fbfed11e900a.webp 600w, https://assets.fabulous.ch/public/variant_asset/2550/file/medium-2d25660f82ae34cd4242b5e0074596d1.webp 900w, https://assets.fabulous.ch/public/variant_asset/2550/file/large-e93600bd88e8a13aabf9e1fcd292a895.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2550/file/medium-2d25660f82ae34cd4242b5e0074596d1.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">Harvest Moon</p>
          <a href="/en/products/coconut-milk-with-yoghurt-cultures-dark-berry-organic-125-g-4022">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Coconut Milk with Yoghurt Cultures Dark Berry Organic, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </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.72 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Bnyiz9xVSEbSGLfKafFHnEaxhRHyrluEHcoQwmeQik23iINoodO-1yWYG7eeE9leKFlIUkwkZPdRo6sm71UW6w" />
    <input value="4022" 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%2Ffood%2Fmilk-cream-egg-alternatives%3Fformat%3Dturbo_stream%26page%3D4">
    <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-barista-organic-1-l-17191">
          <img alt="Oat Drink Barista Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8018/file/small-a5db5964ecc586cd6c4da41ba6d04894.webp 600w, https://assets.fabulous.ch/public/variant_asset/8018/file/medium-1312f852ca0e3e650989a83139f58edc.webp 900w, https://assets.fabulous.ch/public/variant_asset/8018/file/large-3a5d0ee1ade741938e7cb51c08732c5a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8018/file/medium-1312f852ca0e3e650989a83139f58edc.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">Alpro</p>
          <a href="/en/products/oat-drink-barista-organic-1-l-17191">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Oat Drink Barista Organic, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ahr1HJOsBCvuDAmYj4an8CVDGFM7W2tdIyfTOs7Yzjnb7tS77iryuhmMpeV4ZDkyS6vVEIXRVC5vTmjeRh1Snw" />
    <input value="17191" 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%2Ffood%2Fmilk-cream-egg-alternatives%3Fformat%3Dturbo_stream%26page%3D4">
    <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/vegan-alternative-to-quark-soy-raspberry-soyananda-organic-125-g-4371">
          <img alt="Vegan Alternative to Quark Soy Raspberry Soyananda Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2726/file/small-71713c9686f48662735cd443018dd1ad.webp 600w, https://assets.fabulous.ch/public/variant_asset/2726/file/medium-7697222e88daf80d0c9c27dbacba5065.webp 900w, https://assets.fabulous.ch/public/variant_asset/2726/file/large-b33e4fa0552015fa9649c99a3e83a14d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2726/file/medium-7697222e88daf80d0c9c27dbacba5065.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">Soyana</p>
          <a href="/en/products/vegan-alternative-to-quark-soy-raspberry-soyananda-organic-125-g-4371">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vegan Alternative to Quark Soy Raspberry Soyananda Organic, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </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.36 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xQsMJWTFalGrSkEWwUZzfP86JFrSvCMRxd8Vyu8xXdp0_y2CGUOcwFzK7Ws2pO2-kdLpGWw2HGKJtq4uZ_TBfA" />
    <input value="4371" 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%2Ffood%2Fmilk-cream-egg-alternatives%3Fformat%3Dturbo_stream%26page%3D4">
    <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/avenanda-oat-based-chocolate-cream-organic-200-g-13478">
          <img alt="Avenanda Oat-Based Chocolate Cream Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6525/file/small-34ffb7dae1323943690a2dce666ed097.webp 600w, https://assets.fabulous.ch/public/variant_asset/6525/file/medium-fb41c36c78b2bf955a75b1b099620185.webp 900w, https://assets.fabulous.ch/public/variant_asset/6525/file/large-2f25f15dbdf4f8a74a0cfb714c0d4a23.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6525/file/medium-fb41c36c78b2bf955a75b1b099620185.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">Soyana</p>
          <a href="/en/products/avenanda-oat-based-chocolate-cream-organic-200-g-13478">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Avenanda Oat-Based Chocolate Cream Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.05
            </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.03 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YNNWA0nd7fBDe_fd1KVzwHp7MFWaPkrthhDUDbrKP37RJ3ekNFsbYbT7W6AjR-0CFJP9FiS0dZ7KeW_pMg-j2A" />
    <input value="13478" 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%2Ffood%2Fmilk-cream-egg-alternatives%3Fformat%3Dturbo_stream%26page%3D4">
    <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/sojade-so-soya-no-added-sugar-blueberry-cherry-organic-400-g-7740">
          <img alt="Sojade So Soya! No Added Sugar Blueberry Cherry, Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4465/file/small-5ace9c2bfb04f989b746ae1171b3014c.webp 600w, https://assets.fabulous.ch/public/variant_asset/4465/file/medium-f7129df3a362e785c6c5e2c6cfaa2528.webp 900w, https://assets.fabulous.ch/public/variant_asset/4465/file/large-e2b6d6d2152cc67b934b9ed80b271e07.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4465/file/medium-f7129df3a362e785c6c5e2c6cfaa2528.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">Sojade</p>
          <a href="/en/products/sojade-so-soya-no-added-sugar-blueberry-cherry-organic-400-g-7740">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sojade So Soya! No Added Sugar Blueberry Cherry, Organic, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.65
            </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 1.41 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7bR1lkIt6gmfx9UJxt71bywn0dQH3CbGePeil4sDEqBcQFQxP6scmGhHeXQxPGutQs8cl7lWGbU0nhlzA8aOBg" />
    <input value="7740" 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">
      80 of 203 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/food/milk-cream-egg-alternatives?format=turbo_stream&amp;page=5">Show more</a>
  </div>
</div>

</template></turbo-stream>