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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/oregano-organic-20-g-8040">
          <img alt="Oregano Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4699/file/small-a793bb32bcd798ff14001fab5deab0d1.webp 600w, https://assets.fabulous.ch/public/variant_asset/4699/file/medium-6ef3d380e6c411c45327292bac2e0b4a.webp 900w, https://assets.fabulous.ch/public/variant_asset/4699/file/large-85a7d41481e8ecc9ae3b3d5a0325c349.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4699/file/medium-6ef3d380e6c411c45327292bac2e0b4a.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">Sonnentor</p>
          <a href="/en/products/oregano-organic-20-g-8040">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Oregano Organic, 20 g</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 17.75 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;8040&quot;],&quot;content_name&quot;:&quot;Oregano Organic, 20 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;8040&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.55,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bchgTeCuOon_giXUYmYE5ephHJcq9IWCvrFjdfKnE7XPISJhtriBiT2hcFLT93FTd-xcJ4kUPYP49_krqCqGQQ" />
    <input value="8040" 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%2Ffupi%3Fformat%3Dturbo_stream%26page%3D23">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/premium-macadamia-nuts-organic-75-g-656">
          <img alt="Premium Macadamia Nuts Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/602/file/small-23c97ddda35465d8ad9a71c2df60b01a.webp 600w, https://assets.fabulous.ch/public/variant_asset/602/file/medium-491148e8aa170c8280b7f7ac4e50e452.webp 900w, https://assets.fabulous.ch/public/variant_asset/602/file/large-997732b054f0efc67c91ed102ccc5c47.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/602/file/medium-491148e8aa170c8280b7f7ac4e50e452.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Flores Farm</p>
          <a href="/en/products/premium-macadamia-nuts-organic-75-g-656">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Premium Macadamia Nuts Organic, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;656&quot;],&quot;content_name&quot;:&quot;Premium Macadamia Nuts Organic, 75 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;656&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3kKuKo7yODdFAeFt2D4JVlNUxJvsCPS40p-dD9zZ1UZ8q-wG2OSDN4citOtpr3zgztmEK0_oTLmU2QdRhlRAsg" />
    <input value="656" 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%2Ffupi%3Fformat%3Dturbo_stream%26page%3D23">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/seeded-high-protein-toast-bread-organic-400-g-16913">
          <img alt="Seeded High-Protein Toast Bread Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7886/file/small-15eb371753ada63d319da019b00113ff.webp 600w, https://assets.fabulous.ch/public/variant_asset/7886/file/medium-ac0156e175e11641e907da09a68765fd.webp 900w, https://assets.fabulous.ch/public/variant_asset/7886/file/large-8f117c811566de7f327c7c1a4ca4c6be.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7886/file/medium-ac0156e175e11641e907da09a68765fd.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">Nur Puur</p>
          <a href="/en/products/seeded-high-protein-toast-bread-organic-400-g-16913">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Seeded High-Protein Toast Bread Organic, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16913&quot;],&quot;content_name&quot;:&quot;Seeded High-Protein Toast Bread Organic, 400 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16913&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1SfEWlRoyFgfHNQWkwxtrwNLlJ4LZSn5YqPOa8u3SUt3zoZ2An5zWN0_gZAinRgZnsbULqiFkfgk5VQ1kTrcvw" />
    <input value="16913" 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%2Ffupi%3Fformat%3Dturbo_stream%26page%3D23">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/chips-biosaurus-junior-sea-salt-organic-50-g-8904">
          <img alt="Chips Biosaurus Junior Sea Salt Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5162/file/small-411136c5a389bd8c1a017c095f84c034.webp 600w, https://assets.fabulous.ch/public/variant_asset/5162/file/medium-51201eeaf9e2d52a27227c5b0a749ef8.webp 900w, https://assets.fabulous.ch/public/variant_asset/5162/file/large-14296d30e2bc3941b8696a96cdee97cc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5162/file/medium-51201eeaf9e2d52a27227c5b0a749ef8.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">BioSaurus</p>
          <a href="/en/products/chips-biosaurus-junior-sea-salt-organic-50-g-8904">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chips Biosaurus Junior Sea Salt Organic, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;8904&quot;],&quot;content_name&quot;:&quot;Chips Biosaurus Junior Sea Salt Organic, 50 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;8904&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="Yq2gkenTRpaRIcyEe8sn4bx4TMynbTenIXrsKqBOZ8XAROK9v8X9llMCmQLKWlJXIfUMfASNj6ZnPHZ0-sPyMQ" />
    <input value="8904" 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%2Ffupi%3Fformat%3Dturbo_stream%26page%3D23">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/vegan-snack-in-landjager-style-chili-organic-70-g-15313">
          <img alt="Vegan Snack in Landjäger Style Chili Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6997/file/small-f08758c38e9b5c7733545128684940a2.webp 600w, https://assets.fabulous.ch/public/variant_asset/6997/file/medium-c69d81b54ab8937fd1136bff1db60a11.webp 900w, https://assets.fabulous.ch/public/variant_asset/6997/file/large-92f56acd4b7c309df094760d2784af63.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6997/file/medium-c69d81b54ab8937fd1136bff1db60a11.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">Eden</p>
          <a href="/en/products/vegan-snack-in-landjager-style-chili-organic-70-g-15313">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vegan Snack in Landjäger Style Chili Organic, 2 x 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.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 2.64 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15313&quot;],&quot;content_name&quot;:&quot;Vegan Snack in Landjäger Style Chili Organic, 2 x 70 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15313&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KUIuC4BqhB64wS8cFR2RwIUO9tHCMfmSC_V8zdTfif2Lq2wn1nw_HnriepqkjOR2GIO2YWHRQZNNs-aTjlIcCQ" />
    <input value="15313" 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%2Ffupi%3Fformat%3Dturbo_stream%26page%3D23">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/tofu-shrimps-veganelen-gluten-free-150-g-2068">
          <img alt="Tofu Shrimps Veganelen Gluten Free" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1620/file/small-c95767d1067a43bd0bef6ac2688a44dc.webp 600w, https://assets.fabulous.ch/public/variant_asset/1620/file/medium-65ae73c4467a9a1a2c1cb712fdc9cc65.webp 900w, https://assets.fabulous.ch/public/variant_asset/1620/file/large-14590bbd360058c3e81855122862dbaa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1620/file/medium-65ae73c4467a9a1a2c1cb712fdc9cc65.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">Lord of Tofu</p>
          <a href="/en/products/tofu-shrimps-veganelen-gluten-free-150-g-2068">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tofu Shrimps Veganelen Gluten Free, 150 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 3.00 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;2068&quot;],&quot;content_name&quot;:&quot;Tofu Shrimps Veganelen Gluten Free, 150 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;2068&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="BBWz32hgPWXxEGaEvT0aGq5oLOE8LlUkUsBjFytW8_um_PHzPnaGZTMzMwIMrG-sM-VsUZ_O7SUUhvlJcdtmDw" />
    <input value="2068" 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%2Ffupi%3Fformat%3Dturbo_stream%26page%3D23">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/vegan-alternative-to-mozzarella-organic-200-g-55">
          <img alt="Vegan Alternative to Mozzarella Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/58/file/small-64f8a196bf4a74d219fe14b2d2b2a73b.webp 600w, https://assets.fabulous.ch/public/variant_asset/58/file/medium-6b9da0ee2dfd145da8da79ad174fac51.webp 900w, https://assets.fabulous.ch/public/variant_asset/58/file/large-f9904fdac4d04953c857ba552165c24d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/58/file/medium-6b9da0ee2dfd145da8da79ad174fac51.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">Frescolat S.r.l.</p>
          <a href="/en/products/vegan-alternative-to-mozzarella-organic-200-g-55">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vegan Alternative to Mozzarella Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.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.98 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;55&quot;],&quot;content_name&quot;:&quot;Vegan Alternative to Mozzarella Organic, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;55&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="prlIJbE9_kOIX_gnS-RI_mXhi_7J49hJKpOp8omHtAMEUAoJ5ytFQ0p8raH6dT1I-GzLTmoDYEhs1TOs0woh9w" />
    <input value="55" 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%2Ffupi%3Fformat%3Dturbo_stream%26page%3D23">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/completeorganics-daikon-kimchi-organic-220-g-10934">
          <img alt="completeorganics DAIKON KIMCHI Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5646/file/small-008f7604d23209d0005a3962d6d61a9e.webp 600w, https://assets.fabulous.ch/public/variant_asset/5646/file/medium-0dfbe09aeb7f9118d7b29dab529f7f61.webp 900w, https://assets.fabulous.ch/public/variant_asset/5646/file/large-a54c51f3c8a45aa4792e878c9c9cb674.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5646/file/medium-0dfbe09aeb7f9118d7b29dab529f7f61.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">completeorganics</p>
          <a href="/en/products/completeorganics-daikon-kimchi-organic-220-g-10934">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">completeorganics DAIKON KIMCHI Organic, 220 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.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 4.05 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;10934&quot;],&quot;content_name&quot;:&quot;completeorganics DAIKON KIMCHI Organic, 220 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;10934&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="b5MHOLUJ9g1FadGBuRDHstMQbDxEIKH6phGH5k1cMa_NekUU4x9NDYdKhAcIgbIETp0sjOfAGfvgVx24F9GkWw" />
    <input value="10934" 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%2Ffupi%3Fformat%3Dturbo_stream%26page%3D23">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    New
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/iced-protein-coffee-macchiato-with-coconut-organic-220-ml-20257">
          <img alt="Iced Protein Coffee Macchiato Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11430/file/small-98a121e60cb052314e7607a3aa3acb15.webp 600w, https://assets.fabulous.ch/public/variant_asset/11430/file/medium-d03d1e7f40409aa93ed94b9d1e653f46.webp 900w, https://assets.fabulous.ch/public/variant_asset/11430/file/large-40e175d796f87ed41bdd1ed9dfdf3bb3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11430/file/medium-d03d1e7f40409aa93ed94b9d1e653f46.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/iced-protein-coffee-macchiato-with-coconut-organic-220-ml-20257">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Iced Protein Coffee Macchiato Organic, 220 ml</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 1.45 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20257&quot;],&quot;content_name&quot;:&quot;Iced Protein Coffee Macchiato Organic, 220 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20257&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="QIAmmx0DL5lrh4WOVpF1ge8DQebUP8p-HEs2F25YBE7iaWS3SxWUmamk0AjnAAA3co4BVnffcn9aDaxJNNWRug" />
    <input value="20257" 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%2Ffupi%3Fformat%3Dturbo_stream%26page%3D23">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/oat-block-vegan-alternative-to-butter-organic-250-g-9157">
          <img alt="Oat Block Vegan Alternative to Butter Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5200/file/small-8b343fba05f7137ac518a7a6a5d225ec.webp 600w, https://assets.fabulous.ch/public/variant_asset/5200/file/medium-185b5b7b353ca64753a7c765a6e6f35a.webp 900w, https://assets.fabulous.ch/public/variant_asset/5200/file/large-3f25376ab7bcde3397bee53d332faf15.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5200/file/medium-185b5b7b353ca64753a7c765a6e6f35a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">the vegan cow</p>
          <a href="/en/products/oat-block-vegan-alternative-to-butter-organic-250-g-9157">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Oat Block Vegan Alternative to Butter Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </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.12 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;9157&quot;],&quot;content_name&quot;:&quot;Oat Block Vegan Alternative to Butter Organic, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;9157&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FmzjuRL9CasxGTpDyDswSqb1hi9COJLTUE_BgY4U1Ai0haGVROuyq_M6b8V5qkX8O3jGn-HYKtIWCVvf1JlB_A" />
    <input value="9157" 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%2Ffupi%3Fformat%3Dturbo_stream%26page%3D23">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/tofu-feto-natur-fermented-organic-200-g-2977">
          <img alt="Tofu FETO  Natur Fermented Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2117/file/small-fb226ff45964ace888baa4d1ac4cd181.webp 600w, https://assets.fabulous.ch/public/variant_asset/2117/file/medium-230fa2a08c90425ff2b52cd425ab1afd.webp 900w, https://assets.fabulous.ch/public/variant_asset/2117/file/large-cbd292b8ebf81ce9361d4538ea11e147.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2117/file/medium-230fa2a08c90425ff2b52cd425ab1afd.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-feto-natur-fermented-organic-200-g-2977">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tofu FETO  Natur Fermented 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-2977-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;2977&quot;],&quot;content_name&quot;:&quot;Tofu FETO  Natur Fermented Organic, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;2977&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="kp8na9onKvJB0BRaZOZykHrHE_R35BVMrjQXFmIlw_kwdmVHjDGR8oPzQdzVdwcm50pTRNQErU3oco1IOKhWDQ" />
    <input value="2977" 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%2Ffupi%3Fformat%3Dturbo_stream%26page%3D23">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/gartenjager-dry-sausage-original-vegan-organic-57-g-15957">
          <img alt="Gartenjäger Dry Sausage Original Vegan Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7344/file/small-a068ee97e7cd94eeeb7a506f324e9e98.webp 600w, https://assets.fabulous.ch/public/variant_asset/7344/file/medium-18927e3b2c570559d61831ede567d8ef.webp 900w, https://assets.fabulous.ch/public/variant_asset/7344/file/large-8e2eeb260ace0a42ccae7103abf22830.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7344/file/medium-18927e3b2c570559d61831ede567d8ef.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">mikas</p>
          <a href="/en/products/gartenjager-dry-sausage-original-vegan-organic-57-g-15957">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gartenjäger Dry Sausage Original Vegan Organic, 57 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15957&quot;],&quot;content_name&quot;:&quot;Gartenjäger Dry Sausage Original Vegan Organic, 57 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15957&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Q-Qgk6gifwUFTF4IJqjugWaP_WKRMxNePmu15UNl9CThDWK__jTEBcdvC46XOZs3-wK90jLTq194LS-7Gehh0A" />
    <input value="15957" 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%2Ffupi%3Fformat%3Dturbo_stream%26page%3D23">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/margarine-palm-oil-free-megarine-organic-250-g-6344">
          <img alt="Margarine Palm Oil Free Megarine Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3637/file/small-944fa63327b220351f71f7ac564f5635.webp 600w, https://assets.fabulous.ch/public/variant_asset/3637/file/medium-999f158f041290089d42fd7184ef7341.webp 900w, https://assets.fabulous.ch/public/variant_asset/3637/file/large-12b0506098feef88e90432a9680926fc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3637/file/medium-999f158f041290089d42fd7184ef7341.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">Vitaquell</p>
          <a href="/en/products/margarine-palm-oil-free-megarine-organic-250-g-6344">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Margarine Palm Oil Free Megarine Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.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 1.56 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;6344&quot;],&quot;content_name&quot;:&quot;Margarine Palm Oil Free Megarine Organic, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;6344&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="FMcQo13odcfHepNikqa14WZSnkCv7LLwXolWzBMtWDC2LlKPC_7OxwVZxuQjN8BX-9_e8AwMCvEYz8ySSaDNxA" />
    <input value="6344" 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%2Ffupi%3Fformat%3Dturbo_stream%26page%3D23">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/fresh-daal-indian-lentil-dish-organic-450-g-1477">
          <img alt="Fresh: Daal - Indian Lentil Dish Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1204/file/small-803110c7eb179266127d9308fc83e44c.webp 600w, https://assets.fabulous.ch/public/variant_asset/1204/file/medium-950f3142874c3b950427fc2944037251.webp 900w, https://assets.fabulous.ch/public/variant_asset/1204/file/large-56dd28274fc0bd559f5cee0ca1ee124e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1204/file/medium-950f3142874c3b950427fc2944037251.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">Jooti</p>
          <a href="/en/products/fresh-daal-indian-lentil-dish-organic-450-g-1477">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Fresh: Daal - Indian Lentil Dish Organic, 450 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="Refrigeration required">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.31 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;1477&quot;],&quot;content_name&quot;:&quot;Fresh: Daal - Indian Lentil Dish Organic, 450 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;1477&quot;,&quot;quantity&quot;:2}],&quot;value&quot;:11.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vtCUxN6u8T8kfS-fd7JJs2TSj5IRmDIEB3j1E57pFxYcOdboiLhKP-ZeehnGIzwF-V_PIrJ4igVBPm9NxGSC4g" />
    <input value="1477" type="hidden" name="variant_id" id="variant_id" />
    <input value="2" 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%2Ffupi%3Fformat%3Dturbo_stream%26page%3D23">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/330-ml-c44d57a0-5630-4f09-8789-ff61c3115d5c-19156">
          <img alt="Verjus from Erlinsbach Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10840/file/small-4a99bdfb89aec3369697310364eb5ae6.webp 600w, https://assets.fabulous.ch/public/variant_asset/10840/file/medium-8a42b1f32e94123130151a34e9f43b4e.webp 900w, https://assets.fabulous.ch/public/variant_asset/10840/file/large-6b6be14189f8735ac0b7f8bd1b9c9486.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10840/file/medium-8a42b1f32e94123130151a34e9f43b4e.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">Verjus</p>
          <a href="/en/products/330-ml-c44d57a0-5630-4f09-8789-ff61c3115d5c-19156">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Verjus from Erlinsbach Organic, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.05
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19156&quot;],&quot;content_name&quot;:&quot;Verjus from Erlinsbach Organic, 330 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19156&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:17.05,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="J5sLp35f75kLxFQX3PM9ZcLeR1MuY8HTDbISdar_ls-FckmLKElUmcnnAZFtYkjTX1MH442DedJL9Igr8HIDOw" />
    <input value="19156" 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%2Ffupi%3Fformat%3Dturbo_stream%26page%3D23">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/yoghurt-alternative-coconut-nature-organic-375-g-16584">
          <img alt="Yoghurt alternative Coconut Nature Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7643/file/small-f08a752d8434401570988813e3e6b12e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7643/file/medium-ffe8e8480c67a9734dc18715e5a4c6f7.webp 900w, https://assets.fabulous.ch/public/variant_asset/7643/file/large-22353d31df496e90aaf2248f4aec5a11.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7643/file/medium-ffe8e8480c67a9734dc18715e5a4c6f7.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/yoghurt-alternative-coconut-nature-organic-375-g-16584">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Yoghurt alternative Coconut Nature Organic, 375 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </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 0.85 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16584&quot;],&quot;content_name&quot;:&quot;Yoghurt alternative Coconut Nature Organic, 375 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16584&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="yDtKh2AmJP1fFruCLDb4NPq7hGlbMqJy3FWmUBLj3N1q0girNjCf_Z017gSdp42CZzbE2fjSGnOaEzwOSG5JKQ" />
    <input value="16584" 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%2Ffupi%3Fformat%3Dturbo_stream%26page%3D23">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/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="0mAjXO06zfC8EMsUKGHhy2DcSVE6VDMhdVYP97Dp-llwiWFwuyx28H4znpKZ8JR9_VEJ4Zm0iyAzEJWp6mRvrQ" />
    <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%2Ffupi%3Fformat%3Dturbo_stream%26page%3D23">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/dinki-spelt-strips-marinated-organic-200-g-1691">
          <img alt="Dinki Spelt Strips Marinated Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1346/file/small-dd137aa7ac783b2c737e288751dfde83.webp 600w, https://assets.fabulous.ch/public/variant_asset/1346/file/medium-9613817eb3e098d290058f3a08106fe5.webp 900w, https://assets.fabulous.ch/public/variant_asset/1346/file/large-63c4de33f2ddaa52fd5c6802b34ba106.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1346/file/medium-9613817eb3e098d290058f3a08106fe5.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/dinki-spelt-strips-marinated-organic-200-g-1691">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dinki Spelt Strips Marinated Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.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 3.48 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;1691&quot;],&quot;content_name&quot;:&quot;Dinki Spelt Strips Marinated Organic, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;1691&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AdKuCsxk7fyxhCboOgxXypX-IAeJ28KP5WtfVgPorJSjO-wmmnJW_HOnc26LnSJ8CHNgtyo7eo6jLcUIWWU5YA" />
    <input value="1691" 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%2Ffupi%3Fformat%3Dturbo_stream%26page%3D23">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/vegan-aioli-without-eggs-demeter-190-ml-7915">
          <img alt="Vegan Aioli Without Eggs Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4640/file/small-e2d2c35637614e7dd39104ca56b52ec0.webp 600w, https://assets.fabulous.ch/public/variant_asset/4640/file/medium-42c85b928e0b2a16650fd4faae5d1523.webp 900w, https://assets.fabulous.ch/public/variant_asset/4640/file/large-9a914f09e667a80210af7e47cfc88060.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4640/file/medium-42c85b928e0b2a16650fd4faae5d1523.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">Naturata</p>
          <a href="/en/products/vegan-aioli-without-eggs-demeter-190-ml-7915">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vegan Aioli Without Eggs Demeter, 190 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;7915&quot;],&quot;content_name&quot;:&quot;Vegan Aioli Without Eggs Demeter, 190 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;7915&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="M50qPZ5J4ZhvzEpowNwO-uAlaymiUeBqrCWvyii9AfORdGgRyF9amK3vH-5xTXtMfagrmQGxWGvqYzWUcjCUBw" />
    <input value="7915" 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%2Ffupi%3Fformat%3Dturbo_stream%26page%3D23">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/spicy-cashews-organic-50-g-15525">
          <img alt="Spicy Cashews Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7083/file/small-9078f0e2d3d08fc73fdbf79982993cc2.webp 600w, https://assets.fabulous.ch/public/variant_asset/7083/file/medium-63f0d0c0b163872b02bc7740f74abaf4.webp 900w, https://assets.fabulous.ch/public/variant_asset/7083/file/large-5ea0a450a87098bc04938b49bbe884cd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7083/file/medium-63f0d0c0b163872b02bc7740f74abaf4.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">Landgarten</p>
          <a href="/en/products/spicy-cashews-organic-50-g-15525">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Spicy Cashews Organic, 50 g</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 6.10 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15525&quot;],&quot;content_name&quot;:&quot;Spicy Cashews Organic, 50 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15525&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.05,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZhviFEu6cS6yX_CAW0SsDxemtPiVTROF7RfWCU0x1nPE8qA4HazKLnB8pQbq1dm5iiv0SDatq4SrUUxXF7xDhw" />
    <input value="15525" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Add to cart
</button>    </div>
</form>
      </div>
    </div>
  </div>



</template></turbo-stream>
<turbo-stream action="replace" target="infinite_scroll_sentinel"><template>
  <div id="infinite_scroll_sentinel" class="w-full py-8">
  <div class="flex flex-col items-center gap-3">
    <p class="text-sm text-gray-500">
      460 of 3&#39;559 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/fupi?format=turbo_stream&amp;page=24">Show more</a>
  </div>
</div>

</template></turbo-stream>