<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/coconut-milk-powder-with-b12-organic-600-g-600-g-15846">
          <img alt="Coconut Milk Powder with B12 Organic, 600 g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7231/file/small-03b039b83996a60ac5e19e9e3291205c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7231/file/medium-ded979cc8e51cff58213a178c28d9f92.webp 900w, https://assets.fabulous.ch/public/variant_asset/7231/file/large-8779e89be1186e2ef9422e062f2977bb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7231/file/medium-ded979cc8e51cff58213a178c28d9f92.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">NaturKraftWerke</p>
          <a href="/en/products/coconut-milk-powder-with-b12-organic-600-g-600-g-15846">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Coconut Milk Powder with B12 Organic, 600 g, 600 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 39.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="P4DbcX0CVxjQSHtp4BY2HRpCb0Mnu9IlgIPe2mvAAie0i156L0B2_PgJBcoc-_OC8wpM1YpndpgtyqgvVhd6Rw" />
    <input value="15846" 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/oat-drink-powder-with-b12-organic-775-g-775-g-15847">
          <img alt="Oat Drink Powder with B12 Organic, 775 g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7232/file/small-a8502a8bc7ea625f308c7fc8dc702507.webp 600w, https://assets.fabulous.ch/public/variant_asset/7232/file/medium-720af05f5531ae9c3cd5b5d456228d33.webp 900w, https://assets.fabulous.ch/public/variant_asset/7232/file/large-515c853e8b30263c2c0a8d5790337a86.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7232/file/medium-720af05f5531ae9c3cd5b5d456228d33.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">NaturKraftWerke</p>
          <a href="/en/products/oat-drink-powder-with-b12-organic-775-g-775-g-15847">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Oat Drink Powder with B12 Organic, 775 g, 775 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qYRg84AjiaQJ3rMth7GMs3CgXRcyiBjg2KbVZAs5l6Yij-X40mGoQCGfzY57XEksmeh-gZ9UvF1176ORNu7vxg" />
    <input value="15847" 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/taboule-organic-150-g-15848">
          <img alt="Taboulé Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7234/file/small-4ac082631b0c32e102333f2437439c5c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7234/file/medium-28b77ac4ca7be895012e9feb98e6c49b.webp 900w, https://assets.fabulous.ch/public/variant_asset/7234/file/large-a59dcc21f93a47a19eb0dc834aa0cade.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7234/file/medium-28b77ac4ca7be895012e9feb98e6c49b.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">Antersdorfer</p>
          <a href="/en/products/taboule-organic-150-g-15848">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Taboulé Organic, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="J0tY5vAQL8Yr-5xy73Yd9OdGVxZHiaQfn3Amvb4c8yOsQN3tolIOIgO64tETm9hrDg50gOpVAKIyOVBIg8uLQw" />
    <input value="15848" 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/indian-bulgur-pan-organic-150-g-15849">
          <img alt="Indian Bulgur Pan Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7235/file/small-27bbcd9cae7d419dc9be0f6d7981167c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7235/file/medium-28e71bb47fc1b01e53eee67f2ef858e0.webp 900w, https://assets.fabulous.ch/public/variant_asset/7235/file/large-04ded731632a807e77116e75ffa4abbb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7235/file/medium-28e71bb47fc1b01e53eee67f2ef858e0.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">Antersdorfer</p>
          <a href="/en/products/indian-bulgur-pan-organic-150-g-15849">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Indian Bulgur Pan Organic, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RPFYYdNayQEyIjNZ7ryQdfj04G_AiGBXSCb-p0KdZ_nP-t1qgRjo5RpjTfoSUVXqEbzD-W1UxOrlb4hSf0ofmQ" />
    <input value="15849" 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/risotto-porcini-tomato-organic-150-g-15851">
          <img alt="Risotto Porcini Tomato Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7238/file/small-cecd0eaef312c43ddbf57a1d65aa8f78.webp 600w, https://assets.fabulous.ch/public/variant_asset/7238/file/medium-0cb03b457e739d07585162f4f4bd6c31.webp 900w, https://assets.fabulous.ch/public/variant_asset/7238/file/large-e4c06dc4f54c69b561f7ecbf448b487c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7238/file/medium-0cb03b457e739d07585162f4f4bd6c31.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">Antersdorfer</p>
          <a href="/en/products/risotto-porcini-tomato-organic-150-g-15851">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Risotto Porcini Tomato Organic, 150 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 3.20 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="E41U8cdG295EcjObOm_Ixh3oKbbOylr9BxUOxDEw9yqYhtH6lQT6OmwzTTjGgg1Z9KAKIGMW_kCqXHgxDOePSg" />
    <input value="15851" 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/vegetable-lentil-stew-organic-150-g-15852">
          <img alt="Vegetable Lentil Stew Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7239/file/small-076cd0d713a1d7cec0ab954401d2287e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7239/file/medium-cb2a07cc60608ee9b592cb0652b8ed6b.webp 900w, https://assets.fabulous.ch/public/variant_asset/7239/file/large-8c1afc0a1dad5b0a02045429a51879b5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7239/file/medium-cb2a07cc60608ee9b592cb0652b8ed6b.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">Antersdorfer</p>
          <a href="/en/products/vegetable-lentil-stew-organic-150-g-15852">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegetable Lentil Stew Organic, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="z2haS84idbbe8EG7C-gn-9H4XhGB_827Y9y4KuqTYftEY99AnGBUUvaxPxj3BeJkOLB9hywjaQbOlc7f10QZmw" />
    <input value="15852" 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/oriental-millet-bowl-organic-150-g-15853">
          <img alt="Oriental Millet Bowl Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7240/file/small-2aa392825a89e3101ca00d8a98cc8800.webp 600w, https://assets.fabulous.ch/public/variant_asset/7240/file/medium-72e726000035733cf4a356e09b3b1f0c.webp 900w, https://assets.fabulous.ch/public/variant_asset/7240/file/large-2506cff5a070877de5e0cf3aa9b89948.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7240/file/medium-72e726000035733cf4a356e09b3b1f0c.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">Antersdorfer</p>
          <a href="/en/products/oriental-millet-bowl-organic-150-g-15853">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Oriental Millet Bowl Organic, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ie4C2slFk2S7Rx45AEcAlftQYB4XFm5Un5pb1F-fK9-q5YfRmweygJMGYJr8qsUKEhhDiLrKyuky0y0hYkhTvw" />
    <input value="15853" 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/quinoa-vegetable-stew-organic-150-g-15855">
          <img alt="Quinoa Vegetable Stew Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7248/file/small-5de736b5ec5d24330cc3ea2c22fc1d44.webp 600w, https://assets.fabulous.ch/public/variant_asset/7248/file/medium-009a8ff5b1ec2346efdc6e429286bbb6.webp 900w, https://assets.fabulous.ch/public/variant_asset/7248/file/large-a55e61dc1bbb8f9c5898466f660d0b7c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7248/file/medium-009a8ff5b1ec2346efdc6e429286bbb6.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">Antersdorfer</p>
          <a href="/en/products/quinoa-vegetable-stew-organic-150-g-15855">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Quinoa Vegetable Stew Organic, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="S1EIR7tqc-RlSrpMBORp7JUpDDzQIc0Lm1tzJAn_r-fAWo1M6ShSAE0LxO_4CaxzfGEvqn39abY2EgXRNCjXhw" />
    <input value="15855" 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/quick-polenta-with-porcini-organic-150-g-15856">
          <img alt="Quick Polenta with Porcini Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7251/file/small-f5ab9445aa2abe16d75bf16934dc4cfc.webp 600w, https://assets.fabulous.ch/public/variant_asset/7251/file/medium-2d73e73230b08d018cae54ee410e04cc.webp 900w, https://assets.fabulous.ch/public/variant_asset/7251/file/large-95a774f6ece5609d0832fe7684b54bd3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7251/file/medium-2d73e73230b08d018cae54ee410e04cc.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">Antersdorfer</p>
          <a href="/en/products/quick-polenta-with-porcini-organic-150-g-15856">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Quick Polenta with Porcini Organic, 150 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 3.20 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GxqoaFC6qAHUCYkOUiCSzW45eMRqCohAWdIJhbfBoZSQES1jAviJ5fxI962uzVdSh3FbUsfWLP30m39wihbZ9A" />
    <input value="15856" 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/pralinis-lini-s-bites-matcha-raspberry-organic-46-g-15859">
          <img alt="Pralinis Lini&#39;s Bites Matcha Raspberry Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7255/file/small-84c82bec84bff62ec89cdd4299e807d0.webp 600w, https://assets.fabulous.ch/public/variant_asset/7255/file/medium-e99c3a5743ec644555caff7b9df3c4cb.webp 900w, https://assets.fabulous.ch/public/variant_asset/7255/file/large-7c1f488cce4ca9dd93ee30e30b05b0b3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7255/file/medium-e99c3a5743ec644555caff7b9df3c4cb.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">Lini&#39;s Bites</p>
          <a href="/en/products/pralinis-lini-s-bites-matcha-raspberry-organic-46-g-15859">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pralinis Lini&#39;s Bites Matcha Raspberry Organic, 46 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 8.48 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-15859-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/pralinis-lini-s-bites-salted-pistachio-organic-46-g-15860">
          <img alt="Pralinis Lini&#39;s Bites Salted Pistachio Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7254/file/small-c5efe9c0fe6b5fcf8d1880015b9acd0d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7254/file/medium-b1db153b357580fbd352d18faec869c9.webp 900w, https://assets.fabulous.ch/public/variant_asset/7254/file/large-b0530a2fabaf861c55bf09cc8e708051.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7254/file/medium-b1db153b357580fbd352d18faec869c9.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">Lini&#39;s Bites</p>
          <a href="/en/products/pralinis-lini-s-bites-salted-pistachio-organic-46-g-15860">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pralinis Lini&#39;s Bites Salted Pistachio Organic, 46 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 8.48 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_uN-WuLy4MRvz3u--pVg9EBb8Q5bxfYbhvmBi1ipX8R16PtRsLDBIEeOBR0GeKVrqRPSmPYZUqYrsPd-ZX4npA" />
    <input value="15860" 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/pralinis-lini-s-bites-white-coconut-organic-46-g-15861">
          <img alt="Pralinis Lini&#39;s Bites White Coconut Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7257/file/small-ea9fb55d2becab909ae413911ce6c82e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7257/file/medium-b7304d63968813b24d86d73fb66d6fa6.webp 900w, https://assets.fabulous.ch/public/variant_asset/7257/file/large-a9e6a6b26d55baf8c96b4bf1360181da.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7257/file/medium-b7304d63968813b24d86d73fb66d6fa6.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">Lini&#39;s Bites</p>
          <a href="/en/products/pralinis-lini-s-bites-white-coconut-organic-46-g-15861">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pralinis Lini&#39;s Bites White Coconut Organic, 46 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 8.48 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-15861-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/sensitive-sunscreen-lotion-spf-50-40-ml-15862">
          <img alt="Sensitive Sunscreen Lotion SPF 50" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7256/file/small-5aedb76028aa336b653c33349aa5f923.webp 600w, https://assets.fabulous.ch/public/variant_asset/7256/file/medium-6d97ebd492168fdbd74bc612b25f60f9.webp 900w, https://assets.fabulous.ch/public/variant_asset/7256/file/large-d18464ddddcdab02ff3761b35e2af99e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7256/file/medium-6d97ebd492168fdbd74bc612b25f60f9.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lavera</p>
          <a href="/en/products/sensitive-sunscreen-lotion-spf-50-40-ml-15862">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sensitive Sunscreen Lotion SPF 50, 40 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OPM_YmgXtBsQRX41jUc8M6C5RbRkqewv91IPpgIMIf-z-LppOlWV_zgEAJZxqvmsSfFmIsl1SJJaG3lTP9tZnw" />
    <input value="15862" 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/dj-a-crispy-broccoli-florets-25-g-15864">
          <img alt="DJ&amp;A Crispy Broccoli Florets" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7266/file/small-4e17d5db35f15a21358a9d7c07ce3198.webp 600w, https://assets.fabulous.ch/public/variant_asset/7266/file/medium-c2e6b16b35599da0f1984c37c7f4a1fb.webp 900w, https://assets.fabulous.ch/public/variant_asset/7266/file/large-d09dc15a1892f0d73a930287aea2c202.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7266/file/medium-c2e6b16b35599da0f1984c37c7f4a1fb.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">DJ&amp;A</p>
          <a href="/en/products/dj-a-crispy-broccoli-florets-25-g-15864">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">DJ&amp;A Crispy Broccoli Florets, 25 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="B8kpzUmm9AQ09f0baXU5PdrwPkcfLa1vbq6VxSxZhiCMwqzGG-TV4By0g7iVmPyiM7gd0bLxCdLD5-MwEY7-QA" />
    <input value="15864" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/dj-a-crispy-broccoli-florets-sea-salt-vinegar-25-g-15865">
          <img alt="DJ&amp;A Crispy Broccoli Florets Sea Salt &amp; Vinegar" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7267/file/small-d0fc0c9dfc58e45b3cdad9fed8686a16.webp 600w, https://assets.fabulous.ch/public/variant_asset/7267/file/medium-ef4c7ed66f908cf3b0fdbf4f35f602a4.webp 900w, https://assets.fabulous.ch/public/variant_asset/7267/file/large-eeda5de292ba7f327435b170c7c9ff4a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7267/file/medium-ef4c7ed66f908cf3b0fdbf4f35f602a4.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">DJ&amp;A</p>
          <a href="/en/products/dj-a-crispy-broccoli-florets-sea-salt-vinegar-25-g-15865">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">DJ&amp;A Crispy Broccoli Florets Sea Salt &amp; Vinegar, 25 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/en/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Notify me
