<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%2Froo-bar%3Fformat%3Dturbo_stream%26page%3D7">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/eyeliner-kajal-black-natural-1-13-g-1-piece-527">
          <img alt="Eyeliner Kajal Black Natural 1,13 g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/475/file/small-b5da63245a5525a687739b2a59a9351c.webp 600w, https://assets.fabulous.ch/public/variant_asset/475/file/medium-a153fce4d90ced80ce0b82dba702357d.webp 900w, https://assets.fabulous.ch/public/variant_asset/475/file/large-a50abba3b5a26de2f43a650ee290e41d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/475/file/medium-a153fce4d90ced80ce0b82dba702357d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">benecos</p>
          <a href="/en/products/eyeliner-kajal-black-natural-1-13-g-1-piece-527">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Eyeliner Kajal Black Natural 1,13 g, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;527&quot;],&quot;content_name&quot;:&quot;Eyeliner Kajal Black Natural 1,13 g, 1 piece&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;527&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kUAkXQN8wt1FjimWP8ClDIIVOOnetaTC3af2Muqkl9rGCveKLaWQzmBn3ptnPNZDBMym-YxEv2aLRF2yIR5Jow" />
    <input value="527" 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%2Froo-bar%3Fformat%3Dturbo_stream%26page%3D7">
    <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/tofu-silken-organic-400-g-353">
          <img alt="Silken Tofu Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/314/file/small-4d323dbf89276d45aa16d07a7a9efe85.webp 600w, https://assets.fabulous.ch/public/variant_asset/314/file/medium-c32fc9c255babda93aa6d1b0c8dc4d93.webp 900w, https://assets.fabulous.ch/public/variant_asset/314/file/large-553bd9a528e77b35cb07d8bb57449742.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/314/file/medium-c32fc9c255babda93aa6d1b0c8dc4d93.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">Taifun</p>
          <a href="/en/products/tofu-silken-organic-400-g-353">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Silken Tofu Organic, 400 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.13 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;353&quot;],&quot;content_name&quot;:&quot;Silken Tofu Organic, 400 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;353&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="crEemYXHhHSSBLAus_TfcNInok6h7Q4Y5cTGQcJhyHsl-81Oqx7WZ7ftRyPrCKw_VP48XvMcFbyzJ23BCdsWAg" />
    <input value="353" 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%2Froo-bar%3Fformat%3Dturbo_stream%26page%3D7">
    <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-creme-fraiche-organic-180-g-8722">
          <img alt="Vegan Alternative to Crème Fraîche Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5061/file/small-4a7b7b62955303481ace66e273c5a981.webp 600w, https://assets.fabulous.ch/public/variant_asset/5061/file/medium-c01f1410dfcee9a10907e9513c0890c3.webp 900w, https://assets.fabulous.ch/public/variant_asset/5061/file/large-2948162239c400340cb89adaaed22858.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5061/file/medium-c01f1410dfcee9a10907e9513c0890c3.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/vegan-alternative-to-creme-fraiche-organic-180-g-8722">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vegan Alternative to Crème Fraîche Organic, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </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.28 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;8722&quot;],&quot;content_name&quot;:&quot;Vegan Alternative to Crème Fraîche Organic, 180 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;8722&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ly_9N75AXWvKRsAFfi3j-b9s8RNGg0J8WlQQM6gJeb54ZS7gkJkPeO-vNwgm0ZC2ObVvAxRyWdgMt7uzY7Onxw" />
    <input value="8722" 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%2Froo-bar%3Fformat%3Dturbo_stream%26page%3D7">
    <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-mango-maracuja-vegan-alternative-to-yoghurt-organic-275-g-9923">
          <img alt="Oat Mango Maracuja 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/5467/file/small-d718409170247d03358fceb67e133582.webp 600w, https://assets.fabulous.ch/public/variant_asset/5467/file/medium-ea0fee750e155e97b8f24a45d95cd709.webp 900w, https://assets.fabulous.ch/public/variant_asset/5467/file/large-2767380d3bd0b35cf82682cdeaa13883.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5467/file/medium-ea0fee750e155e97b8f24a45d95cd709.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-mango-maracuja-vegan-alternative-to-yoghurt-organic-275-g-9923">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Oat Mango Maracuja 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-9923-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;9923&quot;],&quot;content_name&quot;:&quot;Oat Mango Maracuja Vegan Alternative to Yoghurt Organic, 275 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;9923&quot;,&quot;quantity&quot;:3}],&quot;value&quot;:13.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FJY8drOtbMBR1hWpGdjGu4nNlfSZ89sAO9av4blqd2lD3O-hnXQ-03Q_4qRBJLX0DxQL5MsCwKRtNQRhctCpEA" />
    <input value="9923" 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%2Froo-bar%3Fformat%3Dturbo_stream%26page%3D7">
    <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/soyananda-herbs-and-garlic-fermented-organic-140-g-766">
          <img alt="Soyananda Herbs and Garlic fermented Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/714/file/small-bcd87539b95cff7c034413eca5efcd31.webp 600w, https://assets.fabulous.ch/public/variant_asset/714/file/medium-8ce3178da3715799f3f5d17d392fc1a6.webp 900w, https://assets.fabulous.ch/public/variant_asset/714/file/large-57a5a5dd394edf1057d6c0addfe8111b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/714/file/medium-8ce3178da3715799f3f5d17d392fc1a6.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/soyananda-herbs-and-garlic-fermented-organic-140-g-766">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soyananda Herbs and Garlic fermented Organic, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </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.93 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;766&quot;],&quot;content_name&quot;:&quot;Soyananda Herbs and Garlic fermented Organic, 140 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;766&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kSTqUzSYY73J8K_kXblbwfoN_8VwIzbRUGjjdMdc-J_GbjmEGkExruwZWOkFRSiOfNRh1SLSLXUGi0j0DOYm5g" />
    <input value="766" 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%2Froo-bar%3Fformat%3Dturbo_stream%26page%3D7">
    <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 data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;4371&quot;],&quot;content_name&quot;:&quot;Vegan Alternative to Quark Soy Raspberry Soyananda Organic, 125 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;4371&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JaOXxrsv-r_YjRS4a9Pb2quvlr5cCGo_OVJWV_nUdyVy6UQRlfaorP1k47UzL6iVLXYIrg75cZtvsf3XMm6pXA" />
    <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%2Froo-bar%3Fformat%3Dturbo_stream%26page%3D7">
    <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/la-cooking-vegan-alternative-to-cooking-cream-organic-200-ml-11221">
          <img alt="La Cooking Vegan Alternative to Cooking Cream Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5751/file/small-d14f19bed1b3c884fd320f9df112b7a8.webp 600w, https://assets.fabulous.ch/public/variant_asset/5751/file/medium-b56b66ab56772a3c03d10d516ff875b3.webp 900w, https://assets.fabulous.ch/public/variant_asset/5751/file/large-178d43166fde183fab4b9c7c5eb535f9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5751/file/medium-b56b66ab56772a3c03d10d516ff875b3.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/la-cooking-vegan-alternative-to-cooking-cream-organic-200-ml-11221">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">La Cooking Vegan Alternative to Cooking Cream Organic, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.30
            </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.15 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;11221&quot;],&quot;content_name&quot;:&quot;La Cooking Vegan Alternative to Cooking Cream Organic, 200 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;11221&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zaYV2MzZEZAZpdkajJ6wtq7VE0qrbVZFk4ynYvXyjzWa7MYP4gBDgzxMLhfUYsP5KAyNWvmcTeHFbwziPkhRTA" />
    <input value="11221" 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%2Froo-bar%3Fformat%3Dturbo_stream%26page%3D7">
    <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/veggi-filata-pizza-shreds-organic-200-g-6348">
          <img alt="Veggi Filata Pizza Shreds Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3642/file/small-9d0495e9bf57b4c9d4000f1779e88f89.webp 600w, https://assets.fabulous.ch/public/variant_asset/3642/file/medium-6350de957284ac29b78597382bddc7e1.webp 900w, https://assets.fabulous.ch/public/variant_asset/3642/file/large-28f6121b87d3dbb85ea83da756a525d7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3642/file/medium-6350de957284ac29b78597382bddc7e1.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">Veggi filata</p>
          <a href="/en/products/veggi-filata-pizza-shreds-organic-200-g-6348">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Veggi Filata Pizza Shreds Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.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.30 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;6348&quot;],&quot;content_name&quot;:&quot;Veggi Filata Pizza Shreds Organic, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;6348&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="t3C9XAzKtbTsawvQYjMBMICbRMOsmRjE39zD_kOONs7gOm6LIhPnp8mC_N06z3J_BkLa0_5oA2CJP2h-iDTotw" />
    <input value="6348" 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%2Froo-bar%3Fformat%3Dturbo_stream%26page%3D7">
    <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/tofu-garlic-swiss-organic-250-g-17215">
          <img alt="Tofu Garlic Swiss Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8040/file/small-22019226e92867a5968f62f26b763785.webp 600w, https://assets.fabulous.ch/public/variant_asset/8040/file/medium-7c55c52081a8ef2f709b7b7e0ffb6e1a.webp 900w, https://assets.fabulous.ch/public/variant_asset/8040/file/large-f62c554f0add7fe2fd2ad0d7164d0c8e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8040/file/medium-7c55c52081a8ef2f709b7b7e0ffb6e1a.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">Futur</p>
          <a href="/en/products/tofu-garlic-swiss-organic-250-g-17215">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tofu Garlic Swiss Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.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 2.40 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17215&quot;],&quot;content_name&quot;:&quot;Tofu Garlic Swiss Organic, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17215&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DSvGUptiVYk9Xl_cZV_yKIB4wdeu-YiSGKEuWtWWR8JaYRWFtbsHmhi3qNE9o4FnBqFfx_wIkzZOQoXaHiyZuw" />
    <input value="17215" 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%2Froo-bar%3Fformat%3Dturbo_stream%26page%3D7">
    <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/filona-fresh-cream-nature-organic-150-g-15103">
          <img alt="Filona Fresh Cream Nature Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6925/file/small-220e1d088572541a9138f2db62cd4853.webp 600w, https://assets.fabulous.ch/public/variant_asset/6925/file/medium-5975c46803ab0c5ea196adae4463e011.webp 900w, https://assets.fabulous.ch/public/variant_asset/6925/file/large-a92826f494d80db71f26f28f3bfa99d1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6925/file/medium-5975c46803ab0c5ea196adae4463e011.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">Züger</p>
          <a href="/en/products/filona-fresh-cream-nature-organic-150-g-15103">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Filona Fresh Cream Nature Organic, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.70
            </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.80 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15103&quot;],&quot;content_name&quot;:&quot;Filona Fresh Cream Nature Organic, 150 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15103&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VLjgt1XB53KRTULGZn-KqZsA25M2pZBRbio70J5LiEcD8jNgexi1YbSktcs-g_nmHdlFg2RUi_U4yZBQVfFWPg" />
    <input value="15103" 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%2Froo-bar%3Fformat%3Dturbo_stream%26page%3D7">
    <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/soy-tempeh-pepper-organic-200-g-17376">
          <img alt="Soy Tempeh Pepper Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8104/file/small-d45efdf77eda62591cd1271523b9bb7c.webp 600w, https://assets.fabulous.ch/public/variant_asset/8104/file/medium-23a87cd9294de5f8e7b60dc310193744.webp 900w, https://assets.fabulous.ch/public/variant_asset/8104/file/large-e6a885f9e91280587200126680ebb96a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8104/file/medium-23a87cd9294de5f8e7b60dc310193744.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">Tempeh bagus</p>
          <a href="/en/products/soy-tempeh-pepper-organic-200-g-17376">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soy Tempeh Pepper Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </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 2.95 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17376&quot;],&quot;content_name&quot;:&quot;Soy Tempeh Pepper Organic, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17376&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TAJryVvx-9fBpSY3B0dqqLeEXnOETSdGlNaW8xDTG_EbSLgedSipxORM0TpfuxnnMV3AY9a8POLCNT1z22nFiA" />
    <input value="17376" 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%2Froo-bar%3Fformat%3Dturbo_stream%26page%3D7">
    <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/soy-tempeh-smoked-pasteurized-organic-150-g-17378">
          <img alt="Soy Tempeh Smoked Pasteurized Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8105/file/small-da209042bcec063e44ef4bbb0503fada.webp 600w, https://assets.fabulous.ch/public/variant_asset/8105/file/medium-b96aff1175a82747e12e877fa05c67a0.webp 900w, https://assets.fabulous.ch/public/variant_asset/8105/file/large-bfc84ea56129ede8a8550a3dc4fe8cad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8105/file/medium-b96aff1175a82747e12e877fa05c67a0.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">Tempeh bagus</p>
          <a href="/en/products/soy-tempeh-smoked-pasteurized-organic-150-g-17378">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soy Tempeh Smoked Pasteurized Organic, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </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 3.93 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17378&quot;],&quot;content_name&quot;:&quot;Soy Tempeh Smoked Pasteurized Organic, 150 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17378&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fsSOEFbO8wt7teiN2CpbCNd7ZaG4SY1MRIy0ewicJLspjl3HeBehGF5cH4CA1ihHUaL7seq4lugSbx_7wyb6wg" />
    <input value="17378" 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%2Froo-bar%3Fformat%3Dturbo_stream%26page%3D7">
    <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/lyoner-style-pea-protein-organic-200-g-16134">
          <img alt="Lyoner Style Pea Protein Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7436/file/small-9f66b17cbf46c456a6a092a9855cba4e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7436/file/medium-a2854bd7e052c150d0f3ff0a5dc2c1db.webp 900w, https://assets.fabulous.ch/public/variant_asset/7436/file/large-4abef3748ba1b1a94901739ce390a82c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7436/file/medium-a2854bd7e052c150d0f3ff0a5dc2c1db.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">Wheaty</p>
          <a href="/en/products/lyoner-style-pea-protein-organic-200-g-16134">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lyoner Style Pea Protein Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.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.48 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16134&quot;],&quot;content_name&quot;:&quot;Lyoner Style Pea Protein Organic, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16134&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HFYzZ5ene0m5n7_kefNHTr9Z-uNbDvrTpI5JN48GorBLHOCwuX4pWpx2SOkhDzQBOYBk8wn_4XfybeK3RLx8yQ" />
    <input value="16134" 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%2Froo-bar%3Fformat%3Dturbo_stream%26page%3D7">
    <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/smoked-tempeh-switzerland-organic-150-g-16646">
          <img alt="Smoked Tempeh Switzerland Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7705/file/small-570f35fe9a544fc68b86db9fbf4b8b1e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7705/file/medium-1406e6574cb0029d23cf7888029f1f49.webp 900w, https://assets.fabulous.ch/public/variant_asset/7705/file/large-c759c0e8a54d474c27d1c649dbda5b12.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7705/file/medium-1406e6574cb0029d23cf7888029f1f49.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">Futur</p>
          <a href="/en/products/smoked-tempeh-switzerland-organic-150-g-16646">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Smoked Tempeh Switzerland Organic, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.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 3.07 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16646&quot;],&quot;content_name&quot;:&quot;Smoked Tempeh Switzerland Organic, 150 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16646&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KZbWRTZKmj09lx0zH9aoHrx6ofjCH3jAPKbFJbcFcVZ-3AWSGJPILhh-6j5HKttROqM_6JDuY2RqRW6lfL-vLw" />
    <input value="16646" 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%2Froo-bar%3Fformat%3Dturbo_stream%26page%3D7">
    <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/wild-blueberry-juice-100-pure-juice-organic-330-ml-15974">
          <img alt="Wild Blueberry Juice 100% Pure Juice Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7372/file/small-f001bc8619c3d6454e772bab6bf612f3.webp 600w, https://assets.fabulous.ch/public/variant_asset/7372/file/medium-4beb98160f1b4104902f8652779d9264.webp 900w, https://assets.fabulous.ch/public/variant_asset/7372/file/large-bebfcfe9b7869108a1bd4f653294e0bf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7372/file/medium-4beb98160f1b4104902f8652779d9264.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">Voelkel</p>
          <a href="/en/products/wild-blueberry-juice-100-pure-juice-organic-330-ml-15974">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wild Blueberry Juice 100% Pure Juice Organic, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15974&quot;],&quot;content_name&quot;:&quot;Wild Blueberry Juice 100% Pure Juice Organic, 330 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15974&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KWgQXf1fjVjjB0DKNrw0QfULGgHH7IS2YrW5bHkjwsh-IsOK04bfS8but8duQEcOc9KEEZUdnxI0VhLsspkcsQ" />
    <input value="15974" 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%2Froo-bar%3Fformat%3Dturbo_stream%26page%3D7">
    <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/wunderbrodchen-oat-gluten-free-demeter-350-g-22053">
          <img alt="Wunderbrødchen Oat Gluten-Free Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11610/file/small-91b87b4d2375cc03e5cf5aff28d55aed.webp 600w, https://assets.fabulous.ch/public/variant_asset/11610/file/medium-06c7677abd818a6c6d5b54cf1d4a418b.webp 900w, https://assets.fabulous.ch/public/variant_asset/11610/file/large-8a088a8a14fb8f3a5dfa69f68372c599.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11610/file/medium-06c7677abd818a6c6d5b54cf1d4a418b.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">Bauckhof</p>
          <a href="/en/products/wunderbrodchen-oat-gluten-free-demeter-350-g-22053">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wunderbrødchen Oat Gluten-Free Demeter, 350 g</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.71 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22053&quot;],&quot;content_name&quot;:&quot;Wunderbrødchen Oat Gluten-Free Demeter, 350 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22053&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9_7xmCEFVA9FhPnpLo0c1gklKxgaIO6xJWjTixg1Wk2gtCJPD9wGHGBtDuR2cW-Zj_y1CEjR9RVzi3gL04-ENA" />
    <input value="22053" 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%2Froo-bar%3Fformat%3Dturbo_stream%26page%3D7">
    <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/sesame-salt-gomasio-original-shaker-glas-organic-100-g-6006">
          <img alt="Sesame Salt Gomasio Original Shaker (Glas) Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3443/file/small-bb2500979f3eae997568c8a7ac8e17cb.webp 600w, https://assets.fabulous.ch/public/variant_asset/3443/file/medium-ed9d446e3aba9b1230d2e5245def6259.webp 900w, https://assets.fabulous.ch/public/variant_asset/3443/file/large-e50461e6502960ff69b2ca1d1cda691c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3443/file/medium-ed9d446e3aba9b1230d2e5245def6259.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lima</p>
          <a href="/en/products/sesame-salt-gomasio-original-shaker-glas-organic-100-g-6006">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sesame Salt Gomasio Original Shaker (Glas) Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;6006&quot;],&quot;content_name&quot;:&quot;Sesame Salt Gomasio Original Shaker (Glas) Organic, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;6006&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qiHCbxcVQ_hUGM-EtSDFCpcm-Q1rAYNDlt41Qi7J5wj9axG4OcwR63HxOInt3LZFEf9nHTnwmOfAPZ7C5XM5cQ" />
    <input value="6006" 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%2Froo-bar%3Fformat%3Dturbo_stream%26page%3D7">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/flour-mix-gluten-free-cake-baking-organic-800-g-4917">
          <img alt="Flour Mix Gluten Free Cake Baking Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2915/file/small-81922ed63874ae4815b8e1688ed078c5.webp 600w, https://assets.fabulous.ch/public/variant_asset/2915/file/medium-8c92fc1e9b8af20475f1deaca137ee2a.webp 900w, https://assets.fabulous.ch/public/variant_asset/2915/file/large-6df324b04e149cfcd70a7d7bdd33e0fd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2915/file/medium-8c92fc1e9b8af20475f1deaca137ee2a.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">Bauckhof</p>
          <a href="/en/products/flour-mix-gluten-free-cake-baking-organic-800-g-4917">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Flour Mix Gluten Free Cake Baking Organic, 800 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.35
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;4917&quot;],&quot;content_name&quot;:&quot;Flour Mix Gluten Free Cake Baking Organic, 800 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;4917&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.35,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FpBgx7ruMh35GP64rAmNFoS-7FtU9SXXneUqxy_Cu5lB2rMQlDdgDtzxCbX09f5ZAmdySwYEPnPLBoFH5Hhl4A" />
    <input value="4917" 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%2Froo-bar%3Fformat%3Dturbo_stream%26page%3D7">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/ichoc-cinnamon-roll-cocoa-preparation-organic-80-g-17124">
          <img alt="iChoc Cinnamon Roll - Cocoa Preparation Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7964/file/small-165ff39df6e6759400c0f147ec5c71fc.webp 600w, https://assets.fabulous.ch/public/variant_asset/7964/file/medium-aa09eb2e8325d52cfebf75239ee57a15.webp 900w, https://assets.fabulous.ch/public/variant_asset/7964/file/large-bb5d9e270c06416e121b853c9d33e458.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7964/file/medium-aa09eb2e8325d52cfebf75239ee57a15.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Vivani / Ichoc</p>
          <a href="/en/products/ichoc-cinnamon-roll-cocoa-preparation-organic-80-g-17124">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">iChoc Cinnamon Roll - Cocoa Preparation Organic, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17124&quot;],&quot;content_name&quot;:&quot;iChoc Cinnamon Roll - Cocoa Preparation Organic, 80 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17124&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SyKL1Av5P3TcIOWhzWtVqmm1LiFJRT6gwnA5Dh95a4kcaFgDJSBtZ_nJEqyVlybl72ywMRu0JQSUk5KO1MO18A" />
    <input value="17124" 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%2Froo-bar%3Fformat%3Dturbo_stream%26page%3D7">
    <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/baking-mix-falafel-gluten-free-organic-160-g-1440">
          <img alt="Baking Mix Falafel Gluten Free Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1191/file/small-597c3713db2e96a9264127bcfafe70aa.webp 600w, https://assets.fabulous.ch/public/variant_asset/1191/file/medium-d56d5f3a4e54af92c521ee3bd14c562b.webp 900w, https://assets.fabulous.ch/public/variant_asset/1191/file/large-6315d5eb57b6afd3480a7619aa35efc0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1191/file/medium-d56d5f3a4e54af92c521ee3bd14c562b.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">Bauckhof</p>
          <a href="/en/products/baking-mix-falafel-gluten-free-organic-160-g-1440">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Baking Mix Falafel Gluten Free Organic, 160 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;1440&quot;],&quot;content_name&quot;:&quot;Baking Mix Falafel Gluten Free Organic, 160 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;1440&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-5yjqUxKZZlssDyhpOuGzrLnCGFHRKEDF4DK40tkMI-s1nB-YpM3iklZy6z8F_WBND6WcRW1uqdBY2FjgN7u9g" />
    <input value="1440" 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">
      140 of 3&#39;712 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/roo-bar?format=turbo_stream&amp;page=8">Show more</a>
  </div>
</div>

</template></turbo-stream>