<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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/tofu-olive-organic-200-g-8779a530-c9be-4203-8912-d5f1f41e504a-15707">
          <img alt="Tofu Olive Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7154/file/small-efb95f38e02a37143aa15a459d6e76c0.webp 600w, https://assets.fabulous.ch/public/variant_asset/7154/file/medium-d4cecd4716d05946d0f43af5aea87031.webp 900w, https://assets.fabulous.ch/public/variant_asset/7154/file/large-b701fc472343d70a3711778ca5b385d5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7154/file/medium-d4cecd4716d05946d0f43af5aea87031.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-olive-organic-200-g-8779a530-c9be-4203-8912-d5f1f41e504a-15707">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tofu Olive Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ss-70zXA4b02sfzYSoVC1iHwFQAyZ1ms69Ev5TIwgcFY8Dehh-Uyr65Xjx487RtQtEcyLor_arCzRY0Vx7eP7g" />
    <input value="15707" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/vivani-chocolate-dark-nougat-gianduja-organic-80-g-418">
          <img alt="Vivani Chocolate Dark Nougat Gianduja Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/376/file/small-e0e7ddae471e9304a882b027be2a3816.webp 600w, https://assets.fabulous.ch/public/variant_asset/376/file/medium-19bfa13bf51f407f31f9e104ab591aa0.webp 900w, https://assets.fabulous.ch/public/variant_asset/376/file/large-88d729e277f9b72e593dcc0c955b11be.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/376/file/medium-19bfa13bf51f407f31f9e104ab591aa0.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Vivani / Ichoc</p>
          <a href="/en/products/vivani-chocolate-dark-nougat-gianduja-organic-80-g-418">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vivani Chocolate Dark Nougat Gianduja Organic, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_gSg00VX415lmlRZa1qBK9TW-VlixQUnEbT5uFYIMu8UOyyh93IwTP18J58dMtitQWHed9pdNjtJIFtIo488wA" />
    <input value="418" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/coconut-milk-with-yoghurt-cultures-chocolate-organic-125-g-2512">
          <img alt="Coconut Milk with Yoghurt Cultures Chocolate Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1819/file/small-ea0156cf3f17af924dcab774422f0508.webp 600w, https://assets.fabulous.ch/public/variant_asset/1819/file/medium-db2539ac90f58a7f8647460a323cad80.webp 900w, https://assets.fabulous.ch/public/variant_asset/1819/file/large-228731d1d465fcf2108100c901246a5c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1819/file/medium-db2539ac90f58a7f8647460a323cad80.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Harvest Moon</p>
          <a href="/en/products/coconut-milk-with-yoghurt-cultures-chocolate-organic-125-g-2512">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Coconut Milk with Yoghurt Cultures Chocolate Organic, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.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.60 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jKduV707gKg3Bi1u5626ThLj8w076lLOnSX4cBC6SspmmOIlDx5Tuq_gXqiRxePIh1TUI4NyYdLFsVqA5T1E5Q" />
    <input value="2512" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/k-philus-soya-with-dates-yoghurt-organic-125-g-14882">
          <img alt="K.Philus Soya with dates yoghurt Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6816/file/small-ec7d63f6e0fe177e20987f62e6089578.webp 600w, https://assets.fabulous.ch/public/variant_asset/6816/file/medium-e0d4d856f13a914d57e475293ac3855a.webp 900w, https://assets.fabulous.ch/public/variant_asset/6816/file/large-48b49868a349e2775fc1066971f60767.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6816/file/medium-e0d4d856f13a914d57e475293ac3855a.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">K.Philus Bio</p>
          <a href="/en/products/k-philus-soya-with-dates-yoghurt-organic-125-g-14882">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">K.Philus Soya with dates yoghurt Organic, 2 x 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="apU_jRWJib4W0aI3weuQVjwjZSDY7caEAvi-tF1h5yCAqrP_p6xarI430fG3g8nQqZRCDmB19ZhabBxEqObpDw" />
    <input value="14882" 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">
    

    <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-fabulous-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 action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pMakV7ldZdOkE4ybWaJgJGoqODH45JWnymIfTXHGoC1O-SglC3i2wTz1_10vyjmi_50fH0B8pruS9r29hEGuAg" />
    <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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/burger-sweet-potato-organic-160-g-16606">
          <img alt="Burger Sweet Potato Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7660/file/small-0ed5c504c12128433fa9ababd163a031.webp 600w, https://assets.fabulous.ch/public/variant_asset/7660/file/medium-043c2412511891faa8837d99d4b749f2.webp 900w, https://assets.fabulous.ch/public/variant_asset/7660/file/large-08df72a92960b13c803b333078b13d34.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7660/file/medium-043c2412511891faa8837d99d4b749f2.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">Soto</p>
          <a href="/en/products/burger-sweet-potato-organic-160-g-16606">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Burger Sweet Potato Organic, 160 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RpYECEm4iy9rJT3UNQnQYChw5BKu6hCngwS_ZPAaclqsqYh6-51YPfPDThJDYYnmvcfDPBZyI7vbkB2UBZ18dQ" />
    <input value="16606" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/wilmersburger-pizza-melt-mozzella-150-g-16800">
          <img alt="Wilmersburger Pizza Melt Mozzella" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7825/file/small-ccc4dc331ef815dec25c2cd36a1b25f5.webp 600w, https://assets.fabulous.ch/public/variant_asset/7825/file/medium-aa2ca18a5163dd49dbb02ea0a38b2ad9.webp 900w, https://assets.fabulous.ch/public/variant_asset/7825/file/large-8a168623ed8e887a7057abf4bb16619e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7825/file/medium-aa2ca18a5163dd49dbb02ea0a38b2ad9.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">Wilmersburger</p>
          <a href="/en/products/wilmersburger-pizza-melt-mozzella-150-g-16800">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Wilmersburger Pizza Melt Mozzella, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hWO4Fu8qrQnNUtLRCpn9aQpcg74lvXEp-Q2ZM2IRokJvXDRkXQ9-G1W0oRd88aTvn-ukkJ0lQjWhmTvDl5asbQ" />
    <input value="16800" 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">
    <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/pink-chai-organic-spice-tea-blend-60-g-18047">
          <img alt="Pink Chai – Spice Tea Blend Organic " class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9014/file/small-8adcaaf67f333f051174de07d280b74c.webp 600w, https://assets.fabulous.ch/public/variant_asset/9014/file/medium-f836be102ae4a0cee382c8b2dc478caa.webp 900w, https://assets.fabulous.ch/public/variant_asset/9014/file/large-4fd744ac79bc2330c3ce3133a04e9b4c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9014/file/medium-f836be102ae4a0cee382c8b2dc478caa.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">Premsoul</p>
          <a href="/en/products/pink-chai-organic-spice-tea-blend-60-g-18047">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pink Chai – Spice Tea Blend Organic , 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cla23zzRTnjA_xanloE13gezGPNx9BNj9x1hlBa4iXaYaTqtjvSdalgZZWHg6WxYkgQ_3clsIH-vicNk4z-HWQ" />
    <input value="18047" 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">
    <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/traditional-chai-organic-spice-tea-blend-60-g-18046">
          <img alt="Traditional Chai – Spice Tea Blend Organic " class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9010/file/small-80e4cd00b99e7144fdea0a4df5bb8392.webp 600w, https://assets.fabulous.ch/public/variant_asset/9010/file/medium-14fb0c87458d4f48ed2af7cee791aaaf.webp 900w, https://assets.fabulous.ch/public/variant_asset/9010/file/large-77a06e8e0d08435ee403d449712e7ffb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9010/file/medium-14fb0c87458d4f48ed2af7cee791aaaf.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">Premsoul</p>
          <a href="/en/products/traditional-chai-organic-spice-tea-blend-60-g-18046">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Traditional Chai – Spice Tea Blend Organic , 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3FnnnPHMrovQ2oLc5LfpzGN3ARbOnaJHkrxn-YVlfyg2ZmvuQ-l9mUg88RqS37BK9sAmOHYFkVvKKMUJcOJxBw" />
    <input value="18046" 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">
    <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/rooibos-chai-organic-spice-tea-blend-55-g-18045">
          <img alt="Rooibos Chai – Spice Tea Blend Organic " class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8999/file/small-eaeb916d22925d0387eafbf523ff3934.webp 600w, https://assets.fabulous.ch/public/variant_asset/8999/file/medium-c75d53e994781318f47edf8086c387b0.webp 900w, https://assets.fabulous.ch/public/variant_asset/8999/file/large-429dd246ecbb4dc7e08e5f202a11022b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8999/file/medium-c75d53e994781318f47edf8086c387b0.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">Premsoul</p>
          <a href="/en/products/rooibos-chai-organic-spice-tea-blend-55-g-18045">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rooibos Chai – Spice Tea Blend Organic , 55 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="C2r_jeliwHp6GT75TtZcCeKwkcuPJnKxAoyKma3vDpbhVXP_W0cTaOL_TT84vgWPdwe25Te-Qa1aGChpWGgAuQ" />
    <input value="18045" 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">
    <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/cocoa-chai-organic-spice-tea-blend-60-g-18044">
          <img alt="Cocoa Chai – Spice Tea Blend Organic " class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8996/file/small-27d456f7fdfd8cd5faf8a4dbd87f187d.webp 600w, https://assets.fabulous.ch/public/variant_asset/8996/file/medium-d7913bb391cf7aaaa9422357cc356c9c.webp 900w, https://assets.fabulous.ch/public/variant_asset/8996/file/large-37e1478ebd5525dfd0587a282dd11aef.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8996/file/medium-d7913bb391cf7aaaa9422357cc356c9c.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">Premsoul</p>
          <a href="/en/products/cocoa-chai-organic-spice-tea-blend-60-g-18044">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cocoa Chai – Spice Tea Blend Organic , 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Oqp08oh34SXVJkcjYuiPyVOkL89AjzIPAOtVYfxgxZHQlfiAOlIyN03ANOUUgNZPxhMI4fgXARNYf_eRCefLvg" />
    <input value="18044" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/oil-sunflower-oil-high-oleic-organic-750-ml-15220">
          <img alt="Oil Sunflower oil High-Oleic Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6978/file/small-503e0b4755a943858a4a9ff77e8e3196.webp 600w, https://assets.fabulous.ch/public/variant_asset/6978/file/medium-177bd259bb007017cdf8f77398e4825d.webp 900w, https://assets.fabulous.ch/public/variant_asset/6978/file/large-6ee42f6448918c3db77a3699d0f1d1e0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6978/file/medium-177bd259bb007017cdf8f77398e4825d.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/oil-sunflower-oil-high-oleic-organic-750-ml-15220">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Oil Sunflower oil High-Oleic Organic, 750 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.75
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_My0SdsrR__lP33hlyTWxFymntgXSqmmbArki-TzUMUW8zg7aQ6U7X3ZDifhTI9CyRG59q_Smro0nkZ7EXRe6g" />
    <input value="15220" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/coconut-and-almondbutter-with-dates-organic-250-g-5650">
          <img alt="Coconut and Almondbutter with Dates Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3262/file/small-59c00d0bdf342d86608ae6015903886f.webp 600w, https://assets.fabulous.ch/public/variant_asset/3262/file/medium-dd9c1060ab5b376ba3f02c1a41686dee.webp 900w, https://assets.fabulous.ch/public/variant_asset/3262/file/large-c43b7df6fbc25cdb06d6ea1cab2219f1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3262/file/medium-dd9c1060ab5b376ba3f02c1a41686dee.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/en/products/coconut-and-almondbutter-with-dates-organic-250-g-5650">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Coconut and Almondbutter with Dates Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yhy18CXI7c0Y2mQ25WaNAy05FBZH0_g2zUTrkFq6ok0gIzmCl-0-34A8F_CTDtSFuI4zOP9LyyqV0Elgrz2sYg" />
    <input value="5650" 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">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Tip
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/cuisine-soja-organic-250-ml-137fe859-842f-4630-8972-e2ff903d18ec-16809">
          <img alt="Cuisine Soja Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7826/file/small-d890ae6da7efea3344c3aea12c5562a7.webp 600w, https://assets.fabulous.ch/public/variant_asset/7826/file/medium-d155a8ba2d84df5bc9323bb1a56bab6e.webp 900w, https://assets.fabulous.ch/public/variant_asset/7826/file/large-056e577496f9381bff8cf38cbc314982.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7826/file/medium-d155a8ba2d84df5bc9323bb1a56bab6e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Alpro</p>
          <a href="/en/products/cuisine-soja-organic-250-ml-137fe859-842f-4630-8972-e2ff903d18ec-16809">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cuisine Soja Organic, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gGrN0tJoY1_oK-l7i9LNVOC9JrXzPmJ2GG5QwOrOEWVqVUGgYE2wTXDNmr39upTSdQoBm0umUWpA-vIwH0kfSg" />
    <input value="16809" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/chips-tortilla-chips-blue-corn-organic-150-g-11129">
          <img alt="Chips Tortilla Chips Blue Corn Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5697/file/small-2443e8318d12711f340913934ca48315.webp 600w, https://assets.fabulous.ch/public/variant_asset/5697/file/medium-a144ee0e0150e4a050f5def5b44fc0c6.webp 900w, https://assets.fabulous.ch/public/variant_asset/5697/file/large-22194eb9328f6d1718b6c14ea2d6f321.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5697/file/medium-a144ee0e0150e4a050f5def5b44fc0c6.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">MiAdelita</p>
          <a href="/en/products/chips-tortilla-chips-blue-corn-organic-150-g-11129">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chips Tortilla Chips Blue Corn Organic, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YglPrc7JYO9GeADk65iCRJ8jbXoRopHpB36V5u9uIqmINsPffOyz_d6ecyKd8NvCCpRKVKk6ovVf6jcWGukshg" />
    <input value="11129" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/coconut-milk-premium-gluten-free-organic-1-l-6780">
          <img alt="Coconut Milk Premium Gluten Free Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3924/file/small-dd7fa610287597b5383bd7ddcd885fb3.webp 600w, https://assets.fabulous.ch/public/variant_asset/3924/file/medium-e765fb2c1469214108daff991dba143e.webp 900w, https://assets.fabulous.ch/public/variant_asset/3924/file/large-f4e7955f26341b89bc2a11bb70e16f76.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3924/file/medium-e765fb2c1469214108daff991dba143e.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">Dr. Goerg</p>
          <a href="/en/products/coconut-milk-premium-gluten-free-organic-1-l-6780">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Coconut Milk Premium Gluten Free Organic, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Zi8AaDyPB1Q-hJxSMHkLcgs0bwiv_q_g-DirCkg1vOaMEIwajqrURqZi75RGEVL0noNIJhdmnPygrAn6vbKyyQ" />
    <input value="6780" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/plantain-chips-salty-organic-80-g-15019">
          <img alt="Plantain Chips Salty Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6885/file/small-e396d5b595778c89ec359771de7220a7.webp 600w, https://assets.fabulous.ch/public/variant_asset/6885/file/medium-ab67817e9c979a8f66d02fc0414a25de.webp 900w, https://assets.fabulous.ch/public/variant_asset/6885/file/large-fad5aaca3921e687862436b986e5a8cd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6885/file/medium-ab67817e9c979a8f66d02fc0414a25de.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">el origen</p>
          <a href="/en/products/plantain-chips-salty-organic-80-g-15019">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Plantain Chips Salty Organic, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kdl2HHn6N1laDr9EDek3nB51hBNUtwuFIPj3zNaf7lh75vpuy9_kS8LozIJ7gW4ai8KjPewvOJl4bFU8Ixjgdw" />
    <input value="15019" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/mate-elderflower-aronia-super-natural-club-organic-330-ml-15532">
          <img alt="Mate Elderflower &amp; Aronia Super Natural Club Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7088/file/small-04944f96259b2aaac32a79adc59d51ef.webp 600w, https://assets.fabulous.ch/public/variant_asset/7088/file/medium-b2f5e0fcc2d8161e7a71214bca720e07.webp 900w, https://assets.fabulous.ch/public/variant_asset/7088/file/large-7ec03565e706fbcfbc06fbfde967d50c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7088/file/medium-b2f5e0fcc2d8161e7a71214bca720e07.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">Super Natural Club</p>
          <a href="/en/products/mate-elderflower-aronia-super-natural-club-organic-330-ml-15532">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mate Elderflower &amp; Aronia Super Natural Club Organic, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3kCAlOU_9AQc7IBBF83MtXeekx4m6_EgR38xOxZrfY40fwzmVxonFoQK84dhpZUz4im0MJ5zwjwf65PL4-xzoQ" />
    <input value="15532" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/ombar-centres-chocolate-coconut-vanilla-organic-70-g-16767">
          <img alt="Ombar Centres Chocolate Coconut &amp; Vanilla Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7776/file/small-81e985f1dbc1447c0ebfed7004e73734.webp 600w, https://assets.fabulous.ch/public/variant_asset/7776/file/medium-4b819d70382adac4bd1da6765b1137b0.webp 900w, https://assets.fabulous.ch/public/variant_asset/7776/file/large-2bd1b19048c45fd59a54fbc6edb2ed70.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7776/file/medium-4b819d70382adac4bd1da6765b1137b0.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">Ombar</p>
          <a href="/en/products/ombar-centres-chocolate-coconut-vanilla-organic-70-g-16767">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ombar Centres Chocolate Coconut &amp; Vanilla Organic, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.35
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Q0iAh9lU7sTjgRAspp2AuoKHPiVhAKxbo0aAjcSMpsGpdwz1a3E91ntnY-rQ9dk8FzAZC9mYn0f70iJ9MQuo7g" />
    <input value="16767" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/orange-zest-grated-organic-9-g-10606">
          <img alt="Orange Zest Grated Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5592/file/small-a9cb11ce8523d2ca4a05949db8cee06f.webp 600w, https://assets.fabulous.ch/public/variant_asset/5592/file/medium-e373bb298478a74334a93bbcb470ac7f.webp 900w, https://assets.fabulous.ch/public/variant_asset/5592/file/large-fec8269e6aaa4e763cf1b55024ddb8bc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5592/file/medium-e373bb298478a74334a93bbcb470ac7f.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/orange-zest-grated-organic-9-g-10606">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Orange Zest Grated Organic, 9 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.65
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Hih_teMu_Sj7BsiSYKCtecy05AEojSRozdyIhaN2axD0F_PHUQsuOmPgu1QWyPT_WQPDL5AVF3SVSCp1VvFlPw" />
    <input value="10606" 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">
      260 of 3&#39;207 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/dioniso?format=turbo_stream&amp;page=14">Show more</a>
  </div>
</div>

</template></turbo-stream>