</a>

      </div>
    </div>
  </div>


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/dj-a-crispy-beetroot-slices-35-g-15866">
          <img alt="DJ&amp;A Crispy Beetroot Slices" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7268/file/small-d0d1e2ac782b77e1379bac2771d43909.webp 600w, https://assets.fabulous.ch/public/variant_asset/7268/file/medium-4aa9f610540116f5795b33da5f5de342.webp 900w, https://assets.fabulous.ch/public/variant_asset/7268/file/large-4e0c7eaca0b6d012d14e8fd501f78807.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7268/file/medium-4aa9f610540116f5795b33da5f5de342.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">DJ&amp;A</p>
          <a href="/en/products/dj-a-crispy-beetroot-slices-35-g-15866">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">DJ&amp;A Crispy Beetroot Slices, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-15866-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">
    <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/dj-a-mixed-mushroom-crisps-30-g-15867">
          <img alt="DJ&amp;A Mixed Mushroom Crisps" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7270/file/small-dfcca5a70afd96d1c43d1fcb87659737.webp 600w, https://assets.fabulous.ch/public/variant_asset/7270/file/medium-826919da57d0626ddf266272ba770a84.webp 900w, https://assets.fabulous.ch/public/variant_asset/7270/file/large-8d734776ded1c45483f740abd767e5e1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7270/file/medium-826919da57d0626ddf266272ba770a84.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">DJ&amp;A</p>
          <a href="/en/products/dj-a-mixed-mushroom-crisps-30-g-15867">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">DJ&amp;A Mixed Mushroom Crisps, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/en/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Notify me
