<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/vinegar-terra-verde-crema-di-balsamico-di-modena-organic-150-ml-7955">
          <img alt="Vinegar Terra Verde Crema di Balsamico di Modena Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4662/file/small-8388ff963d2a591c8aa5e02a0cdd75cd.webp 600w, https://assets.fabulous.ch/public/variant_asset/4662/file/medium-83c1b7512541e2aa4a820d514cc5742b.webp 900w, https://assets.fabulous.ch/public/variant_asset/4662/file/large-8617e68412e24c8390e6ab43e67cf1d5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4662/file/medium-83c1b7512541e2aa4a820d514cc5742b.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">Terra Verde</p>
          <a href="/en/products/vinegar-terra-verde-crema-di-balsamico-di-modena-organic-150-ml-7955">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vinegar Terra Verde Crema di Balsamico di Modena Organic, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.85
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UxHUUTW6tN2Nt9wwNLKXuaxjvwf6Eg6-KsvF-NIbTNjFoQM7tcd453kqrCN3okrSm3NUika2g211s_N-retX5A" />
    <input value="7955" 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/gelling-apple-pectin-organic-20-g-7959">
          <img alt="Gelling Apple Pectin Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4665/file/small-1ab0f9ccf3935da4468dc173039c9b7b.webp 600w, https://assets.fabulous.ch/public/variant_asset/4665/file/medium-fe54a464e44a3b603609550ff60f1bf9.webp 900w, https://assets.fabulous.ch/public/variant_asset/4665/file/large-50f3f7cf5946c946696609abcf392a68.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4665/file/medium-fe54a464e44a3b603609550ff60f1bf9.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Arche</p>
          <a href="/en/products/gelling-apple-pectin-organic-20-g-7959">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gelling Apple Pectin Organic, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fHxH5IU2mhGW41F_w5JICDPwwtQZBHVsEG8dQcOS3sjqzJCOBUtWK2J-IWyAgpVjBOApWaWg-L9PFyvHvGLF9A" />
    <input value="7959" 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/citric-acid-preservation-and-gelification-10-g-7960">
          <img alt="Citric Acid Preservation and Gelification" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4666/file/small-616e2b09d70d8c9e8117d661d6a02fc7.webp 600w, https://assets.fabulous.ch/public/variant_asset/4666/file/medium-e888b3a2e64b4f61e04421c6be7167ca.webp 900w, https://assets.fabulous.ch/public/variant_asset/4666/file/large-0383e314dd9c8868225b63ee7083960c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4666/file/medium-e888b3a2e64b4f61e04421c6be7167ca.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/citric-acid-preservation-and-gelification-10-g-7960">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Citric Acid Preservation and Gelification, 10 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rGQV48s6iNtM1QLEDqtWsbuUbt0K_ELHefQI-BopSY461MKJS0dE4bhIctdNu4vajISFULZYzxQmjD5-ZdlSsg" />
    <input value="7960" 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-ume-su-plum-vinegar-organic-250-ml-7967">
          <img alt="Vinegar Ume Su Plum Vinegar Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4667/file/small-77a95b1f89ffe8c9d26f79932573e743.webp 600w, https://assets.fabulous.ch/public/variant_asset/4667/file/medium-9acb0f12819c04006f8933da6706edcb.webp 900w, https://assets.fabulous.ch/public/variant_asset/4667/file/large-520dfa3135b0816ad808052e5fd78b5e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4667/file/medium-9acb0f12819c04006f8933da6706edcb.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/vinegar-ume-su-plum-vinegar-organic-250-ml-7967">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vinegar Ume Su Plum Vinegar Organic, 250 ml</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 2.76 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="t8arxU8H-2kkNCdhY9luTmQx2XhaLQ59PvyuxsOv6SIhdnyvz3o3U9CpV3IgybMlUyEy9eaJg65hhJhAvF_yHg" />
    <input value="7967" 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/pfiffikuss-premium-herb-butter-herb-salt-organic-200-g-7970">
          <img alt="Pfiffikuss Premium Herb Butter Herb Salt Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4670/file/small-d90f36e7d10f17e7e867a3f5954d8a76.webp 600w, https://assets.fabulous.ch/public/variant_asset/4670/file/medium-7885f4a0dd04537a2e1f7eb4e4f2eeea.webp 900w, https://assets.fabulous.ch/public/variant_asset/4670/file/large-958fcd662e3d0bf8a07f1f2e87a51c85.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4670/file/medium-7885f4a0dd04537a2e1f7eb4e4f2eeea.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">Pfiffikuss</p>
          <a href="/en/products/pfiffikuss-premium-herb-butter-herb-salt-organic-200-g-7970">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pfiffikuss Premium Herb Butter Herb Salt Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.45
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JOnT57Ua_7UPi4TLGzP7P_kdlVV1KuFm9uiWS5Z21f2yWQSNNWczj_sW9NhYIyZUzg1-2MmObLWpkKDN6YbOwQ" />
    <input value="7970" 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/tomato-concentrate-double-concentrated-28-30-organic-145-g-7988">
          <img alt="Tomato concentrate, double concentrated 28-30% Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4676/file/small-a188e6d9b83b49c95072dd93d95e7870.webp 600w, https://assets.fabulous.ch/public/variant_asset/4676/file/medium-2feaee0a189f881e594e11f9bb4ee2fd.webp 900w, https://assets.fabulous.ch/public/variant_asset/4676/file/large-dfe8957b2ca39c0c9c896b0b75e4a027.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4676/file/medium-2feaee0a189f881e594e11f9bb4ee2fd.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/tomato-concentrate-double-concentrated-28-30-organic-145-g-7988">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tomato concentrate, double concentrated 28-30% Organic, 145 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6gdb1COI82kmRh6v-IMieFeQTEM6t14vcy8AYCsPXBN8t4y-o_U_U9Lbbry7k_8TYICnzoYT0_wsVzbmVP9HLw" />
    <input value="7988" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/pasta-glass-noodles-based-on-pea-starch-organic-200-g-7992">
          <img alt="Pasta Glass Noodles based on Pea Starch Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4681/file/small-d7f82e2fdb8d4e78b2a8abdb76c924a1.webp 600w, https://assets.fabulous.ch/public/variant_asset/4681/file/medium-56be5b627d08269256e7c8e0fc6959c1.webp 900w, https://assets.fabulous.ch/public/variant_asset/4681/file/large-8218d90bea2f62c557d7764971052b28.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4681/file/medium-56be5b627d08269256e7c8e0fc6959c1.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Arche</p>
          <a href="/en/products/pasta-glass-noodles-based-on-pea-starch-organic-200-g-7992">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pasta Glass Noodles based on Pea Starch Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.75
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sM3acSwnDOJ85SP_m3EnZraAMC5xMhNIBKQKWnTG7-cmfQ0brFrA2Ih4U-zYYfoNgZDbo82Wnptb3DzcCzb02w" />
    <input value="7992" 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/seaweed-sushi-nori-dried-and-toasted-seaweed-organic-25-g-7993">
          <img alt="Seaweed Sushi Nori Dried and Toasted Seaweed Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4682/file/small-472a0bebc1a3cd9e8a456325e9f14307.webp 600w, https://assets.fabulous.ch/public/variant_asset/4682/file/medium-8af42b467d2fa666bc1769becc418be4.webp 900w, https://assets.fabulous.ch/public/variant_asset/4682/file/large-7d4d92e04f68f41b75ca6d41372f61dd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4682/file/medium-8af42b467d2fa666bc1769becc418be4.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Arche</p>
          <a href="/en/products/seaweed-sushi-nori-dried-and-toasted-seaweed-organic-25-g-7993">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Seaweed Sushi Nori Dried and Toasted Seaweed Organic, 25 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="s7_VltkA3mcHJX_aGHqsCuFhUUkAhoerJm7zxsyk-vAlDwL8WX0SXfO4D8lbanFh1nG6xLwiCnh5FsVAs1ThzA" />
    <input value="7993" 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/seaweed-nori-flakes-20-g-7994">
          <img alt="Seaweed Nori Flakes" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4683/file/small-d46496e490700aebb7eb964cff25b136.webp 600w, https://assets.fabulous.ch/public/variant_asset/4683/file/medium-7a28b7b8b46d49e9be955d093d02a055.webp 900w, https://assets.fabulous.ch/public/variant_asset/4683/file/large-7619ed7ccc80143e6c960c82dff17a62.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4683/file/medium-7a28b7b8b46d49e9be955d093d02a055.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Arche</p>
          <a href="/en/products/seaweed-nori-flakes-20-g-7994">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Seaweed Nori Flakes, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VV4vZzXT85JG6TG0TquJSVJrRg3rLiLI2BMrz3bEtEjD7vgNta4_qLJ0QacNu1QiZXutgFeKrxuHax1JCTSvdA" />
    <input value="7994" 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/binding-agent-guar-gum-gluten-free-organic-100-g-d169a679-795b-430a-814a-692588b19d53-8018">
          <img alt="Binding Agent Guar Gum 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/4690/file/small-d07ab219b06c9f5a12d256dbe28cc541.webp 600w, https://assets.fabulous.ch/public/variant_asset/4690/file/medium-8fc7ace02195dd0a142504131e191891.webp 900w, https://assets.fabulous.ch/public/variant_asset/4690/file/large-53663d3cab9db32ab727ba0d1be35593.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4690/file/medium-8fc7ace02195dd0a142504131e191891.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/binding-agent-guar-gum-gluten-free-organic-100-g-d169a679-795b-430a-814a-692588b19d53-8018">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Binding Agent Guar Gum Gluten Free Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Lzz7cIiGBWx_1CvdXvtuyb7txMyr3hLZ56_Cbp6lcvG5jCwaCPvJVotJW84d67Oiif0vQRd6nwq41_To4VVpzQ" />
    <input value="8018" 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/vayo-vegan-alternative-to-mayonnaise-organic-200-g-8032">
          <img alt="Vayo, vegan Alternative to Mayonnaise Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4694/file/small-ac16d2a36ac2bdf35760c2ac42a077b9.webp 600w, https://assets.fabulous.ch/public/variant_asset/4694/file/medium-3adc62a9743d52d2878ec21ea8f374b6.webp 900w, https://assets.fabulous.ch/public/variant_asset/4694/file/large-d8ca8cb5865032b36b45c1a24e16c99a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4694/file/medium-3adc62a9743d52d2878ec21ea8f374b6.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">Connie&#39;s Kitchen</p>
          <a href="/en/products/vayo-vegan-alternative-to-mayonnaise-organic-200-g-8032">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vayo, vegan Alternative to Mayonnaise Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.35
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AnUvF5vejFbQxlXFR2CkXekEKtjhhiZq8Dou0jPw0kqUxfh9G6NAbCRbJdYEcHk23hTBVV0iq7mvQhhUTADJdg" />
    <input value="8032" 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/oregano-organic-20-g-8040">
          <img alt="Oregano Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4699/file/small-a793bb32bcd798ff14001fab5deab0d1.webp 600w, https://assets.fabulous.ch/public/variant_asset/4699/file/medium-6ef3d380e6c411c45327292bac2e0b4a.webp 900w, https://assets.fabulous.ch/public/variant_asset/4699/file/large-85a7d41481e8ecc9ae3b3d5a0325c349.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4699/file/medium-6ef3d380e6c411c45327292bac2e0b4a.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">Sonnentor</p>
          <a href="/en/products/oregano-organic-20-g-8040">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Oregano Organic, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.55
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="J5fWTutZRNhBp6MusKswOsNzfcsAf9GRNNnpOMUVmjexJwEkaySI4rU60z3zu-1R9GOWRrzbXEJrod--uuWBCw" />
    <input value="8040" 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/thyme-cut-organic-20-g-8041">
          <img alt="Thyme Cut Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4700/file/small-6f921369092d07cf36ad96118f482110.webp 600w, https://assets.fabulous.ch/public/variant_asset/4700/file/medium-9e049f28538a3e9a30fb515ac98a4700.webp 900w, https://assets.fabulous.ch/public/variant_asset/4700/file/large-121c6a8ac505a440ff5f57173214668f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4700/file/medium-9e049f28538a3e9a30fb515ac98a4700.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">Sonnentor</p>
          <a href="/en/products/thyme-cut-organic-20-g-8041">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Thyme Cut Organic, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="v0SPDMt3iDJP61tILQBCDY66rhlejeOI6IAD0QUWc5wp9FhmSwpECLt2K1tuEJ9muapFlOIpblu3-DVXeuZooA" />
    <input value="8041" 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/olives-green-olives-with-stone-al-naturale-raw-organic-205-g-8064">
          <img alt="Olives Green Olives WITH STONE al naturale RAW Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4727/file/small-7055204fdfb49d45834981d8fb8e2a6e.webp 600w, https://assets.fabulous.ch/public/variant_asset/4727/file/medium-ebce2512307a7f45e1769850ef8df50b.webp 900w, https://assets.fabulous.ch/public/variant_asset/4727/file/large-b3d96a8faf488aabc805f41907cacc14.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4727/file/medium-ebce2512307a7f45e1769850ef8df50b.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">Mani</p>
          <a href="/en/products/olives-green-olives-with-stone-al-naturale-raw-organic-205-g-8064">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Olives Green Olives WITH STONE al naturale RAW Organic, 205 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BSZ_Cy7_azsXg11Sa1HuhlEClbAkzI8dd2jDctVzvaKTlqhhroKnAeMeLUEoQTPtZhJ-PZhoAs4oEPX0qoOmng" />
    <input value="8064" 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/olives-without-stone-kalamata-al-naturale-raw-organic-175-g-8065">
          <img alt="Olives WITHOUT STONE Kalamata al naturale RAW Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4728/file/small-2000f126580fbff674a91ea660334438.webp 600w, https://assets.fabulous.ch/public/variant_asset/4728/file/medium-564c849a83a91e45ba0a0d1cd281b0da.webp 900w, https://assets.fabulous.ch/public/variant_asset/4728/file/large-fb5c22ce86e77bbb061fc30d2d4765f6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4728/file/medium-564c849a83a91e45ba0a0d1cd281b0da.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">Mani</p>
          <a href="/en/products/olives-without-stone-kalamata-al-naturale-raw-organic-175-g-8065">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Olives WITHOUT STONE Kalamata al naturale RAW Organic, 175 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BZDp1kLz-YJBtw1cKTopvrbObcIEhzV7HVpeoRW3DGSTID68wo41uLUqfU9qKvTVgd6GT7gjuKhCImgnakcXWA" />
    <input value="8065" 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/olives-with-stone-kalamata-al-naturale-raw-organic-205-g-8066">
          <img alt="Olives WITH STONE Kalamata al naturale RAW Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4729/file/small-2318903f0b27ba0f2efad847fbaae72b.webp 600w, https://assets.fabulous.ch/public/variant_asset/4729/file/medium-6259b4383d304ba8e9a4c47818971632.webp 900w, https://assets.fabulous.ch/public/variant_asset/4729/file/large-10d8eb4f569011191371151844584e97.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4729/file/medium-6259b4383d304ba8e9a4c47818971632.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">Mani</p>
          <a href="/en/products/olives-with-stone-kalamata-al-naturale-raw-organic-205-g-8066">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Olives WITH STONE Kalamata al naturale RAW Organic, 205 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Iw2KQtSPv0-pdkwGUU9Wt3_2FXP_7uQr3Gi7SqLJSyO1vV0oVPJzdV3rPBUSX4vcSOb-_kNKafiDEI3M3TlQHw" />
    <input value="8066" 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/mani-tomato-paste-organic-180-g-8067">
          <img alt="Mani Tomato paste Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4731/file/small-cae7efea66fa18704cd0b5a8028c9e0e.webp 600w, https://assets.fabulous.ch/public/variant_asset/4731/file/medium-8f7ceb16f6497935af71b251300be7d0.webp 900w, https://assets.fabulous.ch/public/variant_asset/4731/file/large-d69920af54d9a397f7fc7abb7e583ebf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4731/file/medium-8f7ceb16f6497935af71b251300be7d0.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">Mani</p>
          <a href="/en/products/mani-tomato-paste-organic-180-g-8067">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mani Tomato paste Organic, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5HEoGIDI0wMZzRMig1WO94Is5X_5PtPNoL-KO1OXKvVywf9yALUfOe1QYzHARVOctTwO8kWaXh7_x7y9LGcxyQ" />
    <input value="8067" 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/mani-olive-paste-organic-180-g-8068">
          <img alt="Mani Olive paste Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4732/file/small-f605f884b5a010d6e4c0d6ccd1b298d0.webp 600w, https://assets.fabulous.ch/public/variant_asset/4732/file/medium-360b5501000adfb0e0a65ed9db018b03.webp 900w, https://assets.fabulous.ch/public/variant_asset/4732/file/large-cf60bdd9d79beb8676dbdd171d0d766b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4732/file/medium-360b5501000adfb0e0a65ed9db018b03.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">Mani</p>
          <a href="/en/products/mani-olive-paste-organic-180-g-8068">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mani Olive paste Organic, 180 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.61 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0YpXU1MGQuwd8dazeVSxx3jgp2J7lP_Da9r5N_DvJydHOoA503uO1ulspqA6RGysT_BM78cwchA0os-xjx88Gw" />
    <input value="8068" 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/oil-olive-oil-native-extra-selection-organic-500-ml-8069">
          <img alt="Oil Olive Oil native extra, Selection Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4735/file/small-80df95bf8296f5d5aa171156b0c6c80f.webp 600w, https://assets.fabulous.ch/public/variant_asset/4735/file/medium-8d1966de7186c726a2d51d4a7473d4e9.webp 900w, https://assets.fabulous.ch/public/variant_asset/4735/file/large-997a9265658ea2c7e576305f65655794.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4735/file/medium-8d1966de7186c726a2d51d4a7473d4e9.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">Mani</p>
          <a href="/en/products/oil-olive-oil-native-extra-selection-organic-500-ml-8069">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Oil Olive Oil native extra, Selection Organic, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.45
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GuKfxubQm1KNRLT7nWmxLYPMh9RqbHyNva3uqV-uZXOMUkisZq1XaHnZxOjeeWxGtNxsWdbI8V7i1dgvIF5-Tw" />
    <input value="8069" 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/mani-kalamata-olive-paste-organic-180-g-8070">
          <img alt="Mani Kalamata Olive paste Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4733/file/small-8b4ab401106aca6165f50874eb13c5cf.webp 600w, https://assets.fabulous.ch/public/variant_asset/4733/file/medium-2e1279ab1f0d847209f0b14674baf944.webp 900w, https://assets.fabulous.ch/public/variant_asset/4733/file/large-75f13c3e3efe1d84f6c2851fa74890d2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4733/file/medium-2e1279ab1f0d847209f0b14674baf944.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">Mani</p>
          <a href="/en/products/mani-kalamata-olive-paste-organic-180-g-8070">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mani Kalamata Olive paste Organic, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.35
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vbrsyZgaHbkDdSrP3JaP8M8OUCZZynKyRmHfxu5tlyErCjujGGfRg_foWtyfhlKb-B67q-Vu_2EZGelAkZ2MHQ" />
    <input value="8070" 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">
      300 of 581 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/food/cooking-ingredients?format=turbo_stream&amp;page=16">Show more</a>
  </div>
</div>

</template></turbo-stream>