<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/spread-choco-dark-chocolate-organic-250-g-339">
          <img alt="Spread Choco Dark Chocolate Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/301/file/small-41e859cf7efff5ec80d0042977c6fc4b.webp 600w, https://assets.fabulous.ch/public/variant_asset/301/file/medium-aa7c06468a2d371fa9902439db026734.webp 900w, https://assets.fabulous.ch/public/variant_asset/301/file/large-33a7c0cd0d695cad7aed4c31aea73162.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/301/file/medium-aa7c06468a2d371fa9902439db026734.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/spread-choco-dark-chocolate-organic-250-g-339">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Spread Choco Dark Chocolate Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7XwUgBUYwas4JgrONqAAJvUjYtOgqVWKH-uu_aNvLizT3KNfU5kIl8Ms9kGwne3aVwDW96UOAEtSNUicejfepw" />
    <input value="339" 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/maple-syrup-grade-a-organic-250-ml-343">
          <img alt="Maple Syrup Grade A Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/305/file/small-3d17a7f3a118357c2ca38fbb6516946a.webp 600w, https://assets.fabulous.ch/public/variant_asset/305/file/medium-285efce1f4fc46463da6229e12486d8b.webp 900w, https://assets.fabulous.ch/public/variant_asset/305/file/large-5ad4a02f992faa5fec9b65494a8a2445.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/305/file/medium-285efce1f4fc46463da6229e12486d8b.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">Naturata</p>
          <a href="/en/products/maple-syrup-grade-a-organic-250-ml-343">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Maple Syrup Grade A Organic, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GLLxL1X8NZtAbT8zGoWQcIb5yDkohwKfdBPcX0MAGJ4mEkbwE338p7tnw7ycuH2MJNp8HS0gV145zTo-mljoFQ" />
    <input value="343" 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/tofu-grill-sausages-organic-250-g-349">
          <img alt="Tofu Grill Sausages Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/310/file/small-1b05d63dce64bf749dd8aa30b2091269.webp 600w, https://assets.fabulous.ch/public/variant_asset/310/file/medium-24f83c7c2f9b93e8fd96b7c8d78e0cc6.webp 900w, https://assets.fabulous.ch/public/variant_asset/310/file/large-b8646ebd154ea5a22c173bf1ed88d2e4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/310/file/medium-24f83c7c2f9b93e8fd96b7c8d78e0cc6.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">Taifun</p>
          <a href="/en/products/tofu-grill-sausages-organic-250-g-349">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tofu Grill Sausages Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </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 2.12 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-349-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/soja-sauce-tamari-strong-organic-250-ml-361">
          <img alt="Soja Sauce Tamari Strong Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/318/file/small-c0f1c8f171b52bef4a8d21ec86d7162d.webp 600w, https://assets.fabulous.ch/public/variant_asset/318/file/medium-238afc121230c42f8b55bcd6d6c10568.webp 900w, https://assets.fabulous.ch/public/variant_asset/318/file/large-f2b406c68bbbf42e31b25909b6d3afec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/318/file/medium-238afc121230c42f8b55bcd6d6c10568.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">Lima</p>
          <a href="/en/products/soja-sauce-tamari-strong-organic-250-ml-361">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soja Sauce Tamari Strong Organic, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IfH516UjZ_6wgl57D0JgvsyFmKsi3yIi_Zc5LVc9HVcfUU4I46KuwkuIovSJf41CbqYsjyd4d-OwSd9MjmXt3A" />
    <input value="361" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/vantastic-foods-buttons-white-chocolate-500-g-369">
          <img alt="Vantastic Foods Buttons White Chocolate" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/324/file/small-c456c811ed80ca8d3cb7433b98d71cc9.webp 600w, https://assets.fabulous.ch/public/variant_asset/324/file/medium-23e1579b27d1a63f4048c416fd869090.webp 900w, https://assets.fabulous.ch/public/variant_asset/324/file/large-fa3b4954aea857ac567d3fdba7580fbe.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/324/file/medium-23e1579b27d1a63f4048c416fd869090.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Vantastic</p>
          <a href="/en/products/vantastic-foods-buttons-white-chocolate-500-g-369">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vantastic Foods Buttons White Chocolate, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dqhuW6OZKwy_mlAj8_LK5Sxl25g6SLsfdxAwJ416frdICNmE5RjiMESQrKx1zycZjkZvvD_v7t46ztZGVCKOPA" />
    <input value="369" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/spread-arrabitom-organic-135-g-386">
          <img alt="Spread Arrabitom Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/337/file/small-3cde48496c20e33cc58a5230c5decddd.webp 600w, https://assets.fabulous.ch/public/variant_asset/337/file/medium-3ef1640f4014093d7698ac166daa1da5.webp 900w, https://assets.fabulous.ch/public/variant_asset/337/file/large-2272a757454a3d4591bc663a7cf4bf5f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/337/file/medium-3ef1640f4014093d7698ac166daa1da5.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Zwergenwiese</p>
          <a href="/en/products/spread-arrabitom-organic-135-g-386">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Spread Arrabitom Organic, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dpAdLtpXHnplutqrvAX8y2dWL3ifBLlVnqgsosxHMcZIMKrxnNbXRp6wJiQ6OBE3xXWbXJqj7JTTdsrDFR_BTQ" />
    <input value="386" 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/fruitgarden-raspberry-organic-225-g-387">
          <img alt="Fruitgarden Raspberry Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/340/file/small-e7f854ffeb1eb00437382b3deea0b6b1.webp 600w, https://assets.fabulous.ch/public/variant_asset/340/file/medium-b68e02d62f68a6071c986caf9b7df239.webp 900w, https://assets.fabulous.ch/public/variant_asset/340/file/large-b75165afd175819d2b91140951aecaea.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/340/file/medium-b68e02d62f68a6071c986caf9b7df239.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Zwergenwiese</p>
          <a href="/en/products/fruitgarden-raspberry-organic-225-g-387">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fruitgarden Raspberry Organic, 225 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JP_j1ID8dXX1hpIpx1Crm0okfQGt_Ldol_ZYZbiYcIMaX1QLxn28SQ6MbqZBbUZn6AfJJahb4qnaKL4EYcCACA" />
    <input value="387" 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/fruitgarden-bitter-orange-organic-225-g-391">
          <img alt="Fruitgarden Bitter Orange Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/342/file/small-6eb07618177191b9702d8a5ffb44b82f.webp 600w, https://assets.fabulous.ch/public/variant_asset/342/file/medium-2e6e0644d05190e0159c88a50cfb3233.webp 900w, https://assets.fabulous.ch/public/variant_asset/342/file/large-47ecbd8467637f94d162b65abfbbf3ac.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/342/file/medium-2e6e0644d05190e0159c88a50cfb3233.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Zwergenwiese</p>
          <a href="/en/products/fruitgarden-bitter-orange-organic-225-g-391">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fruitgarden Bitter Orange Organic, 225 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XZJ1ZJ4k--XhWSCobX4QKesMxB7NfIetKFHtOe9rcK9jMsK72KUy2RpT3CfrQ_3VSS9wOsjb0mxljwtYNjOAJA" />
    <input value="391" 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/ravioriselli-spinach-organic-250-g-398">
          <img alt="Ravioriselli Spinach Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/350/file/small-3cb3297e08a33581e35247161c7952ec.webp 600w, https://assets.fabulous.ch/public/variant_asset/350/file/medium-b6a0d384a73200ded82d28d6fe8febc7.webp 900w, https://assets.fabulous.ch/public/variant_asset/350/file/large-16c67608cde2a19cecfe1fe1e12d8d06.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/350/file/medium-b6a0d384a73200ded82d28d6fe8febc7.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">Mozzarisella</p>
          <a href="/en/products/ravioriselli-spinach-organic-250-g-398">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ravioriselli Spinach Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.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-398-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aXKOyI9y6Vn32JIc3aJbUgLcI3BkX3t8xz4ln4PY2QVX0jkXyfMgZQzSbpNbn7auoP-XVGH4Lr2K4MP-WoApjg" />
    <input value="398" 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/vegan-gravy-organic-200-g-419">
          <img alt="Vegan Gravy Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/375/file/small-9869ce82cf5ee83633f2bfd8b701e447.webp 600w, https://assets.fabulous.ch/public/variant_asset/375/file/medium-8a6a6ff6287f11cda09780bc4560066f.webp 900w, https://assets.fabulous.ch/public/variant_asset/375/file/large-ad346f129460c8aa1c8c9586eb4e23d3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/375/file/medium-8a6a6ff6287f11cda09780bc4560066f.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">MORGA</p>
          <a href="/en/products/vegan-gravy-organic-200-g-419">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan Gravy Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="POZE8FlgE8ZQYOTvQjva4SiVYJdojMxcrPfvkuA9I1ECRvMvH-Ha-qtqGGDEBjcdirbUs20rmZ3hKQnzOWXT2g" />
    <input value="419" 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/grissini-with-olive-oil-demeter-100-g-429">
          <img alt="Grissini with Olive Oil Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/384/file/small-4969174ee01ab68deec078901feeabed.webp 600w, https://assets.fabulous.ch/public/variant_asset/384/file/medium-58693080e52a09ae3f34ded71f94cc66.webp 900w, https://assets.fabulous.ch/public/variant_asset/384/file/large-9f2e9595a7a988b08c8a084cc5438892.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/384/file/medium-58693080e52a09ae3f34ded71f94cc66.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">Erdmannhauser</p>
          <a href="/en/products/grissini-with-olive-oil-demeter-100-g-429">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Grissini with Olive Oil Demeter, 100 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 2.90 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qh8GmoMtDZpIXFQq9f9vqToZbTel03Mmu1Sm2D6biPOUv7FFxazEprNWqKVzwoJVmDrZE6B0Juf2ikC558N4eA" />
    <input value="429" 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/oil-virgin-coconut-raw-food-quality-organic-200-ml-430">
          <img alt="Oil Virgin Coconut Raw Food Quality Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/386/file/small-e9e5a0338d6402b0e0a0ab065126f06f.webp 600w, https://assets.fabulous.ch/public/variant_asset/386/file/medium-39d3f8a8ba962764c42df803b868e1c9.webp 900w, https://assets.fabulous.ch/public/variant_asset/386/file/large-84f651935e21da20ea398838f4bf2a1f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/386/file/medium-39d3f8a8ba962764c42df803b868e1c9.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">Kulau</p>
          <a href="/en/products/oil-virgin-coconut-raw-food-quality-organic-200-ml-430">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Oil Virgin Coconut Raw Food Quality Organic, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qqX8oOiuxFZo5XHy1M6NMwJA2-x8kHIoTEjM3t_IiamUBUt_ri8NapPvjX1S82DPoGNvyHk3J-kBliq_BpB5Ig" />
    <input value="430" 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/millet-seed-raw-food-quality-organic-500-g-442">
          <img alt="Millet Seed Raw Food Quality Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/399/file/small-941600e9d9d658b52080b8fca1e0abe8.webp 600w, https://assets.fabulous.ch/public/variant_asset/399/file/medium-112972a44092cb37d6b560a065aa7078.webp 900w, https://assets.fabulous.ch/public/variant_asset/399/file/large-24ae11c7fcb6fceac4bb17b9ca92c5a6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/399/file/medium-112972a44092cb37d6b560a065aa7078.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">Davert</p>
          <a href="/en/products/millet-seed-raw-food-quality-organic-500-g-442">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Millet Seed Raw Food Quality Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EbFCClPxMc3wwywtmH55nGLim7K4L6YG63V5tgKQbTMvEfXVFXD48QvJ0KIeQ5RgwMEvlr2I88emq5_X28iduA" />
    <input value="442" 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/oil-all-natural-olive-oil-extravergine-organic-0-75-l-452">
          <img alt="Oil All Natural Olive Oil extravergine Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/406/file/small-12ef1986a02c7ccb7d41f4272a1d6b1a.webp 600w, https://assets.fabulous.ch/public/variant_asset/406/file/medium-6c47d6ed0966bbfe06aa0ad63e4a7021.webp 900w, https://assets.fabulous.ch/public/variant_asset/406/file/large-7087359e9864c5b8c823cdc0b073b3b6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/406/file/medium-6c47d6ed0966bbfe06aa0ad63e4a7021.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">LaSelva</p>
          <a href="/en/products/oil-all-natural-olive-oil-extravergine-organic-0-75-l-452">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Oil All Natural Olive Oil extravergine Organic, 0.75 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EbuYeYpv77QJMe1GLMspp4s5sIfCGJLKpgi3Oq0HHQEvGy-mzO4miPI7Ecmq9sRbKRoEo8e_xwvr1lFbdF_tig" />
    <input value="452" 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/vinegar-condimento-bianco-organic-0-5-l-453">
          <img alt="Vinegar Condimento Bianco Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/407/file/small-5dc0a614f5b45299baebf7ef7c8c7e97.webp 600w, https://assets.fabulous.ch/public/variant_asset/407/file/medium-c5b86eb3be512a24cb02f1b13b0cc66d.webp 900w, https://assets.fabulous.ch/public/variant_asset/407/file/large-77d1a33fead02a1ec40c8aca160ae19e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/407/file/medium-c5b86eb3be512a24cb02f1b13b0cc66d.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">LaSelva</p>
          <a href="/en/products/vinegar-condimento-bianco-organic-0-5-l-453">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vinegar Condimento Bianco Organic, 0.5 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xKgkURgH5FDls1ps0OJE8Tjd-9ySGRWCVPnn6bOSGCf6CJOOXoYtbB65puNW36kNmv5P-Je-QEMZJwGIasrorA" />
    <input value="453" 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/vinegar-aceto-balsamico-di-modena-i-g-p-gluten-free-organic-0-5-l-454">
          <img alt="Vinegar Aceto Balsamico di Modena I.G.P. 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/408/file/small-580761e176ac025719e489aaa03bbb01.webp 600w, https://assets.fabulous.ch/public/variant_asset/408/file/medium-a89dee79d7de55366dadf4b166bf808c.webp 900w, https://assets.fabulous.ch/public/variant_asset/408/file/large-f4ad8680ca57decdafe5967677df0670.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/408/file/medium-a89dee79d7de55366dadf4b166bf808c.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">LaSelva</p>
          <a href="/en/products/vinegar-aceto-balsamico-di-modena-i-g-p-gluten-free-organic-0-5-l-454">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vinegar Aceto Balsamico di Modena I.G.P. Gluten Free Organic, 0.5 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="L3wVTsLsGX6CsR8UuvrhI9V2hBsl0Z7fSh7A2Egr4zoR3KKRhG3QQnm745s8xwzfd1UwPyB2yx4HwCa5kXMTsQ" />
    <input value="454" 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/tea-yogi-green-tea-ginger-lemon-organic-30-g-459">
          <img alt="Tea Yogi Green Tea Ginger Lemon Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/413/file/small-bc25461e16c77f2625264c2e72aa9def.webp 600w, https://assets.fabulous.ch/public/variant_asset/413/file/medium-4a198e5dc7865ca56c4eed5a6baf9c15.webp 900w, https://assets.fabulous.ch/public/variant_asset/413/file/large-30c4a0976c2facff8b53bb844aa41d8e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/413/file/medium-4a198e5dc7865ca56c4eed5a6baf9c15.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">Yogi Tee</p>
          <a href="/en/products/tea-yogi-green-tea-ginger-lemon-organic-30-g-459">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tea Yogi Green Tea Ginger Lemon Organic, 30 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 15.33 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MFXRA9HKedYAUwoxAkjKOIQkmRTLzgCXpAQZTrDmUhgO9Wbcl0uw6vtZ9r6EdSfEJgctMM5pVVbp2v8vab6ikw" />
    <input value="459" 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/tea-yogi-black-chai-organic-30-g-461">
          <img alt="Tea Yogi Black Chai Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/415/file/small-dec2ba1e4cddeb7c0871e8d7e4e94aa5.webp 600w, https://assets.fabulous.ch/public/variant_asset/415/file/medium-9bfebd4cc99caf76284bc692a9eef7fa.webp 900w, https://assets.fabulous.ch/public/variant_asset/415/file/large-847f9687a03a1a5268bf604d674e3131.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/415/file/medium-9bfebd4cc99caf76284bc692a9eef7fa.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">Yogi Tee</p>
          <a href="/en/products/tea-yogi-black-chai-organic-30-g-461">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tea Yogi Black Chai Organic, 30 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 15.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bFl07AUdfbvVm5bww2jxlL2sP6EhINnqOAsah2OZRWxS-cMzQ5y0hy6Ran9FVRxoH4-LhSSHjCt11fzmusG15w" />
    <input value="461" 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/tea-yogi-womens-balance-organic-38-g-463">
          <img alt="Tea Yogi Womens Balance Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/418/file/small-0d76c217db2f8c9e69b90e41f09dc624.webp 600w, https://assets.fabulous.ch/public/variant_asset/418/file/medium-0d4fa0c210308958838255d9dc97c639.webp 900w, https://assets.fabulous.ch/public/variant_asset/418/file/large-a51ef7ed411f9a7f70dbab99174a6cd6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/418/file/medium-0d4fa0c210308958838255d9dc97c639.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">Yogi Tee</p>
          <a href="/en/products/tea-yogi-womens-balance-organic-38-g-463">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tea Yogi Womens Balance Organic, 38 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 11.84 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vvc_0GeGVWy_akc75JZ6b0xIqZeYM7GqkIU2DI17A36AV4gPIQecUERgu7Riq5eT7msds52U5GvdW9BtVCPz9Q" />
    <input value="463" 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/tea-yogi-positive-energy-organic-38-g-464">
          <img alt="Tea Yogi Positive Energy Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/417/file/small-cc68971c0e1200b9542c5c884b069c0f.webp 600w, https://assets.fabulous.ch/public/variant_asset/417/file/medium-3836fc1b5c4ed9c8aa8cf202325346a2.webp 900w, https://assets.fabulous.ch/public/variant_asset/417/file/large-0e23b89404f3a977e0f681a40284ef8c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/417/file/medium-3836fc1b5c4ed9c8aa8cf202325346a2.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">Yogi Tee</p>
          <a href="/en/products/tea-yogi-positive-energy-organic-38-g-464">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tea Yogi Positive Energy Organic, 38 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 11.84 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KF0eVlRot68GMWLcIsiCtu8De7kM-xASC6QtS4Nzxd4W_amJEul-k_07nlOk9W9KTSDPnQlcRdNGessqWis1VQ" />
    <input value="464" 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;320 of 3&#39;205 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/lisa-s-chips?format=turbo_stream&amp;page=67">Show more</a>
  </div>
</div>

</template></turbo-stream>