<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/candy-ginger-gluten-free-organic-100-g-2576">
          <img alt="Candy Ginger 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/1871/file/small-ece036dcbded5cea71faae7407652dfc.webp 600w, https://assets.fabulous.ch/public/variant_asset/1871/file/medium-253d3150e743c981c84051d871135e42.webp 900w, https://assets.fabulous.ch/public/variant_asset/1871/file/large-7a93cf66b39e518599bd212dc18264ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1871/file/medium-253d3150e743c981c84051d871135e42.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">Liebhart&#39;s</p>
          <a href="/en/products/candy-ginger-gluten-free-organic-100-g-2576">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Candy Ginger Gluten Free Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="h43y2mteCvrF-PM6rr5-_gpj-2I5U-w7T6ORhECkh2jvLv1MwXym66GQBxHweOXMB9FnfMCO4xtscmic9Vtczg" />
    <input value="2576" 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/lovechock-chocolate-93-cacao-raw-organic-70-g-2577">
          <img alt="Lovechock Chocolate 93% Cacao RAW Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1869/file/small-cde52eb58800fccdbb6ecd0a6d7e1508.webp 600w, https://assets.fabulous.ch/public/variant_asset/1869/file/medium-87f907386ea18b3733135e12f4113170.webp 900w, https://assets.fabulous.ch/public/variant_asset/1869/file/large-7adb7d9dc16ace0d279055bae3f19c35.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1869/file/medium-87f907386ea18b3733135e12f4113170.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">Lovechock</p>
          <a href="/en/products/lovechock-chocolate-93-cacao-raw-organic-70-g-2577">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lovechock Chocolate 93% Cacao RAW Organic, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4fjU2EWgQtwS-_Sy1Iju9pNqNP-MTMy5HBAWCndGduKJW9tO74LuzXaTAJmKTnXEntio4XWRw5k_we8SwrmtRA" />
    <input value="2577" 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/mushrooms-shiitake-dried-organic-20-g-2579">
          <img alt="Mushrooms Shiitake Dried Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1872/file/small-04786c94d550daee67c280f5b9391f6f.webp 600w, https://assets.fabulous.ch/public/variant_asset/1872/file/medium-13857f9e0b77017eaf4aa92fa385000d.webp 900w, https://assets.fabulous.ch/public/variant_asset/1872/file/large-c878f7f751620e1993511170b3e2ae03.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1872/file/medium-13857f9e0b77017eaf4aa92fa385000d.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">Pural</p>
          <a href="/en/products/mushrooms-shiitake-dried-organic-20-g-2579">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mushrooms Shiitake Dried Organic, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qNFjNU02y3TLlYrvGo-bHJSBh-jNvOVrB19qiRCDrovAcmyj5xRnZa_9fsRESQAumTMb9jRh6kskjpORpXx1LQ" />
    <input value="2579" 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-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/mushrooms-chanterelle-dried-organic-20-g-2580">
          <img alt="Mushrooms Chanterelle Dried Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1873/file/small-2851aafd133ab387569fcbb3a1765442.webp 600w, https://assets.fabulous.ch/public/variant_asset/1873/file/medium-2286f16867d19abb76c77844929d49ea.webp 900w, https://assets.fabulous.ch/public/variant_asset/1873/file/large-56fa5b87a6a171f0f394924f9d41b417.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1873/file/medium-2286f16867d19abb76c77844929d49ea.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">Pural</p>
          <a href="/en/products/mushrooms-chanterelle-dried-organic-20-g-2580">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mushrooms Chanterelle Dried Organic, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.70
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-2580-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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/mushrooms-porcini-dried-organic-20-g-2581">
          <img alt="Mushrooms Porcini Dried Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1874/file/small-b62664d7ff19d9671ad0e59a1ab47c62.webp 600w, https://assets.fabulous.ch/public/variant_asset/1874/file/medium-c55e560cfb904ad0474062344576b507.webp 900w, https://assets.fabulous.ch/public/variant_asset/1874/file/large-aed429d651b75047aba2e39778dbf2df.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1874/file/medium-c55e560cfb904ad0474062344576b507.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">Pural</p>
          <a href="/en/products/mushrooms-porcini-dried-organic-20-g-2581">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mushrooms Porcini Dried Organic, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="71mmyfWucSCnqUL8xHv8jt3mAACeIMzSt38Ar2CkkPSH-qlfX4zdMcPBtteavWe80FScHmf9w_KUrvm31VtLUg" />
    <input value="2581" 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/sports-bag-go-vegan-1-piece-2596">
          <img alt="Sports Bag Go Vegan!" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1885/file/small-96524675c101622a523e8eb22c015565.webp 600w, https://assets.fabulous.ch/public/variant_asset/1885/file/medium-90a9345fdd99b77d8ecd706b2ef76eb2.webp 900w, https://assets.fabulous.ch/public/variant_asset/1885/file/large-5371e741797979880e55ef77a59e6fb2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1885/file/medium-90a9345fdd99b77d8ecd706b2ef76eb2.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">Swissveg</p>
          <a href="/en/products/sports-bag-go-vegan-1-piece-2596">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sports Bag Go Vegan!, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.05
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="M2Wh3ELzVb64ryLHK3tc8gUgphoST2sAv5ilp9omwflbxq5K6NH5r9zH1ux1vcfACJI6BOuSZCCcSVy_b9kaXw" />
    <input value="2596" 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/hand-cream-basis-sensitive-75-ml-2614">
          <img alt="Hand Cream basis sensitive" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1891/file/small-6477ea12ea66a103519b7427264cc4d8.webp 600w, https://assets.fabulous.ch/public/variant_asset/1891/file/medium-e39d6f02b8b2b7687ba80107d872b256.webp 900w, https://assets.fabulous.ch/public/variant_asset/1891/file/large-37ca3d88e60458ca070473824a4f64b4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1891/file/medium-e39d6f02b8b2b7687ba80107d872b256.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">Lavera</p>
          <a href="/en/products/hand-cream-basis-sensitive-75-ml-2614">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hand Cream basis sensitive, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.75
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HIkkAP64ciiEuDcNMVEgqFxab3M4QlHL_v17T6S0YQB0KiuWVJreOeDQwyZvl7uaUejzbcGfXuvdLIJXEUu6pg" />
    <input value="2614" 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/omega-life-vegan-omega-3-60-capsules-60-piece-2615">
          <img alt="OMEGA-life Vegan Omega 3, 60 capsules" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1892/file/small-d9d29d7ee9ef83537a0917f79bdcb242.webp 600w, https://assets.fabulous.ch/public/variant_asset/1892/file/medium-1d94c2e8bd608fa019bdcad5d168178c.webp 900w, https://assets.fabulous.ch/public/variant_asset/1892/file/large-d74b8c555bccbdba9a934ed0d671f01d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1892/file/medium-1d94c2e8bd608fa019bdcad5d168178c.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">Doetsch Grether AG</p>
          <a href="/en/products/omega-life-vegan-omega-3-60-capsules-60-piece-2615">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">OMEGA-life Vegan Omega 3, 60 capsules, 60 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 50.55
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kxnc0n9hUNXllnrPnwx5-zMTRjJFWwlGOF-QiZcKKun7utNE1UP8xIH-juTByuLJPqHaLLyGBmYbjmmRIvXxTw" />
    <input value="2615" 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/tea-green-tea-organic-18-bags-18-bag-2625">
          <img alt="Tea Green Tea Organic, 18 Bags" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1895/file/small-cd4d7430ae171c28f27d0082ced43c7b.webp 600w, https://assets.fabulous.ch/public/variant_asset/1895/file/medium-9091b31add2fc2254064959e8b2c2890.webp 900w, https://assets.fabulous.ch/public/variant_asset/1895/file/large-9c1aec74dcadd2cb6de0eae461396bc2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1895/file/medium-9091b31add2fc2254064959e8b2c2890.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/en/products/tea-green-tea-organic-18-bags-18-bag-2625">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tea Green Tea Organic, 18 Bags, 18 bag</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yXh0A5aJXgSUvpt6kqBd6qPRXbgERSvGYPhgqhxfFYah23uVPKvyFfDWb1HMZsbYrmPBpv2YJOZDKZmyqaDOIA" />
    <input value="2625" 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/calcium-high-bioavailability-90mg-kapseln-180-piece-2634">
          <img alt="Calcium High Bioavailability 90mg Kapseln" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1900/file/small-058cdd6d9691ada5f32e3da89c731207.webp 600w, https://assets.fabulous.ch/public/variant_asset/1900/file/medium-944232310d7c8a1f80cdceda1a6f66ca.webp 900w, https://assets.fabulous.ch/public/variant_asset/1900/file/large-25dd647a26c0479d779a8b78725cdef9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1900/file/medium-944232310d7c8a1f80cdceda1a6f66ca.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">energybalance</p>
          <a href="/en/products/calcium-high-bioavailability-90mg-kapseln-180-piece-2634">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Calcium High Bioavailability 90mg Kapseln, 180 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GLGjOBm6Xco-a8EZkp9ZYMKOHWcED5Hbqv1ySEE8-CNwEqyus5jx21oDNTLMWcJSzzyBef3SnvuJLItQ9MMjhQ" />
    <input value="2634" 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/k2-active-advanced-mk-7-75-g-vitamin-kapseln-90-piece-2636">
          <img alt="K2 active advanced MK-7 75µg Vitamin Kapseln" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1902/file/small-66aa7e114f4cc44ca2d85a79e1d7c282.webp 600w, https://assets.fabulous.ch/public/variant_asset/1902/file/medium-9a984cf48896e7df0b5f13591ede257f.webp 900w, https://assets.fabulous.ch/public/variant_asset/1902/file/large-38449411685c0ee4a76ba8512aa5a1ba.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1902/file/medium-9a984cf48896e7df0b5f13591ede257f.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">energybalance</p>
          <a href="/en/products/k2-active-advanced-mk-7-75-g-vitamin-kapseln-90-piece-2636">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">K2 active advanced MK-7 75µg Vitamin Kapseln, 90 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 39.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ecehkWvkwbeyQvvbYB9HoHbMtSUhotksfX9UiwOtKsoRZK4HwcZtptYqD_A-2dySe34pO9h_1gxerq2TtlLxbA" />
    <input value="2636" 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/selenium-organic-high-natural-60-g-kapseln-90-piece-2637">
          <img alt="Selenium Organic High Natural 60µg Kapseln" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1903/file/small-aaebc1d13d2050d6ef370e52d364f1fc.webp 600w, https://assets.fabulous.ch/public/variant_asset/1903/file/medium-a44fa666a437f41e453fd47de0beae65.webp 900w, https://assets.fabulous.ch/public/variant_asset/1903/file/large-f4aa580694e9dd90a328269ece917c66.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1903/file/medium-a44fa666a437f41e453fd47de0beae65.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">energybalance</p>
          <a href="/en/products/selenium-organic-high-natural-60-g-kapseln-90-piece-2637">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Selenium Organic High Natural 60µg Kapseln, 90 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kkf4teG66_MNwDKY9dqR5e_G2LxvK9fpugHNJI65_0T65PcjS5hH4mmoxrOrHArX4nREopb22MmZ0DQ8O0Yk4g" />
    <input value="2637" 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/powder-natural-mineral-sand-10-g-2670">
          <img alt="Powder Natural Mineral SAND" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1939/file/small-06421d95c66a2b50757a77b397b000eb.webp 600w, https://assets.fabulous.ch/public/variant_asset/1939/file/medium-6b8388265354aa5dd6f0d011a29311ec.webp 900w, https://assets.fabulous.ch/public/variant_asset/1939/file/large-669d1125f2a3937e31cc9fb812450b2a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1939/file/medium-6b8388265354aa5dd6f0d011a29311ec.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">benecos</p>
          <a href="/en/products/powder-natural-mineral-sand-10-g-2670">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Powder Natural Mineral SAND, 10 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.85
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ct2joONzanvbPjlojkHxEPjqGaxv9el51B5cFLEo2CFifqw2SVHGar9WzUPQh2oi9ViFspYo5ln3z6UMBNcDhw" />
    <input value="2670" 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/powder-natural-mineral-light-sand-10-g-2671">
          <img alt="Powder Natural Mineral LIGHT SAND" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1941/file/small-292dbe2f16be5a9eec29480619ce9ce6.webp 600w, https://assets.fabulous.ch/public/variant_asset/1941/file/medium-e8ac8db69d3b1037b323069d10f6d8eb.webp 900w, https://assets.fabulous.ch/public/variant_asset/1941/file/large-ee780808799446169a69d3d2abf038d4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1941/file/medium-e8ac8db69d3b1037b323069d10f6d8eb.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">benecos</p>
          <a href="/en/products/powder-natural-mineral-light-sand-10-g-2671">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Powder Natural Mineral LIGHT SAND, 10 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.85
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PALo4VI74K0TSpGG1N7M6HA-wcmTOjgwPXETMxDYjUVUoed3-BlMvHciZa2KGFfafYxd12rnNxAeoOorpSdW4w" />
    <input value="2671" 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/powder-natural-mineral-medium-beige-10-g-2672">
          <img alt="Powder Natural Mineral MEDIUM BEIGE" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1940/file/small-2f8bb0039d8954945470666fdf4d19f7.webp 600w, https://assets.fabulous.ch/public/variant_asset/1940/file/medium-045f2628d6908fa475ed3472468f3861.webp 900w, https://assets.fabulous.ch/public/variant_asset/1940/file/large-52260cbd6586bce1c9f9946bf2dc5113.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1940/file/medium-045f2628d6908fa475ed3472468f3861.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">benecos</p>
          <a href="/en/products/powder-natural-mineral-medium-beige-10-g-2672">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Powder Natural Mineral MEDIUM BEIGE, 10 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.85
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PeFI6NcMjgNjuoeO1wIbNsi5K8uCQ-3Vk4k0n9KykUFVQkd-fS4iEgfSc6WJxIAExQu31Xue4vWwWM2HZ01K5w" />
    <input value="2672" 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/ami-dog-dry-food-vegan-12-kg-2696">
          <img alt="AMI Dog Dry Food Vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1947/file/small-9da9af98613330f5845916d034331ffb.webp 600w, https://assets.fabulous.ch/public/variant_asset/1947/file/medium-750fa2287c0b2fb0cafb3831c732f3e5.webp 900w, https://assets.fabulous.ch/public/variant_asset/1947/file/large-02068d90d1ad0d5f16ed5393a945d1ab.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1947/file/medium-750fa2287c0b2fb0cafb3831c732f3e5.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">AMI</p>
          <a href="/en/products/ami-dog-dry-food-vegan-12-kg-2696">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">AMI Dog Dry Food Vegan, 12 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 71.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Xh0r1WAbRrvHH4o7o7i40rIPMWeVU65m2JBq127fZiU2viRDyjnqqqN3fhD9fiPgv72teWyOoUb7QZPP2yC9gw" />
    <input value="2696" 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/ami-dog-cookies-vanilla-500-g-2697">
          <img alt="AMI Dog Cookies Vanilla" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1948/file/small-3321f15736651ef71ca91861f6d37a26.webp 600w, https://assets.fabulous.ch/public/variant_asset/1948/file/medium-341952082d351ffb05397ab5144fe356.webp 900w, https://assets.fabulous.ch/public/variant_asset/1948/file/large-b21627f9a02b3738c8ad3bb5446150fa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1948/file/medium-341952082d351ffb05397ab5144fe356.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">AMI</p>
          <a href="/en/products/ami-dog-cookies-vanilla-500-g-2697">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">AMI Dog Cookies Vanilla, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="r9a6ArpTCKnMKaaTKRID99KepOadafjj7PqKowOHQyzHdbWUEHGkuKhBUrh31JjF3yw4-GS098PPK3O7tniYig" />
    <input value="2697" 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/vegan-slices-dinki-affumato-organic-100-g-2716">
          <img alt="Vegan Slices Dinki Affumato Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1952/file/small-c24ab4e84c550d941445be420f3e0a1c.webp 600w, https://assets.fabulous.ch/public/variant_asset/1952/file/medium-9a99c1ea60d070af71027ef419b3a16b.webp 900w, https://assets.fabulous.ch/public/variant_asset/1952/file/large-820668e330044b0f9f6fc0a64eb8c1b5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1952/file/medium-9a99c1ea60d070af71027ef419b3a16b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Soyana</p>
          <a href="/en/products/vegan-slices-dinki-affumato-organic-100-g-2716">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan Slices Dinki Affumato Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YGJ7rEU_8ukM7MhLaDWyQMjAOLfmqfS2M-Mml9F61MYIwXQ67x1e-GiEPGA28ylyxXKkqR90-5YQMt-PZIUPYA" />
    <input value="2716" 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/tofu-basilico-organic-200-g-2738">
          <img alt="Tofu Basilico Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1954/file/small-f944000126f55832b54251c2a57aab87.webp 600w, https://assets.fabulous.ch/public/variant_asset/1954/file/medium-117dcd30d161d6852007aa45271a5436.webp 900w, https://assets.fabulous.ch/public/variant_asset/1954/file/large-d0b845a99dc7b6d313d5568b100dcfe4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1954/file/medium-117dcd30d161d6852007aa45271a5436.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-basilico-organic-200-g-2738">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tofu Basilico 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-2738-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="z0d28KR-WFNO6kY1Lfz9bpA4qFCqKAJrnDHeGVd7jAan5HlmDlz0QiqCsh5zOmZcnYo0TlP1DUu_4CcB4oRXoA" />
    <input value="2738" 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/schlagfix-coffee-creamer-whitener-10-g-2788">
          <img alt="SCHLAGFIX Coffee Creamer / Whitener" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1971/file/small-9bd78d39df04e649830fc558f33e8efd.webp 600w, https://assets.fabulous.ch/public/variant_asset/1971/file/medium-b7098b83dfcb707640b2a75867f361bb.webp 900w, https://assets.fabulous.ch/public/variant_asset/1971/file/large-4799c3ae648fb52fac6871846e9915a4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1971/file/medium-b7098b83dfcb707640b2a75867f361bb.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">Schlagfix</p>
          <a href="/en/products/schlagfix-coffee-creamer-whitener-10-g-2788">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">SCHLAGFIX Coffee Creamer / Whitener, 10 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.25
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WiqBbPXSggj63pOi07tzRzF2I72oyD-YpxRqiRHqD-4yiY76X_AuGZ62Z4mNfeh1PMS_o1EVMLiExZORpBXUSA" />
    <input value="2788" 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">
      500 of 3&#39;173 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/sproud?format=turbo_stream&amp;page=26">Show more</a>
  </div>
</div>

</template></turbo-stream>