<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/tunah-vegan-alternative-to-fish-tuna-170-g-7364">
          <img alt="Tunah Vegan Alternative to Fish Tuna" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4218/file/small-d1c3126dfe7774d8f92d8cffaf29ad07.webp 600w, https://assets.fabulous.ch/public/variant_asset/4218/file/medium-53a744ef898f3fa56cef6f16810b8b4d.webp 900w, https://assets.fabulous.ch/public/variant_asset/4218/file/large-1d51d8c0800dc94d151ce9060800079e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4218/file/medium-53a744ef898f3fa56cef6f16810b8b4d.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">Marigold Health Foods</p>
          <a href="/en/products/tunah-vegan-alternative-to-fish-tuna-170-g-7364">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tunah Vegan Alternative to Fish Tuna, 170 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 3.06 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gVJoQY-d2gZiIDObuHFrs1zyzoi2KBqft0y0kILZkDIVeHVDyBfgN6EfmU_15hhaCsVbq6z_zEwlRtSzQFNYNA" />
    <input value="7364" 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/moo-free-bunnycomb-chocolate-bar-vegan-gluten-free-20-g-7375">
          <img alt="Moo Free Bunnycomb Chocolate Bar Vegan Gluten Free" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4236/file/small-6d45c7f825c5fb3488a03b57214d10cd.webp 600w, https://assets.fabulous.ch/public/variant_asset/4236/file/medium-482b1a088a9449fc5df59b4922b58414.webp 900w, https://assets.fabulous.ch/public/variant_asset/4236/file/large-7a3714de6ba9f8f63b12ea579047bf62.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4236/file/medium-482b1a088a9449fc5df59b4922b58414.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Moo Free Chocolates</p>
          <a href="/en/products/moo-free-bunnycomb-chocolate-bar-vegan-gluten-free-20-g-7375">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Moo Free Bunnycomb Chocolate Bar Vegan Gluten Free, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.50
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-7375-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/loma-linda-tuno-vegan-alternative-to-tuna-142-g-7378">
          <img alt="Loma Linda Tuno Vegan Alternative to Tuna" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4238/file/small-4488144308fdfcf2ad6e84beeaf6a1a6.webp 600w, https://assets.fabulous.ch/public/variant_asset/4238/file/medium-d968ed1c1aea1f800f7535d40d935a17.webp 900w, https://assets.fabulous.ch/public/variant_asset/4238/file/large-4b6bb7a950ed789afd5c365ab4bc38d4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4238/file/medium-d968ed1c1aea1f800f7535d40d935a17.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">Loma Linda</p>
          <a href="/en/products/loma-linda-tuno-vegan-alternative-to-tuna-142-g-7378">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Loma Linda Tuno Vegan Alternative to Tuna, 142 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-7378-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/marzipan-block-white-organic-200-g-7393">
          <img alt="Marzipan Block White Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4243/file/small-e5d0af02007aa3da72513791413b6c20.webp 600w, https://assets.fabulous.ch/public/variant_asset/4243/file/medium-baf2114c2afc9b425ea483f21c015671.webp 900w, https://assets.fabulous.ch/public/variant_asset/4243/file/large-b1e3070f24a744105bbb18cf64b6b266.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4243/file/medium-baf2114c2afc9b425ea483f21c015671.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">Perl&#39;Amande</p>
          <a href="/en/products/marzipan-block-white-organic-200-g-7393">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Marzipan Block White Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.35
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="C2nd-B4C7eZwk5YQKo5IOuRWfqGtjZcYasJiwZIzdEufQ8D6WYjX17OsPMRnGTvTsmHrgrdaQcv4yALiULm8TQ" />
    <input value="7393" 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/peas-glass-jar-demeter-350-ml-7439">
          <img alt="Peas Glass Jar Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8869/file/small-98a3902d574d71df6382aeb51c182e9b.webp 600w, https://assets.fabulous.ch/public/variant_asset/8869/file/medium-d0471a5d0517fa4781cc284fc419d325.webp 900w, https://assets.fabulous.ch/public/variant_asset/8869/file/large-4dfecf7065903f329460338169525294.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8869/file/medium-d0471a5d0517fa4781cc284fc419d325.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">de Rit</p>
          <a href="/en/products/peas-glass-jar-demeter-350-ml-7439">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Peas Glass Jar Demeter, 350 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.05
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-7439-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/corn-starch-fine-gluten-free-organic-250-g-7449">
          <img alt="Corn Starch Fine 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/4264/file/small-e8864a57565cb890c1b3e7c6c78b9ec6.webp 600w, https://assets.fabulous.ch/public/variant_asset/4264/file/medium-d2ca80902e1eeec66ff4f74fb4b9ba91.webp 900w, https://assets.fabulous.ch/public/variant_asset/4264/file/large-a82f2261f3ddeda323318d03889f015f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4264/file/medium-d2ca80902e1eeec66ff4f74fb4b9ba91.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">Biovegan</p>
          <a href="/en/products/corn-starch-fine-gluten-free-organic-250-g-7449">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Corn Starch Fine Gluten Free Organic, 250 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 1.40 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="P6vU8Us0RGcWsxG6GvZYCqzUM8Yevl1PV2caKlEkCfirgcnzDL5-VtWMu25XYSvj-uOm5QRpi5zFbXoJk67B_g" />
    <input value="7449" 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/panettone-with-raisins-candied-fruits-750-g-7452">
          <img alt="Panettone with Raisins &amp; Candied Fruits" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4267/file/small-741bc3051625bdb2859106270eb5cdda.webp 600w, https://assets.fabulous.ch/public/variant_asset/4267/file/medium-4fcd2607fed033bfa74c4e72d91727bd.webp 900w, https://assets.fabulous.ch/public/variant_asset/4267/file/large-290458a20f366f3b10d094de7a2c0acf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4267/file/medium-4fcd2607fed033bfa74c4e72d91727bd.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">MilanoVeg</p>
          <a href="/en/products/panettone-with-raisins-candied-fruits-750-g-7452">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Panettone with Raisins &amp; Candied Fruits, 750 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.95
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-7452-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/panettone-with-chocolate-chunks-750-g-7453">
          <img alt="Panettone with Chocolate Chunks" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4268/file/small-246ee278d33fd921b82a3a510067e4d4.webp 600w, https://assets.fabulous.ch/public/variant_asset/4268/file/medium-58b9ba254d6585b194252388d6c154da.webp 900w, https://assets.fabulous.ch/public/variant_asset/4268/file/large-6be7765b134cb6f50b676ffccd68cc5a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4268/file/medium-58b9ba254d6585b194252388d6c154da.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">MilanoVeg</p>
          <a href="/en/products/panettone-with-chocolate-chunks-750-g-7453">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Panettone with Chocolate Chunks, 750 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.95
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-7453-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/panettone-without-candied-fruits-750-g-7454">
          <img alt="Panettone WITHOUT Candied Fruits" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4269/file/small-986d899267df3b33c76a0b9346b0d664.webp 600w, https://assets.fabulous.ch/public/variant_asset/4269/file/medium-77bbf2be3542b56fc3aba33afc123b85.webp 900w, https://assets.fabulous.ch/public/variant_asset/4269/file/large-c5852169c2a3f5466b836b02ca98d61c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4269/file/medium-77bbf2be3542b56fc3aba33afc123b85.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">MilanoVeg</p>
          <a href="/en/products/panettone-without-candied-fruits-750-g-7454">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Panettone WITHOUT Candied Fruits, 750 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.95
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-7454-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/vegan-nut-roast-country-veg-cashew-200-g-7468">
          <img alt="Vegan Nut Roast - Country Veg/Cashew" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4288/file/small-ed2e0b1e50ef679520e9c9855ece0c4a.webp 600w, https://assets.fabulous.ch/public/variant_asset/4288/file/medium-ebbb8b46fbba9834e065f0b663453e03.webp 900w, https://assets.fabulous.ch/public/variant_asset/4288/file/large-e85d54a3fe08cb39a568bab5e0dd272f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4288/file/medium-ebbb8b46fbba9834e065f0b663453e03.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">Artisan Grains</p>
          <a href="/en/products/vegan-nut-roast-country-veg-cashew-200-g-7468">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan Nut Roast - Country Veg/Cashew, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </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-7468-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/vegan-nut-roast-cashew-cranberry-200-g-7469">
          <img alt="Vegan Nut Roast - Cashew &amp; Cranberry" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4291/file/small-dfc2c1bf789a9426c1279853f37be1d6.webp 600w, https://assets.fabulous.ch/public/variant_asset/4291/file/medium-9b2db8d253c9ddaf54de9ebac7f95dfe.webp 900w, https://assets.fabulous.ch/public/variant_asset/4291/file/large-5f5a6f98c7f1e61b27c191923bcc4860.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4291/file/medium-9b2db8d253c9ddaf54de9ebac7f95dfe.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">Artisan Grains</p>
          <a href="/en/products/vegan-nut-roast-cashew-cranberry-200-g-7469">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan Nut Roast - Cashew &amp; Cranberry, 200 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 3.25 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-7469-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/pandoro-veronese-il-vegan-d-oro-750-g-7475">
          <img alt="Pandoro Veronese “Il Vegan d’oro”" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4298/file/small-93c1fab3b90752fdef16b109c403412a.webp 600w, https://assets.fabulous.ch/public/variant_asset/4298/file/medium-505685d8a637b42bb6a5f267049315fc.webp 900w, https://assets.fabulous.ch/public/variant_asset/4298/file/large-aecdce9c3bbb8e5de60dc6d913faa519.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4298/file/medium-505685d8a637b42bb6a5f267049315fc.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">MilanoVeg</p>
          <a href="/en/products/pandoro-veronese-il-vegan-d-oro-750-g-7475">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pandoro Veronese “Il Vegan d’oro”, 750 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.95
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-7475-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/vermicelles-chestnut-puree-preparation-bio-350-g-7491">
          <img alt="Vermicelles Chestnut Puree Preparation Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4306/file/small-49ce17acc96846f8e1d1924d05284739.webp 600w, https://assets.fabulous.ch/public/variant_asset/4306/file/medium-9f95eee0ae87ee854981cbdcc0fc7a7f.webp 900w, https://assets.fabulous.ch/public/variant_asset/4306/file/large-15aced370b0ccd0c6bb68cced7a481b3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4306/file/medium-9f95eee0ae87ee854981cbdcc0fc7a7f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bio Grosshandel</p>
          <a href="/en/products/vermicelles-chestnut-puree-preparation-bio-350-g-7491">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vermicelles Chestnut Puree Preparation Bio, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.05
            </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 1.73 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9pN96whLTcPinUbhKt_XzvS5s6-e3R-V5NaxrnO5ekliuWDpT8F38iGi7DVnSKQnoo4mjIQKyUZ23NGNsTOyTw" />
    <input value="7491" 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/chestnuts-whole-natural-organic-320-g-7498">
          <img alt="Chestnuts Whole Natural Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4307/file/small-3b32843637330da05c6565f9b5acc6f7.webp 600w, https://assets.fabulous.ch/public/variant_asset/4307/file/medium-040153285a44dab6e8bd1ac843a620e5.webp 900w, https://assets.fabulous.ch/public/variant_asset/4307/file/large-4598d954e17d229b8fc3c41914533872.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4307/file/medium-040153285a44dab6e8bd1ac843a620e5.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">Danival</p>
          <a href="/en/products/chestnuts-whole-natural-organic-320-g-7498">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chestnuts Whole Natural Organic, 320 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AG0T4O9UXXmBfiutUFU6fkluPtwHItyLzUHcvPH0CuiURw7iqN5nSEJBgXkdwkmXH1mr_x31ClhfS7yfM37C7g" />
    <input value="7498" 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/vivani-chocolate-smooth-dark-99-cocoa-organic-80-g-7500">
          <img alt="Vivani Chocolate Smooth Dark , 99% Cocoa Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4309/file/small-1a6d090d53c6fa7341a7c9c8af70a2ad.webp 600w, https://assets.fabulous.ch/public/variant_asset/4309/file/medium-fc5b064e123c54ed0bc78bdc3a30032b.webp 900w, https://assets.fabulous.ch/public/variant_asset/4309/file/large-e1ab3682d3aa5f6270290590d50c3d48.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4309/file/medium-fc5b064e123c54ed0bc78bdc3a30032b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Vivani / Ichoc</p>
          <a href="/en/products/vivani-chocolate-smooth-dark-99-cocoa-organic-80-g-7500">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vivani Chocolate Smooth Dark , 99% Cocoa Organic, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.25
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1GxOCXbMyUj04Ac0fbFZJVvPG4KpxFCardpa3Drc4KBARlMLMUbzeTffreAwJirMDfiOobMThkk_0Dr_-FYopg" />
    <input value="7500" 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/crunchy-fruity-cherries-freeze-dried-raw-organic-20-g-7502">
          <img alt="Crunchy Fruity Cherries Freeze Dried RAW Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4311/file/small-41942e0afe25ef3a4d2d89538db7529e.webp 600w, https://assets.fabulous.ch/public/variant_asset/4311/file/medium-4e4390131c935656496474de3d82dd50.webp 900w, https://assets.fabulous.ch/public/variant_asset/4311/file/large-c91764618c6babef19ca4d5c90456257.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4311/file/medium-4e4390131c935656496474de3d82dd50.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">Organica</p>
          <a href="/en/products/crunchy-fruity-cherries-freeze-dried-raw-organic-20-g-7502">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Crunchy Fruity Cherries Freeze Dried RAW Organic, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vKR5AVtvYAuc3llpQK7F8_1VoYBx1YmhRAtrQE4zX08ojmQDHOVaOl_h870NObYaq2I0o2sCX3LWAQtjjLmXSQ" />
    <input value="7502" 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/bread-baking-mix-quick-bread-with-graines-organic-500-g-7508">
          <img alt="Bread Baking Mix Quick Bread with Graines Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4315/file/small-ea9e1fd6c40ddc669c13e0abddf086d2.webp 600w, https://assets.fabulous.ch/public/variant_asset/4315/file/medium-8e690d84218edaa290b0758200421a8f.webp 900w, https://assets.fabulous.ch/public/variant_asset/4315/file/large-4f42ecad473f916ff41ea88d63652c31.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4315/file/medium-8e690d84218edaa290b0758200421a8f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauckhof</p>
          <a href="/en/products/bread-baking-mix-quick-bread-with-graines-organic-500-g-7508">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bread Baking Mix Quick Bread with Graines Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.15
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XKaqo3lyTibPow32Dr0lJbWkfkFoPe13Gpq7lYlgViHIjLehPvh0FwycpyJDKlbM45PrYnLqO6SIkNu2S-qeJw" />
    <input value="7508" 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/ready-meal-quinoa-millet-red-kidney-beans-gluten-free-organic-220-g-7511">
          <img alt="Ready Meal Quinoa Millet Red Kidney Beans 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/4320/file/small-e9b8871c62121f52bc492b0f59cbe264.webp 600w, https://assets.fabulous.ch/public/variant_asset/4320/file/medium-9372a7b74cfd9026a08d7c6ad9bc6112.webp 900w, https://assets.fabulous.ch/public/variant_asset/4320/file/large-8bc65394b31201e900dfea013f32fdbd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4320/file/medium-9372a7b74cfd9026a08d7c6ad9bc6112.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">Ma Vie Sans Gluten</p>
          <a href="/en/products/ready-meal-quinoa-millet-red-kidney-beans-gluten-free-organic-220-g-7511">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ready Meal Quinoa Millet Red Kidney Beans Gluten-free Organic, 220 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 2.25 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="woKlbVzWR-z_AO4906lbozAvX31paReuoPJ7DzNVXOlWqLhvG1x93Tw_ROmePihKZhjKXnO-wX0y-Bss8d-U7w" />
    <input value="7511" 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/lasagna-yellow-lentils-gluten-free-organic-250-g-7512">
          <img alt="Lasagna Yellow Lentils 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/4321/file/small-444201ae4b9d9b2534502fca17e33a10.webp 600w, https://assets.fabulous.ch/public/variant_asset/4321/file/medium-5a98cbc9adfca53509a16b5b46ba92fd.webp 900w, https://assets.fabulous.ch/public/variant_asset/4321/file/large-c9ebec0cf3186d788718d9282b326286.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4321/file/medium-5a98cbc9adfca53509a16b5b46ba92fd.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">Ma Vie Sans Gluten</p>
          <a href="/en/products/lasagna-yellow-lentils-gluten-free-organic-250-g-7512">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lasagna Yellow Lentils Gluten Free Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.75
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mqwgUO9fI8NNtU3p-Ejtz1Md16kqhy1xG_e9pgWT8l8Ohj1SqNUZ8o6K5z21354mBSpCijBQ-6KJ_d2Fxxk6WQ" />
    <input value="7512" 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/pearl-onions-glas-jar-demeter-340-ml-7514">
          <img alt="Pearl Onions Glas Jar Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4323/file/small-598bb304b682069ca246fed4b4b3d3be.webp 600w, https://assets.fabulous.ch/public/variant_asset/4323/file/medium-815f2098501fe861f86582d1d90eced4.webp 900w, https://assets.fabulous.ch/public/variant_asset/4323/file/large-eb02a9780d718bafe0e6caf98135d6ea.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4323/file/medium-815f2098501fe861f86582d1d90eced4.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">Nur Puur</p>
          <a href="/en/products/pearl-onions-glas-jar-demeter-340-ml-7514">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pearl Onions Glas Jar Demeter, 340 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3D0FVqtQTGLq7_xfCqeIJzW0eptNiSl4M5GzjPODq1hIFxhU7Np2UynQVotHMPvOY4PvuFde_6uhm9OvMQljXg" />
    <input value="7514" 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;940 of 3&#39;211 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/simply-v?format=turbo_stream&amp;page=98">Show more</a>
  </div>
</div>

</template></turbo-stream>