<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/lupilove-protein-curry-lupin-spread-organic-135-g-13913">
          <img alt="LupiLove Protein Curry Lupin Spread Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6620/file/small-d1c64598ffacdbba2f8e4ff2646f5e42.webp 600w, https://assets.fabulous.ch/public/variant_asset/6620/file/medium-abef035e4357826f9e17df98328e12fb.webp 900w, https://assets.fabulous.ch/public/variant_asset/6620/file/large-057710c1ae861326ce17a3fb1bf5342b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6620/file/medium-abef035e4357826f9e17df98328e12fb.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">Zwergenwiese</p>
          <a href="/en/products/lupilove-protein-curry-lupin-spread-organic-135-g-13913">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">LupiLove Protein Curry Lupin Spread Organic, 135 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.19 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FHluvEAGPHxO480agxrCDrYD6420leD1znb9foqJPfjKpMpBCbpsHJhywVrr4c4BVrRWyhrd8Sq9MXyH-U2lTA" />
    <input value="13913" 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/lupilove-protein-paprika-pepper-lupin-spread-organic-135-g-13920">
          <img alt="LupiLove Protein Paprika-Pepper Lupin Spread Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6619/file/small-4e6b88b1a3e51369d65e6a8ca0c221f8.webp 600w, https://assets.fabulous.ch/public/variant_asset/6619/file/medium-006c5b4b0010141263a571b24d115018.webp 900w, https://assets.fabulous.ch/public/variant_asset/6619/file/large-5d6808447b55679055d9317857b73cca.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6619/file/medium-006c5b4b0010141263a571b24d115018.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">Zwergenwiese</p>
          <a href="/en/products/lupilove-protein-paprika-pepper-lupin-spread-organic-135-g-13920">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">LupiLove Protein Paprika-Pepper Lupin Spread Organic, 135 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.19 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VztGfY2bo0w-jMGC-7URqvMScx5VaO52ZDrIwPy-MCuJ5uKAxCfzLOgdzcKTTh2lE6XOWfsg_6kXfUk5j3qonw" />
    <input value="13920" 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/lupilove-protein-onion-garlic-lupin-spread-organic-135-g-13922">
          <img alt="LupiLove Protein Onion-Garlic Lupin Spread Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6622/file/small-4521ca3a0fcd42ac3de890d8b43bbb8b.webp 600w, https://assets.fabulous.ch/public/variant_asset/6622/file/medium-a39e2a47414e69e150227df94974e0e3.webp 900w, https://assets.fabulous.ch/public/variant_asset/6622/file/large-7b2f94ccc37956649f1c42363d332815.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6622/file/medium-a39e2a47414e69e150227df94974e0e3.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">Zwergenwiese</p>
          <a href="/en/products/lupilove-protein-onion-garlic-lupin-spread-organic-135-g-13922">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">LupiLove Protein Onion-Garlic Lupin Spread Organic, 135 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.19 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dg7dmIeldEXolfOFNFTTd9XVeO6TqkyYxXN3Wx-hM-qo03llzhkkJT4E_8Vcr994NWLFqT3iXUe2NPaibGWrXg" />
    <input value="13922" 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/lupilove-protein-thai-lupin-spread-organic-135-g-13923">
          <img alt="LupiLove Protein Thai Lupin Spread Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6625/file/small-8c9708f1cbdf234654039a416d7dab70.webp 600w, https://assets.fabulous.ch/public/variant_asset/6625/file/medium-614ca3cd1ee6280bf365cf5353a002db.webp 900w, https://assets.fabulous.ch/public/variant_asset/6625/file/large-2a0162aca650e67e2dd03a153036f96d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6625/file/medium-614ca3cd1ee6280bf365cf5353a002db.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">Zwergenwiese</p>
          <a href="/en/products/lupilove-protein-thai-lupin-spread-organic-135-g-13923">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">LupiLove Protein Thai Lupin Spread Organic, 135 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.19 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RB2biQ8uPrUmG_MwYjqBTrEgeS2-_nXy1FV3JLbwi1qawD90RpJu1fCK_3AKwY1BUZfEahC2ZC2nEvbdxTQT7g" />
    <input value="13923" 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-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/white-crunchy-raspberries-chocolate-fruits-bio-50-g-13928">
          <img alt="White Crunchy Raspberries Chocolate Fruits Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6630/file/small-01407975d9814ddd6f2ce8ca0c7a8007.webp 600w, https://assets.fabulous.ch/public/variant_asset/6630/file/medium-d8d1941dd6bcd9162c6b5cc98c15df23.webp 900w, https://assets.fabulous.ch/public/variant_asset/6630/file/large-970060c61fab1f2dbc8071028fe0dcfb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6630/file/medium-d8d1941dd6bcd9162c6b5cc98c15df23.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">Nucao</p>
          <a href="/en/products/white-crunchy-raspberries-chocolate-fruits-bio-50-g-13928">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">White Crunchy Raspberries Chocolate Fruits Bio, 50 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 7.80 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-13928-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  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/jay-joy-janis-vegan-alternative-to-feta-organic-140-g-13929">
          <img alt="Jay &amp; Joy JANIS - Vegan Alternative to Feta Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6633/file/small-118436857025670930c7c5cf7f7d88cd.webp 600w, https://assets.fabulous.ch/public/variant_asset/6633/file/medium-4f0bff9480c8f426c303cf3a2567f5f0.webp 900w, https://assets.fabulous.ch/public/variant_asset/6633/file/large-deef8e14fd91e7be840579d21031a114.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6633/file/medium-4f0bff9480c8f426c303cf3a2567f5f0.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">Jay &amp; Joy</p>
          <a href="/en/products/jay-joy-janis-vegan-alternative-to-feta-organic-140-g-13929">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Jay &amp; Joy JANIS - Vegan Alternative to Feta Organic, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-13929-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/tofu-spice-organic-60-g-13945">
          <img alt="Tofu Spice Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6629/file/small-db9f0b94a21ff8e60fbf6bd668e9a51c.webp 600w, https://assets.fabulous.ch/public/variant_asset/6629/file/medium-40acd5866e348a95c478262fd5c6c0eb.webp 900w, https://assets.fabulous.ch/public/variant_asset/6629/file/large-1de1d70ecc3ba2e227bcba9516f6c673.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6629/file/medium-40acd5866e348a95c478262fd5c6c0eb.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">Lebensbaum</p>
          <a href="/en/products/tofu-spice-organic-60-g-13945">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tofu Spice Organic, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="B4F91-7tfPSZ-fxMluL7xxSBwSYpvMJLftlHB_7ez8bZXNkqp1EslE9o8Az-GffI9DZ8YYf005QNnsb-jRpXcg" />
    <input value="13945" 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/happy-choc-drops-chocolate-drops-500-g-13973">
          <img alt="Happy Choc Drops Chocolate Drops" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6631/file/small-28a8ea1562ebbdf22c4e0a10f5007160.webp 600w, https://assets.fabulous.ch/public/variant_asset/6631/file/medium-fb1ebcd430d14c47041f8928ba9e3c9b.webp 900w, https://assets.fabulous.ch/public/variant_asset/6631/file/large-7274a6d25ba8a57a5c6586fd8c464fef.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6631/file/medium-fb1ebcd430d14c47041f8928ba9e3c9b.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">Vantastic</p>
          <a href="/en/products/happy-choc-drops-chocolate-drops-500-g-13973">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Happy Choc Drops Chocolate Drops, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.80
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-13973-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/raspberry-cashew-butter-cups-organic-39-g-13974">
          <img alt="Raspberry Cashew Butter Cups Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6632/file/small-bfbc351ffcb5c313d4673586e534695f.webp 600w, https://assets.fabulous.ch/public/variant_asset/6632/file/medium-0cd4c29f74baaf25f8947f830e5d2552.webp 900w, https://assets.fabulous.ch/public/variant_asset/6632/file/large-36d9ec42738ed8aa04deff4cfcc17b73.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6632/file/medium-0cd4c29f74baaf25f8947f830e5d2552.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">Naughty Nuts</p>
          <a href="/en/products/raspberry-cashew-butter-cups-organic-39-g-13974">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Raspberry Cashew Butter Cups Organic, 39 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 7.56 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2yJrTPgJeNCJK-YLckd-cy6HWvzuK9GahdtDLcBihqsF_8-xsbUosF-66ksavHJ8zjDnu0BjwEX2nMLUs6YeHw" />
    <input value="13974" 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/apple-syrup-organic-850-g-14005">
          <img alt="Apple Syrup Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6634/file/small-4d2db6ddb503ea44ee9cbeb0623b9611.webp 600w, https://assets.fabulous.ch/public/variant_asset/6634/file/medium-b1f250fd239ac2c615aaed90139fe01d.webp 900w, https://assets.fabulous.ch/public/variant_asset/6634/file/large-bb69cb8e9f0575fcde38c1a6380d8000.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6634/file/medium-b1f250fd239ac2c615aaed90139fe01d.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">Biofarm</p>
          <a href="/en/products/apple-syrup-organic-850-g-14005">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Apple Syrup Organic, 850 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.50
            </p>

          </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-14005-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kQe4pI0mf-nb1ONMLo1IXqq3be6giOlfWgSxzycBbUFP2hxZxJoviQ1F7wxGdkRRSgDQqQ7A-IApQzA2VMX19Q" />
    <input value="14005" 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/coco-crispy-rolls-original-organic-140-g-14103">
          <img alt="Coco Crispy Rolls Original Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6646/file/small-7a4a3cd0e5a55d82806d7c08f6ff18e0.webp 600w, https://assets.fabulous.ch/public/variant_asset/6646/file/medium-d5f42331623f5c26e6df5bbdf861da17.webp 900w, https://assets.fabulous.ch/public/variant_asset/6646/file/large-a94a8bb8ef53157a8a6286c8e9a844b7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6646/file/medium-d5f42331623f5c26e6df5bbdf861da17.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">Amaizin</p>
          <a href="/en/products/coco-crispy-rolls-original-organic-140-g-14103">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Coco Crispy Rolls Original Organic, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.25
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="A6Ksrbe1wfLZiZGuCNeAMnopPDJEk6OD2aHdVlzkPGPdfwhQ_gmRkg8Yne5gLIw9mp6Bderbslyq5lyvLyCk1w" />
    <input value="14103" 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/coco-crispy-rolls-chocolate-organic-140-g-14106">
          <img alt="Coco Crispy Rolls Chocolate Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6650/file/small-ed8e11d872ff172fd8d707ef684ee2ce.webp 600w, https://assets.fabulous.ch/public/variant_asset/6650/file/medium-71c63cf5f40e65b7a21a9dc6ac1c7337.webp 900w, https://assets.fabulous.ch/public/variant_asset/6650/file/large-64c7dcaf70eee731c0f728c69e0df13f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6650/file/medium-71c63cf5f40e65b7a21a9dc6ac1c7337.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">Amaizin</p>
          <a href="/en/products/coco-crispy-rolls-chocolate-organic-140-g-14106">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Coco Crispy Rolls Chocolate Organic, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.25
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WISE15VAVMk5qdmZxMN0KX3x2FfcD0-hLnZyCBKfvsaGWSAq3PwEqe841dmsOHgmnUZlEHJHXn5dMfPxYVsmcg" />
    <input value="14106" 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-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/pinado-classic-vibe-250-ml-14108">
          <img alt="Piñado Classic Vibe" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6652/file/small-59ca2ee73d2d81b027fff2f626d2b2b6.webp 600w, https://assets.fabulous.ch/public/variant_asset/6652/file/medium-e1d6dbdedc7730a2b059f381207bfb85.webp 900w, https://assets.fabulous.ch/public/variant_asset/6652/file/large-df69b36620bf42ff228636408642d0af.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6652/file/medium-e1d6dbdedc7730a2b059f381207bfb85.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">Pinado AG</p>
          <a href="/en/products/pinado-classic-vibe-250-ml-14108">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Piñado Classic Vibe, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.30
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-14108-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  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/yacon-syrup-organic-250-g-14110">
          <img alt="Yacon Syrup Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6654/file/small-df894fceffb2df40052d4e5aae4dbdfa.webp 600w, https://assets.fabulous.ch/public/variant_asset/6654/file/medium-82a2e9ba36de9bdd27c2c8ddf95be3c2.webp 900w, https://assets.fabulous.ch/public/variant_asset/6654/file/large-f0e4ad978fee15d5269f52b2929caec2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6654/file/medium-82a2e9ba36de9bdd27c2c8ddf95be3c2.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">Sembrador</p>
          <a href="/en/products/yacon-syrup-organic-250-g-14110">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Yacon Syrup Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DL1fSjNjepMXv5hY6VjpAfG-I8pwskf7I2pDq9uSCgrSYPu3et8q88EulBiBo-UOEQmejd76ViRQLcJSqFaSvg" />
    <input value="14110" 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-organic-200-g-14163">
          <img alt="Coconut and Almondbutter Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6655/file/small-6340fc23e94a63dfca6ef237c5ecd36a.webp 600w, https://assets.fabulous.ch/public/variant_asset/6655/file/medium-8f03e99bcdc97de203db2a7e9aefe45d.webp 900w, https://assets.fabulous.ch/public/variant_asset/6655/file/large-e380aa500bb8b4aeb1fd8ecd6ba8590c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6655/file/medium-8f03e99bcdc97de203db2a7e9aefe45d.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-and-almondbutter-organic-200-g-14163">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Coconut and Almondbutter Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JkR3tBNXKjK3ugucGtmKE65f-00jxgOLOnfEqKSrr5b4mdNJWut6UmErB9xyIoYcTuhGCo2OElRJMEVR1283Ig" />
    <input value="14163" 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/creamy-white-classic-organic-150-g-14164">
          <img alt="Creamy White - Classic Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6656/file/small-13cce083fa90ed77eec9173e798cf3c5.webp 600w, https://assets.fabulous.ch/public/variant_asset/6656/file/medium-4d0cc04fcc33c8d89032af9b421511df.webp 900w, https://assets.fabulous.ch/public/variant_asset/6656/file/large-a246819213ec603ff1741d96e123f834.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6656/file/medium-4d0cc04fcc33c8d89032af9b421511df.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">Happy Cheeze GmbH</p>
          <a href="/en/products/creamy-white-classic-organic-150-g-14164">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Creamy White - Classic Organic, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.80
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-14164-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/seitan-fix-wheat-gluten-organic-200-g-14242">
          <img alt="Seitan-Fix Wheat Gluten Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6659/file/small-6cad1c989cc81704da1fb5dd8cc7f28c.webp 600w, https://assets.fabulous.ch/public/variant_asset/6659/file/medium-d4cd6060ce575a123f2af1925fefa36d.webp 900w, https://assets.fabulous.ch/public/variant_asset/6659/file/large-08d137a1b1b8d504bdaffdf7ebffec26.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6659/file/medium-d4cd6060ce575a123f2af1925fefa36d.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">Arche</p>
          <a href="/en/products/seitan-fix-wheat-gluten-organic-200-g-14242">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Seitan-Fix Wheat Gluten Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qC7Us5UjgV9CN9GcQ2eXFdH67ew-ND48crfGKSWIjuN283BO3J_RP5Sm3dwrnJsaMU1Qq5B8L-MB8EfQVkwWVw" />
    <input value="14242" 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/vegan-mallow-gems-100-g-14258">
          <img alt="Vegan Mallow Gems" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6660/file/small-a86431d66439849de3895e64f0535940.webp 600w, https://assets.fabulous.ch/public/variant_asset/6660/file/medium-2a2c2bf846bb882bbbb3c5ea52c05deb.webp 900w, https://assets.fabulous.ch/public/variant_asset/6660/file/large-ec907d7a229990c0dcfa0a57865afb05.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6660/file/medium-2a2c2bf846bb882bbbb3c5ea52c05deb.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">Freedom Mallows</p>
          <a href="/en/products/vegan-mallow-gems-100-g-14258">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan Mallow Gems, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-14258-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/moo-free-cookie-crunch-bar-35-g-14272">
          <img alt="Moo Free Cookie Crunch Bar" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6662/file/small-8522b4a5be6e4003161ce7ebd2dee07e.webp 600w, https://assets.fabulous.ch/public/variant_asset/6662/file/medium-931725faaee02f5b4fb88cc372b98915.webp 900w, https://assets.fabulous.ch/public/variant_asset/6662/file/large-e4b8db6b4dc0b2b260cc1b8d12b484a2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6662/file/medium-931725faaee02f5b4fb88cc372b98915.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">Moo Free Chocolates</p>
          <a href="/en/products/moo-free-cookie-crunch-bar-35-g-14272">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Moo Free Cookie Crunch Bar, 35 g</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 8.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="t6otj8oaJ2zOiEkRiKz6IM0aiJuBNzR7yP8gu1w3_rhpd4lyg6Z3DBgZRVHgV_YvLa013C9_JaS7uKFCL_NmDA" />
    <input value="14272" 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/happy-choc-drops-chocolate-drops-125-g-14288">
          <img alt="Happy Choc Drops Chocolate Drops" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6664/file/small-9f21ac6186a9a7f265790e1f01d62224.webp 600w, https://assets.fabulous.ch/public/variant_asset/6664/file/medium-a0f6de742af54a210c404ccae01ba414.webp 900w, https://assets.fabulous.ch/public/variant_asset/6664/file/large-a383fb6439f112b972306f1e91063ab5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6664/file/medium-a0f6de742af54a210c404ccae01ba414.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">Vantastic</p>
          <a href="/en/products/happy-choc-drops-chocolate-drops-125-g-14288">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Happy Choc Drops Chocolate Drops, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

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



</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">
      1&#39;540 of 2&#39;274 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/food?format=turbo_stream&amp;page=78">Show more</a>
  </div>
</div>

</template></turbo-stream>