</a>

      </div>
    </div>
  </div>


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/dj-a-veggie-crisps-90-g-15868">
          <img alt="DJ&amp;A Veggie Crisps" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7271/file/small-49756820fa59e57a8ef4e11fde48cadd.webp 600w, https://assets.fabulous.ch/public/variant_asset/7271/file/medium-915040f01ab59d7814ea047c50710cda.webp 900w, https://assets.fabulous.ch/public/variant_asset/7271/file/large-b761f2670baede531ad8ff423b7073d4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7271/file/medium-915040f01ab59d7814ea047c50710cda.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">DJ&amp;A</p>
          <a href="/en/products/dj-a-veggie-crisps-90-g-15868">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">DJ&amp;A Veggie Crisps, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="f_obzJNDL9o6Qrrpl7xmKvfL1GhoHpHdv8SElnWPVDP08Z7HwQEOPhIDxEprUaO1HoP3_sXCNWASjfJjSFgsUw" />
    <input value="15868" 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/dj-a-sugar-snap-pea-crisps-30-g-15870">
          <img alt="DJ&amp;A Sugar Snap Pea Crisps" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7277/file/small-c6ea5caffc6b2018f49df996b74b56c7.webp 600w, https://assets.fabulous.ch/public/variant_asset/7277/file/medium-f86173f519223eb08a9832b3338c371f.webp 900w, https://assets.fabulous.ch/public/variant_asset/7277/file/large-c72d732d0641c7ab8d42945a1ff4c43b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7277/file/medium-f86173f519223eb08a9832b3338c371f.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">DJ&amp;A</p>
          <a href="/en/products/dj-a-sugar-snap-pea-crisps-30-g-15870">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">DJ&amp;A Sugar Snap Pea Crisps, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="v316Vw5HY7a8dqvaHsL8A-Igd3D7QL-2LqN0qdADscA0dv9cXAVCUpQ31XniLzmcC2hU5lacGwuD6gJc7dTJoA" />
    <input value="15870" 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/dj-a-crispy-garlic-cloves-45-g-15871">
          <img alt="DJ&amp;A Crispy Garlic Cloves" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7278/file/small-ce73b0e07606d58976ee105425029eba.webp 600w, https://assets.fabulous.ch/public/variant_asset/7278/file/medium-b751d56a309f4ef8d411b793de91fd16.webp 900w, https://assets.fabulous.ch/public/variant_asset/7278/file/large-69a5ef3a9f489dce4f7580a47af4e1cb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7278/file/medium-b751d56a309f4ef8d411b793de91fd16.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">DJ&amp;A</p>
          <a href="/en/products/dj-a-crispy-garlic-cloves-45-g-15871">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">DJ&amp;A Crispy Garlic Cloves, 45 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/en/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Notify me
</a>

      </div>
    </div>
  </div>



</template></turbo-stream>
<turbo-stream action="replace" target="infinite_scroll_sentinel"><template>
  <div id="infinite_scroll_sentinel" class="w-full py-8">
  <div class="flex flex-col items-center gap-3">
    <p class="text-sm text-gray-500">
      2&#39;580 of 3&#39;169 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/zielonka?format=turbo_stream&amp;page=130">Show more</a>
  </div>
</div>

</template></turbo-stream>