<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/broccoli-and-almond-pesto-organic-180-g-18168">
          <img alt="Broccoli and Almond Pesto Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9129/file/small-1e27eb9291636fe2829bcff8d04e0ce3.webp 600w, https://assets.fabulous.ch/public/variant_asset/9129/file/medium-be105220dc81eaa3fba7cd97f7be94e7.webp 900w, https://assets.fabulous.ch/public/variant_asset/9129/file/large-f7c5b3afcdfab5b7357f42c7cb02666d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9129/file/medium-be105220dc81eaa3fba7cd97f7be94e7.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">Giancarlo Ceci</p>
          <a href="/en/products/broccoli-and-almond-pesto-organic-180-g-18168">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Broccoli and Almond Pesto Organic, 180 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 2.50 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="olMOpEoXgS9NdhuRIAGBLRG-jIIA1Vu3c7hNGWywXKkKzkAftmXaMDiMEpoO8woo0vM3yzSapsfDNfA2zoCfoA" />
    <input value="18168" 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/cauliflower-and-almond-pesto-organic-180-g-18167">
          <img alt="Cauliflower and Almond Pesto Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9128/file/small-d283b4fe71fbef583c2acd93bdea692a.webp 600w, https://assets.fabulous.ch/public/variant_asset/9128/file/medium-fdd1b99edf26b8c72dcb1f43a4d40d29.webp 900w, https://assets.fabulous.ch/public/variant_asset/9128/file/large-99041bf59bab42e0bf9087e9847cd426.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9128/file/medium-fdd1b99edf26b8c72dcb1f43a4d40d29.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">Giancarlo Ceci</p>
          <a href="/en/products/cauliflower-and-almond-pesto-organic-180-g-18167">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cauliflower and Almond Pesto Organic, 180 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 2.50 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zYU_1PAeKti1eO_nBuu7dek-Jj20XlhzTZyM21W-txVlGHFvDGxxx8CC5uwoGTBwKnOddIARpQP9ETH09450HA" />
    <input value="18167" 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/fennel-and-almond-pesto-organic-180-g-18169">
          <img alt="Fennel and Almond Pesto Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9130/file/small-717039487ae6ba0262d5f1e3e8373b0f.webp 600w, https://assets.fabulous.ch/public/variant_asset/9130/file/medium-03641832244d8a3b116698654d7ae134.webp 900w, https://assets.fabulous.ch/public/variant_asset/9130/file/large-6221e4dd3395c901efe0ac2fcfd24cd1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9130/file/medium-03641832244d8a3b116698654d7ae134.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">Giancarlo Ceci</p>
          <a href="/en/products/fennel-and-almond-pesto-organic-180-g-18169">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fennel and Almond Pesto Organic, 180 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 2.50 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SIqyn3GtRVOisfUKkh7pP0sf2Aq5npE4tquE3MkZ2UfgF_wkjd8eTNdL_AG87GI6iFJjQ43RbEgGJjnzaykaTg" />
    <input value="18169" 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/zucchini-and-almond-pesto-organic-180-g-18170">
          <img alt="Zucchini and Almond Pesto Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9131/file/small-728e7e12c2f0800ca201f06139981cab.webp 600w, https://assets.fabulous.ch/public/variant_asset/9131/file/medium-7bb72566ad6a13e2f128cf1ec895a5e1.webp 900w, https://assets.fabulous.ch/public/variant_asset/9131/file/large-6dd6768456900c3c56625f871576985d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9131/file/medium-7bb72566ad6a13e2f128cf1ec895a5e1.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">Giancarlo Ceci</p>
          <a href="/en/products/zucchini-and-almond-pesto-organic-180-g-18170">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Zucchini and Almond Pesto Organic, 180 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 2.50 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LvMTJkJY6dViUNS65iIeFv-IzuClQRgN589cypLzCIeGbl2dviqyyheq3bHI0JUTPMV1qZEO5X1XQuHlMMPLjg" />
    <input value="18170" 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/grain-flaker-with-aluminium-funnel-eschenfelder-1-piece-6226">
          <img alt="Grain Flaker with Aluminium Funnel Eschenfelder" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3589/file/small-17e6d38be70aaaa8abdf81dbfb0bdab6.webp 600w, https://assets.fabulous.ch/public/variant_asset/3589/file/medium-af7983aa902a339d61d60619f540baa2.webp 900w, https://assets.fabulous.ch/public/variant_asset/3589/file/large-5448754dd0d10444705877a0745bd06a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3589/file/medium-af7983aa902a339d61d60619f540baa2.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">Eschenfelder</p>
          <a href="/en/products/grain-flaker-with-aluminium-funnel-eschenfelder-1-piece-6226">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Grain Flaker with Aluminium Funnel Eschenfelder, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 199.75
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="N9iUDypPwIS0BR2UrQF88-AsFUuvMVq7npSGJdn0x4CfRdq01j2bm8H_FJ-D8_f2I2GuApt-p8suGTsKe8QEiQ" />
    <input value="6226" 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/kuvings-auto8-hands-free-slow-juicer-silver-1-piece-15524">
          <img alt="Kuvings AUTO8 Hands-free Slow Juicer Silver" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7081/file/small-b83c247caa205d78fd42af75fef35ae6.webp 600w, https://assets.fabulous.ch/public/variant_asset/7081/file/medium-7a18bf7f5efc78cb4fbafd015a74d265.webp 900w, https://assets.fabulous.ch/public/variant_asset/7081/file/large-0c40886c8f24921d2caadcc74a5ac95c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7081/file/medium-7a18bf7f5efc78cb4fbafd015a74d265.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">Kuvings</p>
          <a href="/en/products/kuvings-auto8-hands-free-slow-juicer-silver-1-piece-15524">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kuvings AUTO8 Hands-free Slow Juicer Silver, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 395.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="x6JcxIu-u4JudwxKtr7kFF4IoSvaLJMw7QQmyDeEaRtvPxJ_d8zgnRuNBUGYTG8RnUUaYu5jbkBdiZvnlbSqEg" />
    <input value="15524" 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/spread-tomato-and-olive-gluten-free-organic-180-g-10323">
          <img alt="Spread Tomato and Olive 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/5553/file/small-ec825872fe07127a5a1654b63da880ce.webp 600w, https://assets.fabulous.ch/public/variant_asset/5553/file/medium-a6f834555529a5b4616fc48ba64a0210.webp 900w, https://assets.fabulous.ch/public/variant_asset/5553/file/large-e9792e5273edec64471321f5c8b5aa71.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5553/file/medium-a6f834555529a5b4616fc48ba64a0210.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/spread-tomato-and-olive-gluten-free-organic-180-g-10323">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Spread Tomato and Olive Gluten Free Organic, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.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-10323-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LTwLsWUIwvRbPXtdXOL6eC0qI7QqA0FI78CtI_pyPx-FoUUKmXqZ6y7HclZyEHF97meY_R5MvDhfTRAMWEL8Fg" />
    <input value="10323" 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/baking-mix-waffles-pancakes-gluten-free-organic-200-g-18121">
          <img alt="Baking Mix Waffles &amp; Pancakes 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/9060/file/small-8ef398d3b87141789be4b30fba436c5b.webp 600w, https://assets.fabulous.ch/public/variant_asset/9060/file/medium-2ea40352476daa565cfd9aea6d3092e0.webp 900w, https://assets.fabulous.ch/public/variant_asset/9060/file/large-188c1f562cc31bd26d56a06621d91bc7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9060/file/medium-2ea40352476daa565cfd9aea6d3092e0.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">Bauckhof</p>
          <a href="/en/products/baking-mix-waffles-pancakes-gluten-free-organic-200-g-18121">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Baking Mix Waffles &amp; Pancakes gluten-free Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="I7o3dzRl2tyDadiKTofQqmXN0rusQ94Quf1rs-dSCM2LJ3nMyBeBw_aT0YFgdVuvpoBp8pgMI2AJcNacRWLLxA" />
    <input value="18121" 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/cereal-muesli-cookies-organic-150-g-1133">
          <img alt="Cereal Muesli Cookies Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9059/file/small-7cb0f4910279b1d547e1881dc42c7eb3.webp 600w, https://assets.fabulous.ch/public/variant_asset/9059/file/medium-840900482e6798e1980b12a85014a97d.webp 900w, https://assets.fabulous.ch/public/variant_asset/9059/file/large-5775212ab464e7c39e00e104caa3dfc3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9059/file/medium-840900482e6798e1980b12a85014a97d.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">Bohlsener Mühle</p>
          <a href="/en/products/cereal-muesli-cookies-organic-150-g-1133">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cereal Muesli Cookies Organic, 125 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 2.96 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-bo8mSCB-_WUI37D-Z41v4iDriO4DcSCjdQcQSJ6o9FRJ3Ii3POg6uHZd8jXbL66S84VaoxCOfI9WaFugEpg2A" />
    <input value="1133" 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/peanut-butter-crunchy-organic-500-g-360">
          <img alt="Peanut Butter Crunchy Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/317/file/small-d6fc22d1307ec4aca55ad20af5cba06a.webp 600w, https://assets.fabulous.ch/public/variant_asset/317/file/medium-c590770c90eccc5127c53c5acf11028a.webp 900w, https://assets.fabulous.ch/public/variant_asset/317/file/large-7da724ce9ad0ea62ad33212fde9e19cc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/317/file/medium-c590770c90eccc5127c53c5acf11028a.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">Terrasana</p>
          <a href="/en/products/peanut-butter-crunchy-organic-500-g-360">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Peanut Butter Crunchy Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3cmW7kl9j23nmlyLMEQ2TrbGF-IFgrPNV6UG500lVP11VNhVtQ_UcpJgVYAetr1LdYusqzHNTr3nKLvI7xWX9A" />
    <input value="360" 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/asian-style-spicy-organic-rice-noodles-159-g-16177">
          <img alt="Asian-style spicy organic rice noodles" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7450/file/small-66fe1bd6b46a25f3c0c89eecb74aa94f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7450/file/medium-d9e98feaa38dda6dd17665b72e29881c.webp 900w, https://assets.fabulous.ch/public/variant_asset/7450/file/large-fc5f4fd4744968310cfc29e38d3f9641.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7450/file/medium-d9e98feaa38dda6dd17665b72e29881c.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">followfood</p>
          <a href="/en/products/asian-style-spicy-organic-rice-noodles-159-g-16177">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Asian-style spicy organic rice noodles, 159 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </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-16177-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="e3gWQTY1tAqBEOtrzR6UsJLaqSLZonuta1tM0WDo2KDT5Vj6ykfvFfTq4mDj7B-1UZcSa-3tht3b1vH-wtgbqQ" />
    <input value="16177" 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/ichoc-cinnamon-roll-cocoa-preparation-organic-80-g-17124">
          <img alt="iChoc Cinnamon Roll - Cocoa Preparation Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7964/file/small-165ff39df6e6759400c0f147ec5c71fc.webp 600w, https://assets.fabulous.ch/public/variant_asset/7964/file/medium-aa09eb2e8325d52cfebf75239ee57a15.webp 900w, https://assets.fabulous.ch/public/variant_asset/7964/file/large-bb5d9e270c06416e121b853c9d33e458.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7964/file/medium-aa09eb2e8325d52cfebf75239ee57a15.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Vivani / Ichoc</p>
          <a href="/en/products/ichoc-cinnamon-roll-cocoa-preparation-organic-80-g-17124">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">iChoc Cinnamon Roll - Cocoa Preparation Organic, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="r2L1eTqEXK6I6bQYzOjgacIu9sJPWpg7sx0iDMpT6M4H_7vCxvYHsf0TvRPiGmtsAWNNi3sVZUsDkJ8jaGMrxw" />
    <input value="17124" 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/red-lentil-spread-italian-herbs-organic-140-g-15534">
          <img alt="Red Lentil Spread Italian Herbs Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7092/file/small-9e28793b3ac109c094aa775242a8c42d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7092/file/medium-a403584083ed6dd14de59564170150d6.webp 900w, https://assets.fabulous.ch/public/variant_asset/7092/file/large-5f07a86081f23a64c6bab571df81c51d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7092/file/medium-a403584083ed6dd14de59564170150d6.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">Allos</p>
          <a href="/en/products/red-lentil-spread-italian-herbs-organic-140-g-15534">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Red Lentil Spread Italian Herbs Organic, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pZqMOPrG59fzPmn4PuDZY7bF0ukYMZBWlspeFM2Cd3oNB8KDBrS8yIbEYPMQElJmdYhpoCx-bSYmR-M7b7K0cw" />
    <input value="15534" 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/spread-meditom-organic-160-g-15076">
          <img alt="Spread Meditom Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8991/file/small-f3230318ef7ec6f419801a8fdbe148dd.webp 600w, https://assets.fabulous.ch/public/variant_asset/8991/file/medium-c6d90ed66f9a10906223314096d6d87a.webp 900w, https://assets.fabulous.ch/public/variant_asset/8991/file/large-e57033eb1a8eaadba301202b9e4da37a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8991/file/medium-c6d90ed66f9a10906223314096d6d87a.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/spread-meditom-organic-160-g-15076">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Spread Meditom Organic, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="b4w3prhNbohdfMkiQtgV1ydMkldrpTr7Ox873M9EYhvHEXkdRD81lyiGwClsKp7S5AEpHl_qx4uLkobzbXShEg" />
    <input value="15076" 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/pralines-vegolino-fine-nougat-gluten-free-organic-180-g-1944">
          <img alt="Pralinés Vegolino Fine Nougat 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/1553/file/small-ee73f273a9a4b0e222fc0a8ccc144b23.webp 600w, https://assets.fabulous.ch/public/variant_asset/1553/file/medium-c3780f1e49743043f761bd41c0cda83d.webp 900w, https://assets.fabulous.ch/public/variant_asset/1553/file/large-b6a340af54505b532b236f7dc4a4327d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1553/file/medium-c3780f1e49743043f761bd41c0cda83d.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">Vego Chocolate</p>
          <a href="/en/products/pralines-vegolino-fine-nougat-gluten-free-organic-180-g-1944">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pralinés Vegolino Fine Nougat Gluten Free Organic, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-yQh34zf0wlbG71sV8O5cBfig7o7wKusCFkLNkNILchTuW9kcK2IFi7htGd5MTJ11K848w-PVty41LYZ4XjuwQ" />
    <input value="1944" 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/tomato-ketchup-for-kids-with-sweetness-of-apples-organic-500-ml-8812">
          <img alt="Tomato Ketchup for KIDS with sweetness of apples Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5110/file/small-5fca30345c7638448661fa6fa4ae76a6.webp 600w, https://assets.fabulous.ch/public/variant_asset/5110/file/medium-04ad7256591d2ee76c608bbba5354c7c.webp 900w, https://assets.fabulous.ch/public/variant_asset/5110/file/large-12a5adce793f88cf068af3036e71f59e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5110/file/medium-04ad7256591d2ee76c608bbba5354c7c.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/tomato-ketchup-for-kids-with-sweetness-of-apples-organic-500-ml-8812">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tomato Ketchup for KIDS with sweetness of apples Organic, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WTqW33alttRF9jtc3j_xJEWKO2fmbWvjMRooIzGrviTxp9hkitftyzAMMlfwzXohhseALtIilpOBl5UMk5t9LQ" />
    <input value="8812" 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/protein-balls-raspberry-chia-organic-50-g-9328">
          <img alt="Protein Balls Raspberry &amp; Chia Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5310/file/small-818f9367921de6f0e12516324fba9796.webp 600w, https://assets.fabulous.ch/public/variant_asset/5310/file/medium-050439d1088abe717b7e2c836e997259.webp 900w, https://assets.fabulous.ch/public/variant_asset/5310/file/large-998e7cfe5dabaf651af2c7b080a95f53.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5310/file/medium-050439d1088abe717b7e2c836e997259.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">followfood</p>
          <a href="/en/products/protein-balls-raspberry-chia-organic-50-g-9328">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Protein Balls Raspberry &amp; Chia Organic, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.45
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ySz3VwwUgLdeThN5dO0AOpJc7MlU9kvGGFu9sbrLBuphsbns8GbbqCu0GnJaH4s_URFXgGC5trao1gCeGPvF4w" />
    <input value="9328" 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/protein-balls-mango-coconut-organic-50-g-9329">
          <img alt="Protein Balls Mango &amp; Coconut Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5311/file/small-70f31f1d5ea004515329bbaab2eea403.webp 600w, https://assets.fabulous.ch/public/variant_asset/5311/file/medium-a931a848f2253ea8b1bbe9eadaa8822d.webp 900w, https://assets.fabulous.ch/public/variant_asset/5311/file/large-330d43a8be448b7a2540fd9a98c37837.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5311/file/medium-a931a848f2253ea8b1bbe9eadaa8822d.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">followfood</p>
          <a href="/en/products/protein-balls-mango-coconut-organic-50-g-9329">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Protein Balls Mango &amp; Coconut Organic, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.45
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="X4Qp4adnMZO4psDQLneBDTqbJxacpSbwBJrkYZVZVgb3GWdaWxVqjM1cydsAhQoI-dacX6jq24C0F1lON2mVDw" />
    <input value="9329" 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/ice-pops-lolly-fredos-cool-lollies-mix-organic-300-ml-8086">
          <img alt="Ice Pops Lolly Fredos Cool Lollies &quot;Mix&quot; Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4741/file/small-d7c6cff55970387bd0d0dd0d31727257.webp 600w, https://assets.fabulous.ch/public/variant_asset/4741/file/medium-5b5336d4881b6c6a5ee9b67c855a4bf1.webp 900w, https://assets.fabulous.ch/public/variant_asset/4741/file/large-98b28c9cbff5801b4cebe8a9ba6306a2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4741/file/medium-5b5336d4881b6c6a5ee9b67c855a4bf1.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">Fredos</p>
          <a href="/en/products/ice-pops-lolly-fredos-cool-lollies-mix-organic-300-ml-8086">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ice Pops Lolly Fredos Cool Lollies &quot;Mix&quot; Organic, 300 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="39AVMYBN1JYgAHtMOUvMXVfaw7YhMq2OMbm6fu__QNN3TVuKfD-PiVX6ckcXuUdYlJd4_xV9UP6BNAdRTc-D2g" />
    <input value="8086" 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/cold-cuts-bresaola-style-organic-60-g-10032">
          <img alt="Cold Cuts Bresaola Style Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8663/file/small-3706b2dd2fe84c0e579cb894ef70fffd.webp 600w, https://assets.fabulous.ch/public/variant_asset/8663/file/medium-8143b69c94fa84a9bba32e78a06bd648.webp 900w, https://assets.fabulous.ch/public/variant_asset/8663/file/large-68b3b848fc6b4a64860b17e40ac0aa40.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8663/file/medium-8143b69c94fa84a9bba32e78a06bd648.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Wheaty</p>
          <a href="/en/products/cold-cuts-bresaola-style-organic-60-g-10032">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cold Cuts Bresaola Style Organic, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.15
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0V03F6NyW9OyJEpDefOiQ0FrLQ5dZ-h1Z1NMaqbVyqV5wHmsXwAAzMfeQ0hXASlGgiaWR2koFQXX3vFFBOUJrA" />
    <input value="10032" 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">
      540 of 3&#39;307 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/bioreal?format=turbo_stream&amp;page=28">Show more</a>
  </div>
</div>

</template></turbo-stream>