<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/d-angelo-tortellini-filled-vegetables-organic-250-g-7758">
          <img alt="D&#39;Angelo Tortellini filled Vegetables Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4481/file/small-b7307ed2f61a522fac0705d82bb42c39.webp 600w, https://assets.fabulous.ch/public/variant_asset/4481/file/medium-8493931ee1e9110880494d431c8c6c6c.webp 900w, https://assets.fabulous.ch/public/variant_asset/4481/file/large-270c5529c38aeb16bce2b7d38f719fa4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4481/file/medium-8493931ee1e9110880494d431c8c6c6c.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">D&#39;Angelo Pasteria</p>
          <a href="/en/products/d-angelo-tortellini-filled-vegetables-organic-250-g-7758">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">D&#39;Angelo Tortellini filled Vegetables Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.05
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XIfbbiYWa8jOn2rOiNW81J0s6k9d5DlRf4N4XvuSGMWFDQcxqvDYpx4ZMSju_4im4VfXxaJB6EnfIEH0SDAI8Q" />
    <input value="7758" 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/d-angelo-ravioli-filled-pizza-shred-organic-250-g-7759">
          <img alt="D&#39;Angelo Ravioli filled Pizza Shred Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4480/file/small-6e1b04cf765b3aa3b599b93cb5dffd87.webp 600w, https://assets.fabulous.ch/public/variant_asset/4480/file/medium-a656ace70d7e568b4d6dff8d846c3f51.webp 900w, https://assets.fabulous.ch/public/variant_asset/4480/file/large-a4c5b9e1c6656ea7fbf3cf39327ebd1b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4480/file/medium-a656ace70d7e568b4d6dff8d846c3f51.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">D&#39;Angelo Pasteria</p>
          <a href="/en/products/d-angelo-ravioli-filled-pizza-shred-organic-250-g-7759">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">D&#39;Angelo Ravioli filled Pizza Shred Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iFFsJbwwgVEZGvAFUhaiMgPYblJRc8snBH62DwlX8qlR27B6MNYyPsmcq-M0PJZAf6NT2K7WGj-k3Y-luvXinQ" />
    <input value="7759" 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/xylit-chocolate-powder-without-added-sugar-800-g-7761">
          <img alt="Xylit Chocolate Powder without added sugar" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4484/file/small-2eea363a33d2d89f3663955b9544e34c.webp 600w, https://assets.fabulous.ch/public/variant_asset/4484/file/medium-84b17eabdec065fdeb9c4d9d64be19b1.webp 900w, https://assets.fabulous.ch/public/variant_asset/4484/file/large-c57828a1ce932dca0350f13eb92f4252.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4484/file/medium-84b17eabdec065fdeb9c4d9d64be19b1.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">Xucker</p>
          <a href="/en/products/xylit-chocolate-powder-without-added-sugar-800-g-7761">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xylit Chocolate Powder without added sugar, 800 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.50
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-7761-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/xylit-premium-birch-sugar-can-1-kg-7762">
          <img alt="Xylit Premium Birch Sugar Can" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4483/file/small-fbf007b91457b1e080636c7b4d4aaf2b.webp 600w, https://assets.fabulous.ch/public/variant_asset/4483/file/medium-bd8dfffc12a4049e78037cfa0956a6f8.webp 900w, https://assets.fabulous.ch/public/variant_asset/4483/file/large-5473d78477363b0f30100a756f27bbca.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4483/file/medium-bd8dfffc12a4049e78037cfa0956a6f8.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">Xucker</p>
          <a href="/en/products/xylit-premium-birch-sugar-can-1-kg-7762">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xylit Premium Birch Sugar Can, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.20
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-7762-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/xucker-erythritol-sweetener-can-1-kg-7763">
          <img alt="Xucker Erythritol Sweetener Can" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4486/file/small-e389acc2220121a84b08c5830676a9cc.webp 600w, https://assets.fabulous.ch/public/variant_asset/4486/file/medium-c59b0f1105af2ec80850425b0b8eb572.webp 900w, https://assets.fabulous.ch/public/variant_asset/4486/file/large-1688da8b5ab2d560d9074f9d94c78bbf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4486/file/medium-c59b0f1105af2ec80850425b0b8eb572.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">Xucker</p>
          <a href="/en/products/xucker-erythritol-sweetener-can-1-kg-7763">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xucker Erythritol Sweetener Can, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PR7oFDElMvDr6c2yMWqJ1zRbQKIbecDvpYsmsQTTIp3klDRLvcOBnztvllRXQL2lSCB9KOTcEfcFKB8bt3EyqQ" />
    <input value="7763" 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/chocolate-baking-drops-750-g-7764">
          <img alt="Chocolate Baking Drops" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4487/file/small-7a853b4e992a4c5349400ed046e0dff4.webp 600w, https://assets.fabulous.ch/public/variant_asset/4487/file/medium-ae7a2b84ac42984d7a058293ef55b32f.webp 900w, https://assets.fabulous.ch/public/variant_asset/4487/file/large-4f55bffaff649a0e251f15aaa26f80f2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4487/file/medium-ae7a2b84ac42984d7a058293ef55b32f.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">Xucker</p>
          <a href="/en/products/chocolate-baking-drops-750-g-7764">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chocolate Baking Drops, 750 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.85
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-7764-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/jellys-bears-without-sugar-100-g-7768">
          <img alt="Jellys Bears Without Sugar" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4490/file/small-479bdb5361738dbb111da3208084c039.webp 600w, https://assets.fabulous.ch/public/variant_asset/4490/file/medium-6a5923036bc63e9a0b6898453618022c.webp 900w, https://assets.fabulous.ch/public/variant_asset/4490/file/large-1569d0de3442d527660dbaed92691a53.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4490/file/medium-6a5923036bc63e9a0b6898453618022c.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">Xucker</p>
          <a href="/en/products/jellys-bears-without-sugar-100-g-7768">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Jellys Bears Without Sugar, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-7768-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/chocolate-spread-nougat-hazelnut-xylit-no-added-sugar-300-g-7770">
          <img alt="Chocolate Spread Nougat Hazelnut Xylit No Added Sugar" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4503/file/small-a5ed17c3aec34c13a6ccd81cf91cd0ba.webp 600w, https://assets.fabulous.ch/public/variant_asset/4503/file/medium-4e4553f095cba6a33cd2cc0697c05a2e.webp 900w, https://assets.fabulous.ch/public/variant_asset/4503/file/large-30f32a5cd483e7ad4ac668b607743c26.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4503/file/medium-4e4553f095cba6a33cd2cc0697c05a2e.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">Xucker</p>
          <a href="/en/products/chocolate-spread-nougat-hazelnut-xylit-no-added-sugar-300-g-7770">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chocolate Spread Nougat Hazelnut Xylit No Added Sugar, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.50
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-7770-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/xylit-superior-dark-no-added-sugar-80-g-7775">
          <img alt="Xylit Superior Dark No Added Sugar" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4512/file/small-f2402bd8a3bd071909c33b863c0251d2.webp 600w, https://assets.fabulous.ch/public/variant_asset/4512/file/medium-4bf2312e6782a1dfa80dc9887a866afe.webp 900w, https://assets.fabulous.ch/public/variant_asset/4512/file/large-641346e78a757cb3840103641687d599.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4512/file/medium-4bf2312e6782a1dfa80dc9887a866afe.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">Xucker</p>
          <a href="/en/products/xylit-superior-dark-no-added-sugar-80-g-7775">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xylit Superior Dark No Added Sugar, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-7775-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/xucker-erythritol-sweetener-bronxe-alternative-to-brown-raw-sugar-can-1-kg-7784">
          <img alt="Xucker Erythritol Sweetener Bronxe Alternative to Brown Raw Sugar Can" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4518/file/small-ccf0f361fc64b738e5ba6126914566e5.webp 600w, https://assets.fabulous.ch/public/variant_asset/4518/file/medium-41d45d287df8cad8f62e31fb932ebf45.webp 900w, https://assets.fabulous.ch/public/variant_asset/4518/file/large-7149b9dc1f880e841b116382b7fcfb75.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4518/file/medium-41d45d287df8cad8f62e31fb932ebf45.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">Xucker</p>
          <a href="/en/products/xucker-erythritol-sweetener-bronxe-alternative-to-brown-raw-sugar-can-1-kg-7784">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xucker Erythritol Sweetener Bronxe Alternative to Brown Raw Sugar Can, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.00
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-7784-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/rhythm-108-vegan-dark-cocoa-orange-organic-100-g-7785">
          <img alt="Rhythm 108 Vegan Dark Cocoa Orange Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4521/file/small-29f842eb9f4acd8f590e393fe964df03.webp 600w, https://assets.fabulous.ch/public/variant_asset/4521/file/medium-4421e47ab09ca1667a712ce6b3640c10.webp 900w, https://assets.fabulous.ch/public/variant_asset/4521/file/large-51c0d14ef7771aaf0e7c9f49fbe40a5b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4521/file/medium-4421e47ab09ca1667a712ce6b3640c10.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">Rhythm 108</p>
          <a href="/en/products/rhythm-108-vegan-dark-cocoa-orange-organic-100-g-7785">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rhythm 108 Vegan Dark Cocoa Orange Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.45
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dvEGPIcVTrzq7MUkejlHU8sRtc-yTso8z5apMVEEXBCve9pjC_P90zpqnsIcE3Mht2qIRU3rGyRvNZCb4qZMJA" />
    <input value="7785" 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/cookies-birkengold-chocolate-biscuits-with-no-added-sugar-125-g-7820">
          <img alt="Cookies Birkengold Chocolate Biscuits with no added Sugar" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4565/file/small-497c56098d79e787a1d18e98d5e0623a.webp 600w, https://assets.fabulous.ch/public/variant_asset/4565/file/medium-af88b7185fd07302789d168227d12e79.webp 900w, https://assets.fabulous.ch/public/variant_asset/4565/file/large-ed68b675a0cb95fe44a51502df4fa0b9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4565/file/medium-af88b7185fd07302789d168227d12e79.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">Birkengold</p>
          <a href="/en/products/cookies-birkengold-chocolate-biscuits-with-no-added-sugar-125-g-7820">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cookies Birkengold Chocolate Biscuits with no added Sugar, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lXLHO48fBfmTJ8c4kZOOgC93sfqsNJV4MUSMGbaaeY9M-BtkA_m2lkOhnN73ubryUwyMcFORRGCR57WzBThpuw" />
    <input value="7820" 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/biscuit-lemon-ginger-chia-organic-135-g-7841">
          <img alt="Biscuit Lemon Ginger &amp; Chia Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4573/file/small-0f58075794777292de710e6dec20fa4c.webp 600w, https://assets.fabulous.ch/public/variant_asset/4573/file/medium-02987e6869f0e2835d3eb69301d373cf.webp 900w, https://assets.fabulous.ch/public/variant_asset/4573/file/large-8d0068b074cfaa96afc461fbf6d8fb82.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4573/file/medium-02987e6869f0e2835d3eb69301d373cf.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">Rhythm 108</p>
          <a href="/en/products/biscuit-lemon-ginger-chia-organic-135-g-7841">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biscuit Lemon Ginger &amp; Chia Organic, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.15
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YWzvSwEVrRU4Sza1o3F4oaNVvP3yS1rm_jGjm4Sm8A245jMUjfMeeujNbVPFW0zT3y6Bdw3ui_5ekpoxNwTgOQ" />
    <input value="7841" 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/cookies-vegan-hazelnut-chocolate-praline-organic-50-g-7844">
          <img alt="Cookies Vegan Hazelnut Chocolate Praline Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4577/file/small-0b016f3f6375f924efe4cfeed3a2028d.webp 600w, https://assets.fabulous.ch/public/variant_asset/4577/file/medium-753171656bf67d273fc20c050c16acb9.webp 900w, https://assets.fabulous.ch/public/variant_asset/4577/file/large-4511ca71636a4ea0b2a4400a10bd724e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4577/file/medium-753171656bf67d273fc20c050c16acb9.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">Rhythm 108</p>
          <a href="/en/products/cookies-vegan-hazelnut-chocolate-praline-organic-50-g-7844">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cookies Vegan Hazelnut Chocolate Praline Organic, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.65
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OF8cNj3Jx4mjudXtYHgkH-esVog3UO_v8trebMD091Th1cBpsS905nM_jgsGUhBtm9drAsj1PvdSeefGc1bnYA" />
    <input value="7844" 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/simply-v-vegan-character-slices-cheddar-style-150-g-7859">
          <img alt="Simply V Vegan Character Slices Cheddar Style" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4593/file/small-8f982d850001317032ea6313b27426c9.webp 600w, https://assets.fabulous.ch/public/variant_asset/4593/file/medium-b64e37f5f2d6e8301b87711b99dfb576.webp 900w, https://assets.fabulous.ch/public/variant_asset/4593/file/large-7b1c304d1c664164611ae0a78fa05f54.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4593/file/medium-b64e37f5f2d6e8301b87711b99dfb576.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">Simply V</p>
          <a href="/en/products/simply-v-vegan-character-slices-cheddar-style-150-g-7859">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Simply V Vegan Character Slices Cheddar Style, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </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 3.00 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-7859-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/almonds-flaked-organic-100-g-7880">
          <img alt="Almonds Flaked Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4609/file/small-5be87b906bb1ae43b447acb42d39874b.webp 600w, https://assets.fabulous.ch/public/variant_asset/4609/file/medium-8b25b3ce918dd81028a48f3ddafa27c9.webp 900w, https://assets.fabulous.ch/public/variant_asset/4609/file/large-91ed8ca5ad4be8a47fa7366a1ce5d7a0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4609/file/medium-8b25b3ce918dd81028a48f3ddafa27c9.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">Rapunzel</p>
          <a href="/en/products/almonds-flaked-organic-100-g-7880">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Almonds Flaked Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.65
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EEj5OiitAj152jDq8xvHphv6hKUJ6mgiWXo6Sq1OzzTJwiVlpEuxUqlcawyVMfPUZ4G5L_ZPuTr52QPgHuzfAA" />
    <input value="7880" 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/emmer-demeter-500-g-7882">
          <img alt="Emmer Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4614/file/small-a8b42298fad02004795892257f13fd0d.webp 600w, https://assets.fabulous.ch/public/variant_asset/4614/file/medium-cf441e4f9819c0a60a92e01697b2c4c8.webp 900w, https://assets.fabulous.ch/public/variant_asset/4614/file/large-56dce37c06462c92f7566edcdd9eb8bc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4614/file/medium-cf441e4f9819c0a60a92e01697b2c4c8.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">Vanadis</p>
          <a href="/en/products/emmer-demeter-500-g-7882">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Emmer Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.35
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eow4VkGJCMSmiSw_j1Sxe6yCCrX6O9kWT00wia1eWIujBuQJzW-7q3YPd9npfoUJ0Pk3PwWeCA7v7gkjHvxIvw" />
    <input value="7882" 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/biscuits-hazelnut-oat-chocolate-cookies-gluten-free-organic-120-g-7902">
          <img alt="Biscuits Hazelnut Oat Chocolate Cookies 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/4625/file/small-bc5c8baabf8590d7cfcd541cca0e961c.webp 600w, https://assets.fabulous.ch/public/variant_asset/4625/file/medium-5f684ad09d4aaedad934f3d7083800eb.webp 900w, https://assets.fabulous.ch/public/variant_asset/4625/file/large-96dd39d0acdd919b014184e49d71c037.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4625/file/medium-5f684ad09d4aaedad934f3d7083800eb.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">Céliane</p>
          <a href="/en/products/biscuits-hazelnut-oat-chocolate-cookies-gluten-free-organic-120-g-7902">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biscuits Hazelnut Oat Chocolate Cookies Gluten-free Organic, 120 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 4.75 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HKwSyjiEsoShnZ5uOZQJgLtt4izcds4VaxJ0QJ2rZf_FJs6VtGIB63EbxYhfvj3yxxbfpiPTHw3LsU3qLgl1yw" />
    <input value="7902" 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/chips-sweet-potatoe-chips-lightly-salted-organic-100-g-7907">
          <img alt="Chips Sweet Potatoe Chips Lightly Salted Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4630/file/small-379502767b0450e36b834a2c46970d59.webp 600w, https://assets.fabulous.ch/public/variant_asset/4630/file/medium-60cc834e133c40afc1d23b99fa6dfff6.webp 900w, https://assets.fabulous.ch/public/variant_asset/4630/file/large-e644713929cb016a7eaf8e15e18b100a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4630/file/medium-60cc834e133c40afc1d23b99fa6dfff6.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">Heimatgut</p>
          <a href="/en/products/chips-sweet-potatoe-chips-lightly-salted-organic-100-g-7907">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chips Sweet Potatoe Chips Lightly Salted Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pERCiUr1MuygqcNMb_cYmv1GcLl7LupKDaFNfl_rLDV9zp7WxhOBg3AvmKoJ3SzogT1NM4SLO1KtAnTU7Ek8AQ" />
    <input value="7907" 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/snack-spelt-olive-herbs-organic-150-g-7909">
          <img alt="Snack Spelt Olive Herbs Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4632/file/small-56e838265420cd7ab1bc897e78cdb59d.webp 600w, https://assets.fabulous.ch/public/variant_asset/4632/file/medium-bea8b1a73a173addbfdebd9276c1c415.webp 900w, https://assets.fabulous.ch/public/variant_asset/4632/file/large-580180d0d20fdae955d2a7d7b44e683e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4632/file/medium-bea8b1a73a173addbfdebd9276c1c415.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">Sommer</p>
          <a href="/en/products/snack-spelt-olive-herbs-organic-150-g-7909">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Snack Spelt Olive Herbs 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-7909-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Rqnx8hy1oeqAMSeZfNsuH2oL68GJn28cC9l3T3zJrTKfIy2tkFMShVC3fH8a8RptFnDWS3Y6vgSrek7lz2u9Bg" />
    <input value="7909" 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">
      1&#39;480 of 2&#39;287 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/food?format=turbo_stream&amp;page=75">Show more</a>
  </div>
</div>

</template></turbo-stream>