<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/white-crisp-choc-organic-90-g-16267">
          <img alt="White Crisp Choc Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7497/file/small-e5cb19fc5e9e59be0a9d370c202912c4.webp 600w, https://assets.fabulous.ch/public/variant_asset/7497/file/medium-6e7d639c4b5100237c70c5165815b8eb.webp 900w, https://assets.fabulous.ch/public/variant_asset/7497/file/large-af3f8871082d6cb4bb12a01c77f5a6f7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7497/file/medium-6e7d639c4b5100237c70c5165815b8eb.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/white-crisp-choc-organic-90-g-16267">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">White Crisp Choc Organic, 90 g</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 4.67 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0NUiJNIVzWuS35ZvfYNrAm9nS1Lnb_RN6QdcgfK2XN9vY_nNdN9FaKgytqrmM7dbl_VSW_mpsdckuXeBcRxCgw" />
    <input value="16267" 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/bar-lovechock-almond-fig-80-cocoa-organic-40-g-16268">
          <img alt="Bar Lovechock Almond Fig 80% Cocoa Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7499/file/small-4f7b4593fa92f0a78d971bae3191d4d2.webp 600w, https://assets.fabulous.ch/public/variant_asset/7499/file/medium-0662ab5a9e709a3a45fe6d8a295a2b3d.webp 900w, https://assets.fabulous.ch/public/variant_asset/7499/file/large-355f950988ccbdf3e70cf40998ff0c75.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7499/file/medium-0662ab5a9e709a3a45fe6d8a295a2b3d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lovechock</p>
          <a href="/en/products/bar-lovechock-almond-fig-80-cocoa-organic-40-g-16268">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bar Lovechock Almond Fig 80% Cocoa Organic, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Bzvpjkf-YI3XrmYrZkSCeb_qyx53r1r9fKek5xeR0gy4jTJn4TToju1DRu799F4gR3jSF2lpH2exGY_nlDvMUA" />
    <input value="16268" 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/chocomalt-spelt-calcium-swiss-cereal-drink-organic-500-ml-16269">
          <img alt="Chocomalt Spelt +Calcium Swiss Cereal Drink Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7500/file/small-ed13d66e174bd673745ac30887bc83b6.webp 600w, https://assets.fabulous.ch/public/variant_asset/7500/file/medium-cab9b93891f176dbd044d3070193c76d.webp 900w, https://assets.fabulous.ch/public/variant_asset/7500/file/large-f0ba5a733cb77554d6693191f6143536.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7500/file/medium-cab9b93891f176dbd044d3070193c76d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Soyana</p>
          <a href="/en/products/chocomalt-spelt-calcium-swiss-cereal-drink-organic-500-ml-16269">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chocomalt Spelt +Calcium Swiss Cereal Drink Organic, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pDUsXZrJ5h165NY20pl-DJGqYXRXfsU-Z7K0BOtBScMbg_e0PANuHkAJ9vNJKaJVaTh4fUm4gKSqDJ8EaOtXnw" />
    <input value="16269" 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/date-klax-spread-organic-330-g-16288">
          <img alt="Date Klax Spread Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7502/file/small-ff451e8cdb5f569d220f069aa7d02a82.webp 600w, https://assets.fabulous.ch/public/variant_asset/7502/file/medium-0a7f8c96044998fc7c273577af040790.webp 900w, https://assets.fabulous.ch/public/variant_asset/7502/file/large-f5dd303dc2d362f95ba594d2e8fec26e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7502/file/medium-0a7f8c96044998fc7c273577af040790.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/date-klax-spread-organic-330-g-16288">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Date Klax Spread Organic, 330 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="t7Arxhj1KUvy3CFRov8eukGSo2FI5ndVg2jpUneQWH4IBvAvvj-hSMgxAZQ5T8LjuQC6aFYgMs9O1sJS9DpGIg" />
    <input value="16288" 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-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Tip
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/garlic-crunch-oil-chili-110-g-16289">
          <img alt="Garlic Crunch Oil Chili" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7504/file/small-1f01d8e100dfc1c1210a5e4fa6a2cc6e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7504/file/medium-463ea7ca2e73616fe55ad1382fba7408.webp 900w, https://assets.fabulous.ch/public/variant_asset/7504/file/large-db0170d64c1353febeff3b7ff9cd0303.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7504/file/medium-463ea7ca2e73616fe55ad1382fba7408.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">Odawaraya</p>
          <a href="/en/products/garlic-crunch-oil-chili-110-g-16289">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Garlic Crunch Oil Chili, 110 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bz5G_e8RNGi7fEsPDIZpmjnwgn_gL8OEfBlOrPFlOrDQiJ0USdu8a4GRa8qXNrXDwWKbdv7phh6xp2Wscs8k7A" />
    <input value="16289" 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/japanese-pepper-spicy-tingly-sauce-panda-110-g-16290">
          <img alt="Japanese Pepper Spicy Tingly Sauce (Panda)" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7505/file/small-262446e02f61d323dfcfa580d7ce37e6.webp 600w, https://assets.fabulous.ch/public/variant_asset/7505/file/medium-688c328e38b7f9a6932df458995a53ec.webp 900w, https://assets.fabulous.ch/public/variant_asset/7505/file/large-4384616c706fe4fe6c51e1435a1604b8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7505/file/medium-688c328e38b7f9a6932df458995a53ec.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">Odawaraya</p>
          <a href="/en/products/japanese-pepper-spicy-tingly-sauce-panda-110-g-16290">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Japanese Pepper Spicy Tingly Sauce (Panda), 110 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-16290-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/roasted-peanuts-bulk-buy-organic-5-kg-16313">
          <img alt="Roasted Peanuts Bulk Buy Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7508/file/small-b7a6b4e5165f75cf0a6d4c589b6fa216.webp 600w, https://assets.fabulous.ch/public/variant_asset/7508/file/medium-752348cbfd6086e75a87dbc621a822dc.webp 900w, https://assets.fabulous.ch/public/variant_asset/7508/file/large-590615b23a1fc3a37d170cb218789612.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7508/file/medium-752348cbfd6086e75a87dbc621a822dc.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">Bio Grosshandel</p>
          <a href="/en/products/roasted-peanuts-bulk-buy-organic-5-kg-16313">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Roasted Peanuts Bulk Buy Organic, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 88.25
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gKQJooZl5IVGXi2E61GaEUVT3uygVfSZPCg3L6ZczNo_EtJLIK9shnyzDUFw4UZIvcHH5b6TsQPxlhwvJfbShg" />
    <input value="16313" 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/mikroveda-universal-cleaner-probiotix-clean-organic-1-l-16323">
          <img alt="MikroVeda Universal Cleaner ProbiotiX CLEAN Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7514/file/small-10c2b4cf20f82df6367aab16519a8c26.webp 600w, https://assets.fabulous.ch/public/variant_asset/7514/file/medium-b802f8b18af68bf6000af9a8938020eb.webp 900w, https://assets.fabulous.ch/public/variant_asset/7514/file/large-d3928502a36de714ec29410331bf7da4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7514/file/medium-b802f8b18af68bf6000af9a8938020eb.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">MikroVeda</p>
          <a href="/en/products/mikroveda-universal-cleaner-probiotix-clean-organic-1-l-16323">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">MikroVeda Universal Cleaner ProbiotiX CLEAN Organic, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Qo-yrEMpIcXWd1XKupMzQ5TlniRW79UCjT4oTHW539_9OWlF5eOpxuyadQ8hI-8abHeHLUgpkJhAgANM9hPBgw" />
    <input value="16323" 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/onion-spread-gluten-free-organic-150-g-16327">
          <img alt="Onion Spread 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/7525/file/small-18a41df4b43813d3ddb364642e8fb4c3.webp 600w, https://assets.fabulous.ch/public/variant_asset/7525/file/medium-bae33908772c020c8ceadff17fe37793.webp 900w, https://assets.fabulous.ch/public/variant_asset/7525/file/large-28848f3d0733821053ba2d3a00aaabf5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7525/file/medium-bae33908772c020c8ceadff17fe37793.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/onion-spread-gluten-free-organic-150-g-16327">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Onion Spread gluten-free Organic, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GXcAxZ3-mSRv3yD4RAXUfru5fJrDpWqWdQygIUBlUwCmwdssOzQRJ1UyAD3ftQgnQytlk91jLwy4soshw89NXA" />
    <input value="16327" 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/bocconcini-in-acqua-bio-120-g-16328">
          <img alt="Bocconcini in Acqua Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7526/file/small-875a41788a5ea733d30e69dd79508b4f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7526/file/medium-6a6fb211a54d161bafc44e2bd512cb96.webp 900w, https://assets.fabulous.ch/public/variant_asset/7526/file/large-82b161d934a32d27fba3eb24375c6589.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7526/file/medium-6a6fb211a54d161bafc44e2bd512cb96.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Fermaggio</p>
          <a href="/en/products/bocconcini-in-acqua-bio-120-g-16328">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bocconcini in Acqua Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-16328-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/hazelnut-chocolate-wafer-bar-organic-33-g-16355">
          <img alt="Hazelnut Chocolate Wafer Bar Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7528/file/small-43102ac543355d4cf2aa21d6024cb3f4.webp 600w, https://assets.fabulous.ch/public/variant_asset/7528/file/medium-5a2f54c261bd761deb1336c029f86aa1.webp 900w, https://assets.fabulous.ch/public/variant_asset/7528/file/large-7e2d1e34dd6ef5087c64e0106fb5667e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7528/file/medium-5a2f54c261bd761deb1336c029f86aa1.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">bett&#39;r</p>
          <a href="/en/products/hazelnut-chocolate-wafer-bar-organic-33-g-16355">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hazelnut Chocolate Wafer Bar Organic, 33 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4s6tc7ehBmgx25PcH7ll6aQM5ZPaNFnBukkkL5SYBLZdeHaaEWuOaws2sxmECbmwXJ78msTyHFt39w8vFzIa6g" />
    <input value="16355" 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/mylk-choco-drops-organic-200-g-16356">
          <img alt="Mylk Choco Drops Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7530/file/small-c8e9f8f2a57aa73664aeb3faeec0f770.webp 600w, https://assets.fabulous.ch/public/variant_asset/7530/file/medium-f6be4a62f985f26eb04a166474d5c37d.webp 900w, https://assets.fabulous.ch/public/variant_asset/7530/file/large-c3bc2be9d8041bf9b202cc1b23d13fbd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7530/file/medium-f6be4a62f985f26eb04a166474d5c37d.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">bett&#39;r</p>
          <a href="/en/products/mylk-choco-drops-organic-200-g-16356">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mylk Choco Drops Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="p9XTjqamalFxbM5b2HZOuybpU40UM2gTcF2tLDoTZO0YYwhnAGziUkuB7p5DxpLi3ntKhAr1LYm944Ysubl6sQ" />
    <input value="16356" 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/dark-choco-drops-organic-200-g-16357">
          <img alt="Dark Choco Drops Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7531/file/small-0881467799e563e24efddde02d9d3145.webp 600w, https://assets.fabulous.ch/public/variant_asset/7531/file/medium-6c41d4ae9b9b1dc6a02e0b63011cebc2.webp 900w, https://assets.fabulous.ch/public/variant_asset/7531/file/large-4b42c858a73ef94ca69d6ae92d17f403.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7531/file/medium-6c41d4ae9b9b1dc6a02e0b63011cebc2.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">bett&#39;r</p>
          <a href="/en/products/dark-choco-drops-organic-200-g-16357">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dark Choco Drops Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UO1hIknACM5rL3rAyaob-ucVAQRmM4Ci9D_NApPNFu3vW7rL7wqAzVHCWgVSGsejH4cYDXj1xTg5geYCEGcIsQ" />
    <input value="16357" 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/drink-rice-coco-unsweetened-organic-1-l-2e8fa511-700d-4897-b78e-57c003c897b2-16379">
          <img alt="Drink Rice Coco Unsweetened Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7533/file/small-2735714a182be7ee494df94c825466bd.webp 600w, https://assets.fabulous.ch/public/variant_asset/7533/file/medium-c24ef250d71d773ecc1f67a73bcf72c6.webp 900w, https://assets.fabulous.ch/public/variant_asset/7533/file/large-b98e785f86ead804c6209aed944fcce5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7533/file/medium-c24ef250d71d773ecc1f67a73bcf72c6.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/drink-rice-coco-unsweetened-organic-1-l-2e8fa511-700d-4897-b78e-57c003c897b2-16379">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Drink Rice Coco Unsweetened Organic, 1 l</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 0.38 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0sC4XPf1PIfWTgcSYvFK_eNKYkkPUlIhToOujvyJme9tdmO1UT-0hOyjJ9f5QZakG9h7QBGUF7uDPYWOfyOHsw" />
    <input value="16379" 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/peanut-drink-organic-1-l-16388">
          <img alt="Peanut Drink Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7534/file/small-e2e7c4b0c51b2d91ee2a9cd24de7b53b.webp 600w, https://assets.fabulous.ch/public/variant_asset/7534/file/medium-baa8482556094212b36392ae47121d74.webp 900w, https://assets.fabulous.ch/public/variant_asset/7534/file/large-eced059f4641795515681e119c980186.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7534/file/medium-baa8482556094212b36392ae47121d74.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/peanut-drink-organic-1-l-16388">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Peanut Drink Organic, 1 l</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 0.40 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ouMaQCXN0n2--wsz0l8er5YSsdNRcfHXomRv_wHLDfkdVcGpgwdafoQWK_ZJ78L2boCo2k-3tE1v2kT_gmETpQ" />
    <input value="16388" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Tip
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/3-nut-macadamia-almond-hazelnut-drink-organic-1-l-16389">
          <img alt="3 Nut - Macadamia Almond Hazelnut Drink Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7535/file/small-42a878750807aa6ec22c3af783b468b2.webp 600w, https://assets.fabulous.ch/public/variant_asset/7535/file/medium-9132000d18419974d8f765c15e7753a6.webp 900w, https://assets.fabulous.ch/public/variant_asset/7535/file/large-4d20d3637422962c1f188ab293dff1bf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7535/file/medium-9132000d18419974d8f765c15e7753a6.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/3-nut-macadamia-almond-hazelnut-drink-organic-1-l-16389">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">3 Nut - Macadamia Almond Hazelnut Drink Organic, 1 l</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 0.45 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tygg4kuAeIjE_VCIcih2Yaz6H9cz2xNPyqFYYgJbCY4InvsL7Urwi_4QcE3pmKo4VGgG3i0dVtUHH3NigfEX0g" />
    <input value="16389" 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/oat-spirals-gluten-free-demeter-250-g-16390">
          <img alt="Oat Spirals gluten-free Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7538/file/small-5f8d625cbc7165abb21ba8fce885746f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7538/file/medium-e22de268f3cfb9b445cd4c26d04cb1cb.webp 900w, https://assets.fabulous.ch/public/variant_asset/7538/file/large-f17b48baf3bc6f4ed6914c784aa14648.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7538/file/medium-e22de268f3cfb9b445cd4c26d04cb1cb.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">Spielberger Mühle</p>
          <a href="/en/products/oat-spirals-gluten-free-demeter-250-g-16390">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Oat Spirals gluten-free Demeter, 250 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 1.56 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="m0DxZ23474YL3dRzCjcHy4KYXgNq7Jbtk96gFKTKmyEk9iqOyzJnhTEw9LaRh9uSegpHCnQq03deYIsUJ2CFfQ" />
    <input value="16390" 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/pasta-emmer-volanti-organic-500-g-16391">
          <img alt="Pasta Emmer Volanti Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7539/file/small-e71de956c42f43f9164603f27d02827d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7539/file/medium-819ecff5adab8f378757b4734262ec69.webp 900w, https://assets.fabulous.ch/public/variant_asset/7539/file/large-46ace9088fa3860b40d85b7cbf8516bd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7539/file/medium-819ecff5adab8f378757b4734262ec69.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">Byodo</p>
          <a href="/en/products/pasta-emmer-volanti-organic-500-g-16391">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pasta Emmer Volanti Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="K17GwIkjIyr1jRUW5MszciTUFHtUEV-l_pV1VBrWMxOU6B0pL-mrKc9gNdN_e-8r3EYNckrXGj8zK15UmXwtTw" />
    <input value="16391" 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/pasta-cellentani-green-pea-gluten-free-organic-250-g-16392">
          <img alt="Pasta Cellentani Green Pea 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/7541/file/small-a7d690b3e5d295d259268132fa5dcf27.webp 600w, https://assets.fabulous.ch/public/variant_asset/7541/file/medium-2d05937b783dae4e78d272f97313aaf8.webp 900w, https://assets.fabulous.ch/public/variant_asset/7541/file/large-e17d25eb77a60c5c555c3050d5bbb16f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7541/file/medium-2d05937b783dae4e78d272f97313aaf8.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">Byodo</p>
          <a href="/en/products/pasta-cellentani-green-pea-gluten-free-organic-250-g-16392">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pasta Cellentani Green Pea gluten-free Organic, 250 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 2.32 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="daypP4HnTq4Dq-UMs8O3V7-wS7Sk77qwDtUnR8UimPTKGnLWJy3GrTlGxckoc2sORyJSvbop_yrDawxHRoiGqA" />
    <input value="16392" 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/roasted-chickpeas-sea-salt-100-g-16393">
          <img alt="Roasted Chickpeas Sea Salt" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7540/file/small-967372feff2fd969091b585a21604592.webp 600w, https://assets.fabulous.ch/public/variant_asset/7540/file/medium-a9aba96ff15eb1e8aa8b3edb687bdecd.webp 900w, https://assets.fabulous.ch/public/variant_asset/7540/file/large-24d310a98a11fadda11bcd9d858ec8a0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7540/file/medium-a9aba96ff15eb1e8aa8b3edb687bdecd.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">Chichery</p>
          <a href="/en/products/roasted-chickpeas-sea-salt-100-g-16393">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Roasted Chickpeas Sea Salt, 100 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 3.90 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Gy3TwzmVklH1_UN2foHNU-QjUnTXXqOpSrIZu2dPobakmwgqn18aUs8QY7PlMREKHLFLfcmY5jOHDDK75OW_6g" />
    <input value="16393" 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">
      2&#39;740 of 3&#39;167 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/ortho-analytic?format=turbo_stream&amp;page=138">Show more</a>
  </div>
</div>

</template></turbo-stream>