<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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D8">
    <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-filets-wild-garlic-organic-80-g-753">
          <img alt="Tofu-Filets Wild Garlic Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/702/file/small-cd11307abcf7682d2a0f654789ad5cc5.webp 600w, https://assets.fabulous.ch/public/variant_asset/702/file/medium-0dbe677d0a06921fb8150746743c95a7.webp 900w, https://assets.fabulous.ch/public/variant_asset/702/file/large-5b05b802df20903d8402cf402e0244d1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/702/file/medium-0dbe677d0a06921fb8150746743c95a7.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-filets-wild-garlic-organic-80-g-753">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tofu-Filets Wild Garlic Organic, 2 x 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.25
            </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.66 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;753&quot;],&quot;content_name&quot;:&quot;Tofu-Filets Wild Garlic Organic, 2 x 80 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;753&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.25,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BP-fdE10q4ZUxuo50bSYs4moP35UgQKMPWbODF4pF8VJpIFjGWe5dX2ndNLkhGq9ty1n60Cj5DPj0nofJXq3hA" />
    <input value="753" 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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D8">
    <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="EqxUAuMn2igkqKrs18rvAWq65gyCAwN3xLAEHeqvsStf90oVtzTI2w3JNAfi-h0PVD--mZYh5cgaBLAOkfwRag" />
    <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 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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D8">
    <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/mozzarisella-mascarice-vegan-alternative-to-mascarpone-organic-150-g-10031">
          <img alt="MozzaRisella Mascarice Vegan Alternative to Mascarpone Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5484/file/small-cda62dfa5665bc7f0c07305c162fa022.webp 600w, https://assets.fabulous.ch/public/variant_asset/5484/file/medium-8171c0097a6cb56ffcf072eca90814f3.webp 900w, https://assets.fabulous.ch/public/variant_asset/5484/file/large-62346ea6ff458ac6f53e04592abcee0f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5484/file/medium-8171c0097a6cb56ffcf072eca90814f3.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">Mozzarisella</p>
          <a href="/en/products/mozzarisella-mascarice-vegan-alternative-to-mascarpone-organic-150-g-10031">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">MozzaRisella Mascarice Vegan Alternative to Mascarpone Organic, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.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 3.27 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;10031&quot;],&quot;content_name&quot;:&quot;MozzaRisella Mascarice Vegan Alternative to Mascarpone Organic, 150 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;10031&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lrghcOFM8IYJ2ReuXcv6vOIm-__UBs-HPr5o_e4UZQnb4z9ntV_idSC4iUVo-wiy3KOjasAkKTjgCtzulUfFSA" />
    <input value="10031" 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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D8">
    <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/coleslaw-organic-360-g-15889">
          <img alt="Coleslaw Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7292/file/small-626b2292b2e42c4593bfa662eee017fd.webp 600w, https://assets.fabulous.ch/public/variant_asset/7292/file/medium-e10972ede5c2bc21e579e25f212e322a.webp 900w, https://assets.fabulous.ch/public/variant_asset/7292/file/large-4c842c03611edd558b8dfa111d8205d4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7292/file/medium-e10972ede5c2bc21e579e25f212e322a.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">Grünhof</p>
          <a href="/en/products/coleslaw-organic-360-g-15889">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Coleslaw Organic, 360 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 1.28 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15889&quot;],&quot;content_name&quot;:&quot;Coleslaw Organic, 360 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15889&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="FjiDTKpB915vmbu6Giw3eL3nw_r3o-jiAp1Dn38CO6FbY51b_lLlrUb4JVEvHMV2g2Kbb-OBDl3cKfeMBFGb4A" />
    <input value="15889" 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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D8">
    <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/sucuk-snacker-vegan-organic-30-g-16585">
          <img alt="Sucuk Snacker Vegan Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7644/file/small-75cc8a70c3e39dc6f96591868375686a.webp 600w, https://assets.fabulous.ch/public/variant_asset/7644/file/medium-2571841f969894a1a6b55b7c88416599.webp 900w, https://assets.fabulous.ch/public/variant_asset/7644/file/large-a9aac0ca14b91034107c3bb323b2cdb1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7644/file/medium-2571841f969894a1a6b55b7c88416599.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/sucuk-snacker-vegan-organic-30-g-16585">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sucuk Snacker Vegan Organic, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16585&quot;],&quot;content_name&quot;:&quot;Sucuk Snacker Vegan Organic, 30 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16585&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MPBgr8KrfxqEFVf8x9q00OBQdT4O4jYnmda3yhZQNX19q364lrht6a10yRfy6kbe3tUtqxrA0JhHYgPZbQOVPA" />
    <input value="16585" 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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D8">
    <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-smoked-classic-organic-200-g-635">
          <img alt="Tofu Smoked Classic Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/580/file/small-41cf7ea0ab5c64dadd0f97007ad7fd45.webp 600w, https://assets.fabulous.ch/public/variant_asset/580/file/medium-31a648734ae472d71fd1233f85535d06.webp 900w, https://assets.fabulous.ch/public/variant_asset/580/file/large-49f3b17e25d5d2d1cf2a72c218fef2b4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/580/file/medium-31a648734ae472d71fd1233f85535d06.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-smoked-classic-organic-200-g-635">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tofu Smoked Classic Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.15
            </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.08 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;635&quot;],&quot;content_name&quot;:&quot;Tofu Smoked Classic Organic, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;635&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.15,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="w4YhIjRTSGid8JhllUyXRr6GtoG3Lm__oVmGN-2WfsSO3T81YEBam7SRBo6gfGVIgAPuFKMMiUB_7TIklsXehQ" />
    <input value="635" 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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D8">
    <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/sausages-vegan-weenies-hot-dog-organic-4-piece-f85bfa60-aca4-4ee0-b976-acfe4cfc2077-10306">
          <img alt="Sausages Vegan Weenies &quot;Hot dog&quot; Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5542/file/small-3cd5f56060313f5522d13dfe326b006c.webp 600w, https://assets.fabulous.ch/public/variant_asset/5542/file/medium-054a983a8f0430e1faff10c1196ff9ce.webp 900w, https://assets.fabulous.ch/public/variant_asset/5542/file/large-01b5d92faa61c5e47df883fc379d7835.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5542/file/medium-054a983a8f0430e1faff10c1196ff9ce.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/sausages-vegan-weenies-hot-dog-organic-4-piece-f85bfa60-aca4-4ee0-b976-acfe4cfc2077-10306">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sausages Vegan Weenies &quot;Hot dog&quot; Organic, 4 pieces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.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.68 / Stk.
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;10306&quot;],&quot;content_name&quot;:&quot;Sausages Vegan Weenies \&quot;Hot dog\&quot; Organic, 4 pieces&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;10306&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LIHZvxGeU4MelnjiL4DM4-s79juZQrr0IIAZsXcguhZh2seoRY1BcDf35gkasD7t1b6uro1gXEv-NK2iDHMaVw" />
    <input value="10306" 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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D8">
    <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/coconut-nourishing-hair-oil-organic-100-ml-22365">
          <img alt="Coconut Nourishing Hair Oil Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11821/file/small-8d9eb23a2a265523b1d33ab6ac311384.webp 600w, https://assets.fabulous.ch/public/variant_asset/11821/file/medium-f65b3bdfa79f0119fa5a812f819cbfb0.webp 900w, https://assets.fabulous.ch/public/variant_asset/11821/file/large-df614964878fdb067ef30220595a409d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11821/file/medium-f65b3bdfa79f0119fa5a812f819cbfb0.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">Urtekram</p>
          <a href="/en/products/coconut-nourishing-hair-oil-organic-100-ml-22365">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Coconut Nourishing Hair Oil Organic, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22365&quot;],&quot;content_name&quot;:&quot;Coconut Nourishing Hair Oil Organic, 100 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22365&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:12.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AA5ajZmdBn5u6rT-VFK75gMF0I6zlgX-SLiV7orENNJNVUSazY4UjUeLKhVhYknoPYCIG6e040GWDCH98ZeUkw" />
    <input value="22365" 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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D8">
    <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/toothpaste-activated-charcoal-75-ml-22364">
          <img alt="Toothpaste Activated charcoal No Fluoride Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11820/file/small-87b2a21ab19ab789879bd53a3ab4eb63.webp 600w, https://assets.fabulous.ch/public/variant_asset/11820/file/medium-80915d1a39768872b6b1c0e07d0ef26a.webp 900w, https://assets.fabulous.ch/public/variant_asset/11820/file/large-e1986e73c294e8990c2e3cf8ff1db5e3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11820/file/medium-80915d1a39768872b6b1c0e07d0ef26a.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">Urtekram</p>
          <a href="/en/products/toothpaste-activated-charcoal-75-ml-22364">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Toothpaste Activated charcoal No Fluoride Organic, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22364&quot;],&quot;content_name&quot;:&quot;Toothpaste Activated charcoal No Fluoride Organic, 75 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22364&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="knMDXjap53n4ko2IICiiP4Wi2HSwjFg-H_U3DLna1jbfKB1JYrr1itHzE2MVGFAxuyeA4aSuvoHBQYMfwol2dw" />
    <input value="22364" 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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D8">
    <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/25-pieces-18520">
          <img alt="Alkaline Tea 49 Herbs Tea Bags Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10242/file/small-91d06eee77be1588f566dbed97542c6b.webp 600w, https://assets.fabulous.ch/public/variant_asset/10242/file/medium-1baa7c905ce486b3b1d32f57a63329ca.webp 900w, https://assets.fabulous.ch/public/variant_asset/10242/file/large-e509be73de59393dfb25d50a4d58c0f7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10242/file/medium-1baa7c905ce486b3b1d32f57a63329ca.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">Droste-Laux</p>
          <a href="/en/products/25-pieces-18520">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Alkaline Tea 49 Herbs Tea Bags Organic, 25 pieces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18520&quot;],&quot;content_name&quot;:&quot;Alkaline Tea 49 Herbs Tea Bags Organic, 25 pieces&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18520&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:12.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jODA9mNi7NELvhiMWtodng8BSo7e56zU9lhZtoh-6BXBu97hN3H-IiLfhmdv6u-QMYQSG8rFSmso7O2l8y1IVA" />
    <input value="18520" 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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D8">
    <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/soap-bar-amla-plant-oil-soap-100-g-5660">
          <img alt="Soap Bar Amla Plant Oil Soap" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11824/file/small-fa84ffa06693f699c5131734d9ca6dfb.webp 600w, https://assets.fabulous.ch/public/variant_asset/11824/file/medium-e04f58ad17ea912fccaa848b9e000a36.webp 900w, https://assets.fabulous.ch/public/variant_asset/11824/file/large-20cd2fabbf2b71879638ee67af98a39e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11824/file/medium-e04f58ad17ea912fccaa848b9e000a36.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">apeiron natural care</p>
          <a href="/en/products/soap-bar-amla-plant-oil-soap-100-g-5660">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soap Bar Amla Plant Oil Soap, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;5660&quot;],&quot;content_name&quot;:&quot;Soap Bar Amla Plant Oil Soap, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;5660&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:15.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JNOVgqxeiDBkyvv0yTlWuPOJkGderMImcuXYfTD-D9NpiIuV-E2aw02rZR_8CaS2zQzI8kqOJJmsUWxuS62vkg" />
    <input value="5660" 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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D8">
    <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/soap-bar-ashwaganda-plant-oil-soap-100-g-5893">
          <img alt="Soap Bar Ashwaganda Plant Oil Soap" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3380/file/small-f4cd6a09697c0e8e9c11ce92dd3f1869.webp 600w, https://assets.fabulous.ch/public/variant_asset/3380/file/medium-3e57e5923da49a1c9896c426b0739aae.webp 900w, https://assets.fabulous.ch/public/variant_asset/3380/file/large-7fc7dc272e86a736dc8887858f82aba8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3380/file/medium-3e57e5923da49a1c9896c426b0739aae.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">apeiron natural care</p>
          <a href="/en/products/soap-bar-ashwaganda-plant-oil-soap-100-g-5893">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soap Bar Ashwaganda Plant Oil Soap, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;5893&quot;],&quot;content_name&quot;:&quot;Soap Bar Ashwaganda Plant Oil Soap, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;5893&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:15.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="N2cCQqjp5EkVIz4FYtxdWQhWvHt3UlHATtgvvv-bRVp6PBxV_Pr2ujxCoO5X7K9XNtPk7mNwt3-QbJuthMjlGw" />
    <input value="5893" 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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D8">
    <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/gondino-pepper-vegan-alternative-to-cheese-organic-150-g-13206">
          <img alt="Gondino Pepper Vegan Alternative to Cheese Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6428/file/small-74988f911bade2414193196d465dd685.webp 600w, https://assets.fabulous.ch/public/variant_asset/6428/file/medium-fe08132ab6beff6acf73876f9a1844b9.webp 900w, https://assets.fabulous.ch/public/variant_asset/6428/file/large-f37a2aa384e6cbfc36456c8ebc0c6e7e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6428/file/medium-fe08132ab6beff6acf73876f9a1844b9.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">Pangea Food</p>
          <a href="/en/products/gondino-pepper-vegan-alternative-to-cheese-organic-150-g-13206">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gondino Pepper Vegan Alternative to Cheese Organic, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.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 5.67 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;13206&quot;],&quot;content_name&quot;:&quot;Gondino Pepper Vegan Alternative to Cheese Organic, 150 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;13206&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BbU9bp6GiiGBn08CiEp5WWmBqaRe0XHR9FRjbKzDDm9I7iN5ypWY0qj-0em9eotXVwTxMUrzl24q4Nd_15CuLg" />
    <input value="13206" 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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D8">
    <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/gondino-stagionato-aged-vegan-alternative-to-cheese-150-g-7312">
          <img alt="Gondino Stagionato AGED Vegan Alternative to Cheese" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4166/file/small-0eeba6ecf84b9fe1f4321c6cabd9a04a.webp 600w, https://assets.fabulous.ch/public/variant_asset/4166/file/medium-38d686bbb62480de8f49b65c9f8ddab0.webp 900w, https://assets.fabulous.ch/public/variant_asset/4166/file/large-2518780482a4b8ba8ba8107ca6456c85.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4166/file/medium-38d686bbb62480de8f49b65c9f8ddab0.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">Pangea Food</p>
          <a href="/en/products/gondino-stagionato-aged-vegan-alternative-to-cheese-150-g-7312">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gondino Stagionato AGED Vegan Alternative to Cheese, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.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 5.27 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;7312&quot;],&quot;content_name&quot;:&quot;Gondino Stagionato AGED Vegan Alternative to Cheese, 150 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;7312&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="y4POicSwu8NhZqOrB-yGaYsTZhC5aoNlI85tlwV0DXGG2NCekKOpMEgHPUAy3HRntZY-ha1IZdr9etmEfietMA" />
    <input value="7312" 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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D8">
    <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/gondino-truffle-flavour-vegan-alternative-to-cheese-150-g-7319">
          <img alt="Gondino Truffle Flavour Vegan Alternative to Cheese" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4171/file/small-a164c377fde56a5be0d2b3cf3ca45ad7.webp 600w, https://assets.fabulous.ch/public/variant_asset/4171/file/medium-fe439f1bf27318835e700eaf257f92c5.webp 900w, https://assets.fabulous.ch/public/variant_asset/4171/file/large-bb5f0fade293d02c849e8739cd8c6311.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4171/file/medium-fe439f1bf27318835e700eaf257f92c5.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">Pangea Food</p>
          <a href="/en/products/gondino-truffle-flavour-vegan-alternative-to-cheese-150-g-7319">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gondino Truffle Flavour Vegan Alternative to Cheese, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.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 5.67 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;7319&quot;],&quot;content_name&quot;:&quot;Gondino Truffle Flavour Vegan Alternative to Cheese, 150 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;7319&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qWEve88Xiyut7qteqC-gCi6JD9oD4LTL9F7MG5ZG1l_kOjFsmwSZ2ISPNbWdH1IEEAxXTxfCUnQq6ngI7RV2Hg" />
    <input value="7319" 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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D8">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Out
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/mezzare-vegan-alternative-to-mozzarella-organic-150-g-11178">
          <img alt="MEZZARÈ 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/5728/file/small-583be391065e0dc995689e871abbf547.webp 600w, https://assets.fabulous.ch/public/variant_asset/5728/file/medium-a59556bef27f0dd43958d1f28c00c196.webp 900w, https://assets.fabulous.ch/public/variant_asset/5728/file/large-b413a6845717c3aeb3042e5a86222a7b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5728/file/medium-a59556bef27f0dd43958d1f28c00c196.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">Fermaggio</p>
          <a href="/en/products/mezzare-vegan-alternative-to-mozzarella-organic-150-g-11178">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">MEZZARÈ Vegan Alternative to Mozzarella 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="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-11178-card">
        

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

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


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D8">
    <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-burrata-cashew-heart-organic-140-g-11180">
          <img alt="Vegan Alternative to Burrata Cashew Heart Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5730/file/small-b30a4205e4d98916cf2802c67302b608.webp 600w, https://assets.fabulous.ch/public/variant_asset/5730/file/medium-8d3a1a94647e1cb389968c7765139d0e.webp 900w, https://assets.fabulous.ch/public/variant_asset/5730/file/large-bdccc99d8a80b5cc3aa03dc19e0ba86c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5730/file/medium-8d3a1a94647e1cb389968c7765139d0e.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">Fermaggio</p>
          <a href="/en/products/vegan-alternative-to-burrata-cashew-heart-organic-140-g-11180">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vegan Alternative to Burrata Cashew Heart Organic, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.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 5.43 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;11180&quot;],&quot;content_name&quot;:&quot;Vegan Alternative to Burrata Cashew Heart Organic, 140 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;11180&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UyBGhkOVjezyueYauvP6aH0A03sOfQVk6Fm4-ohv0Swee1iRF4afH9vYePGPwwhmQ4WL7hpf49s27Qzp8zxxbQ" />
    <input value="11180" 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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D8">
    <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/affumicata-vegan-alternative-to-soft-cheese-smoked-organic-180-g-11179">
          <img alt="AFFUMICATA Vegan Alternative to Soft Cheese Smoked Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5731/file/small-bc629ed81fb02b74f4eeb984ca733297.webp 600w, https://assets.fabulous.ch/public/variant_asset/5731/file/medium-d84cd1cccc2f6095f038abb64f533897.webp 900w, https://assets.fabulous.ch/public/variant_asset/5731/file/large-cabffb988733537b5f6a474647390526.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5731/file/medium-d84cd1cccc2f6095f038abb64f533897.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">Fermaggio</p>
          <a href="/en/products/affumicata-vegan-alternative-to-soft-cheese-smoked-organic-180-g-11179">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">AFFUMICATA Vegan Alternative to Soft Cheese Smoked Organic, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.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.39 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;11179&quot;],&quot;content_name&quot;:&quot;AFFUMICATA Vegan Alternative to Soft Cheese Smoked Organic, 180 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;11179&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2HeGUHLek7SgOU8qF1YDb07N8GoaCtwCrl2JNNoFQdmVLJhHJs2BR4lY0cEiZvFhcEio_w4oOr1w6T0noVbhmA" />
    <input value="11179" 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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D8">
    <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/gondino-pizza-shreds-150-g-7322">
          <img alt="Gondino Pizza Shreds" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4181/file/small-79e9204dfee4f60c74167bcde972a5c0.webp 600w, https://assets.fabulous.ch/public/variant_asset/4181/file/medium-2a251fe136125e2e0312f199b30251a0.webp 900w, https://assets.fabulous.ch/public/variant_asset/4181/file/large-5cdc60e2390962a4535e3cf7a62cbdcc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4181/file/medium-2a251fe136125e2e0312f199b30251a0.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">Pangea Food</p>
          <a href="/en/products/gondino-pizza-shreds-150-g-7322">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gondino Pizza Shreds, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.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 3.80 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;7322&quot;],&quot;content_name&quot;:&quot;Gondino Pizza Shreds, 150 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;7322&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WMHldHy7LnI2AK4Vlsdvx6kRySHC6e66NGm93PFx3fUVmvtjKKg8gR9hMP6j953Jl5SRtNbLCAXq3QnPiiJ9tA" />
    <input value="7322" 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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D8">
    <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-gravy-organic-25-g-14413">
          <img alt="Vegan Gravy Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6678/file/small-4c76e4cb3111f5527a2b6ed40c8be720.webp 600w, https://assets.fabulous.ch/public/variant_asset/6678/file/medium-ba006d01bfdfc2e1311e1ef5d33ee7a8.webp 900w, https://assets.fabulous.ch/public/variant_asset/6678/file/large-7d74e3981561a5e7a2780b471ecef038.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6678/file/medium-ba006d01bfdfc2e1311e1ef5d33ee7a8.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">Biovegan</p>
          <a href="/en/products/vegan-gravy-organic-25-g-14413">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vegan Gravy Organic, 25 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.75
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;14413&quot;],&quot;content_name&quot;:&quot;Vegan Gravy Organic, 25 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;14413&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.75,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jfQej9eOxjHKPyvF31mgUJ_UP3MfaRAwZM2cJpFeSDrArwCYg53UwuNetS7qaVJeoVFn5gtL9o-6eSg16g3oew" />
    <input value="14413" 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">
      160 of 3&#39;722 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/kaffa?format=turbo_stream&amp;page=9">Show more</a>
  </div>
</div>

</template></turbo-stream>