<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">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    New
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/soy-chocolate-dessert-organic-4-x-100-g-17937">
          <img alt="Soy Chocolate Dessert Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8878/file/small-46426ed214c228dd3a3043d5c408c7a2.webp 600w, https://assets.fabulous.ch/public/variant_asset/8878/file/medium-ad21dce13af8defbbbade2c38bd6e6e4.webp 900w, https://assets.fabulous.ch/public/variant_asset/8878/file/large-a03910496532ee6cdc15bb7783ccad2f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8878/file/medium-ad21dce13af8defbbbade2c38bd6e6e4.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">Sojade</p>
          <a href="/en/products/soy-chocolate-dessert-organic-4-x-100-g-17937">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soy Chocolate Dessert Organic, 4 x 100 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 1.33 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zul0Lc-NBuCx6kgI6uiwz3m_gnSmaDoNpZNYVQ8k4CzWlS6iO-JdeH07g62BpqgNUhhW6cMz3N-_Vr14Ly0MRw" />
    <input value="17937" 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/sojade-so-soya-no-added-sugar-mango-organic-400-g-8901">
          <img alt="Sojade So Soya! No Added Sugar Mango Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5160/file/small-d4cbbeffaa0d391a8289d073413d32f3.webp 600w, https://assets.fabulous.ch/public/variant_asset/5160/file/medium-eee33749d79c60d2082133119054f02a.webp 900w, https://assets.fabulous.ch/public/variant_asset/5160/file/large-ba56a3bb756141bc63a5387d41bfffe9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5160/file/medium-eee33749d79c60d2082133119054f02a.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">Sojade</p>
          <a href="/en/products/sojade-so-soya-no-added-sugar-mango-organic-400-g-8901">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sojade So Soya! No Added Sugar Mango Organic, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.65
            </p>

              <div class="size-8 text-blue-300" title="Refrigeration required">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.41 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3qqPaJM9jZqSsyKSZAb82b17iYqs4k7XOopDQNVHH3jG1tXnZ1LWAl5i6TcPSOQbltxdF8m5qAUgT6Zt9U7zEw" />
    <input value="8901" 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/biosnacky-classic-germinator-1-pc-1-piece-15306">
          <img alt="bioSnacky Classic Germinator" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6990/file/small-5f1be997c556678dda6407c3c7b1fbc2.webp 600w, https://assets.fabulous.ch/public/variant_asset/6990/file/medium-84abb885c167a59e492f0ba39b042a14.webp 900w, https://assets.fabulous.ch/public/variant_asset/6990/file/large-1844002eacd16afc6d47e382e43095e5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6990/file/medium-84abb885c167a59e492f0ba39b042a14.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/biosnacky-classic-germinator-1-pc-1-piece-15306">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">bioSnacky Classic Germinator, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 29.90 / Stk.
            </p>
        </div>
      </div>

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/soy-vanilla-dessert-organic-4-x-100-g-17938">
          <img alt="Soy Vanilla Dessert Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8879/file/small-9451a17495dd630cfb1ba77b782712fe.webp 600w, https://assets.fabulous.ch/public/variant_asset/8879/file/medium-5f89614d32698a0aac66a273ff2bb9be.webp 900w, https://assets.fabulous.ch/public/variant_asset/8879/file/large-3e74ae0db838f84f2a9c206ac6d928d1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8879/file/medium-5f89614d32698a0aac66a273ff2bb9be.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">Sojade</p>
          <a href="/en/products/soy-vanilla-dessert-organic-4-x-100-g-17938">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soy Vanilla Dessert Organic, 4 x 100 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 1.33 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fn1rkXELg1ljOOHbGXmq4VH5Toi6pnCuNcwmc6hkqr1mATEehWTYwa_pKn5yN7Ijel6aFd_9lnwvCcNeiG1G1g" />
    <input value="17938" 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/quinoa-pops-organic-125-g-146">
          <img alt="Quinoa Pops Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/157/file/small-2d5ef591463e87383bec9d1926fb5988.webp 600w, https://assets.fabulous.ch/public/variant_asset/157/file/medium-7ec84ffdc0b1605e0c645aeb03b4b3c8.webp 900w, https://assets.fabulous.ch/public/variant_asset/157/file/large-be4e048eab7432b90b63742d0f7cba72.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/157/file/medium-7ec84ffdc0b1605e0c645aeb03b4b3c8.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">Werz</p>
          <a href="/en/products/quinoa-pops-organic-125-g-146">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Quinoa Pops Organic, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/oat-drink-natural-organic-1-l-804">
          <img alt="Oat Drink Natural Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/743/file/small-f6d8fc29f16a2276b9963d156b17dd36.webp 600w, https://assets.fabulous.ch/public/variant_asset/743/file/medium-73046add1069e7dbb34ff27ee4b6cd78.webp 900w, https://assets.fabulous.ch/public/variant_asset/743/file/large-82e101de2997f7131ecb3dced9790de1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/743/file/medium-73046add1069e7dbb34ff27ee4b6cd78.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/oat-drink-natural-organic-1-l-804">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Oat Drink Natural Organic, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dy89uZST5U4Zw0nXVIYhTuEsbG7gcA0R-Enu_2IrWV5vU2c2YPy-1tUSgnI_yDmMyou484Ur68PijAvSQiK1NQ" />
    <input value="804" 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/cookie-crunchy-oats-organic-175-g-219">
          <img alt="Cookie Crunchy Oats Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/218/file/small-b21bab4b5db21ccdc008bfb9ba26f31f.webp 600w, https://assets.fabulous.ch/public/variant_asset/218/file/medium-00dca5bf73aa3232d899c302787ecbf3.webp 900w, https://assets.fabulous.ch/public/variant_asset/218/file/large-c7e471ae031c45c17bbbb6510937ae7d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/218/file/medium-00dca5bf73aa3232d899c302787ecbf3.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">Bohlsener Mühle</p>
          <a href="/en/products/cookie-crunchy-oats-organic-175-g-219">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cookie Crunchy Oats Organic, 175 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.05
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WHcN8xf4QYqDrqeg60sj8sG0krbHrZWYREdXCoiFcpdAC1d845caEk9_bAWABTsw6hNGK6L2c0pegrInqIye_A" />
    <input value="219" 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/corn-pasta-spaghetti-organic-250-g-17828">
          <img alt="Corn Pasta Spaghetti Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8846/file/small-9c8f64688d7db2a7ca7d4e4ba2aa64d0.webp 600w, https://assets.fabulous.ch/public/variant_asset/8846/file/medium-eb8f4aca474ef9cf62271486fe3d3a56.webp 900w, https://assets.fabulous.ch/public/variant_asset/8846/file/large-9e7e21bff0ec674c7584d071e89ae646.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8846/file/medium-eb8f4aca474ef9cf62271486fe3d3a56.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">Pasta d&#39;Alba</p>
          <a href="/en/products/corn-pasta-spaghetti-organic-250-g-17828">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Corn Pasta Spaghetti Organic, 250 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 1.32 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2nH7hg_0lGbo7_QV2RAvSpHXh9aZc9sxQAXYqoFNetTCDaEJ-5vP_iQ-P7CyXjeIunBTS_woPeNawD2HoUSWvw" />
    <input value="17828" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/bread-baking-mix-wunderbrod-nuts-almonds-gluten-free-organic-600-g-5374">
          <img alt="Bread Baking Mix Wunderbrød Nuts &amp; Almonds 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/3126/file/small-0a155a82af682d69f4f3dea8209ded3f.webp 600w, https://assets.fabulous.ch/public/variant_asset/3126/file/medium-3901c19a5313acf3bfd71bc3bd4008a5.webp 900w, https://assets.fabulous.ch/public/variant_asset/3126/file/large-b5be55ce85f9a64f7d2704a94bfb2429.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3126/file/medium-3901c19a5313acf3bfd71bc3bd4008a5.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauckhof</p>
          <a href="/en/products/bread-baking-mix-wunderbrod-nuts-almonds-gluten-free-organic-600-g-5374">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bread Baking Mix Wunderbrød Nuts &amp; Almonds Gluten Free Organic, 600 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="laUmFExkBy28tvg3xaF2EeDhG90EcfdNLvntZlbYceON2XybuAtctXBnM5Ku727Ty0bPQGEqEZ80PAhLdtGdiA" />
    <input value="5374" 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/asia-sauce-gluten-free-organic-250-ml-1885">
          <img alt="Asia Sauce 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/1479/file/small-8326c4c8bc28330f5f6d03b5e87743cb.webp 600w, https://assets.fabulous.ch/public/variant_asset/1479/file/medium-09e7d0fadb8eb450e772125e6367d27d.webp 900w, https://assets.fabulous.ch/public/variant_asset/1479/file/large-ffd8d70e059852f1e843949c391709dc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1479/file/medium-09e7d0fadb8eb450e772125e6367d27d.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">Byodo</p>
          <a href="/en/products/asia-sauce-gluten-free-organic-250-ml-1885">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Asia Sauce Gluten Free Organic, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LxcTjRCfwH3_41FvMPm3ywY6SnzBeJ3fY0Xt_1fEYDA3a0kC5PCb5TMymspbt68JLZ2e4aQjew15gAjSd82MWw" />
    <input value="1885" 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/kookie-cat-almond-chocolate-cookies-gf-organic-50-g-5858">
          <img alt="KOOKIE CAT Almond &amp; Chocolate Cookies GF Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3366/file/small-fac951eacc929e799c3e4eecde27f9fb.webp 600w, https://assets.fabulous.ch/public/variant_asset/3366/file/medium-c0d7288ff1164e098c70b0ccbe8f177e.webp 900w, https://assets.fabulous.ch/public/variant_asset/3366/file/large-74274b869d3fba38e6a4ed0db13c6cd4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3366/file/medium-c0d7288ff1164e098c70b0ccbe8f177e.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">Kookie Cat</p>
          <a href="/en/products/kookie-cat-almond-chocolate-cookies-gf-organic-50-g-5858">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">KOOKIE CAT Almond &amp; Chocolate Cookies GF Organic, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.25
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DIKAC65A3_ECyrHH9fatTQ0DhICTg40fhdKxB4OUmMAU_tqEWi-Eac4bemKeuLWPJqRQHfbYa82fF1Qqo510qw" />
    <input value="5858" 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/my-bourbon-vanilla-sauce-organic-16-g-11389">
          <img alt="My Bourbon Vanilla Sauce Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5834/file/small-9bad9e1e9838f74649177b4ad2c73bd8.webp 600w, https://assets.fabulous.ch/public/variant_asset/5834/file/medium-5a40720c17fa783bda752cac5bd1873f.webp 900w, https://assets.fabulous.ch/public/variant_asset/5834/file/large-72281c72ea1cdb14b0566779f455c834.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5834/file/medium-5a40720c17fa783bda752cac5bd1873f.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/my-bourbon-vanilla-sauce-organic-16-g-11389">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">My Bourbon Vanilla Sauce Organic, 16 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ab-BnNEjVaM5vjVloNqMR7YZFb4zGBXxoLIF3YUH9M1xw9sTJUwOO_Vv_sDLlJSFnb7BI1ZD8yO6d-DwpQ4Ypg" />
    <input value="11389" 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/xylitol-chewing-gum-cinammon-28-g-9297">
          <img alt="Xylitol Chewing Gum CINAMMON" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5295/file/small-a59a99273f7b55030b3a0bf27b855ac4.webp 600w, https://assets.fabulous.ch/public/variant_asset/5295/file/medium-2974d23ae66e483f19f512b4add38037.webp 900w, https://assets.fabulous.ch/public/variant_asset/5295/file/large-03230c398bd1b2b6323dc6e35ca4e452.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5295/file/medium-2974d23ae66e483f19f512b4add38037.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Birkengold</p>
          <a href="/en/products/xylitol-chewing-gum-cinammon-28-g-9297">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xylitol Chewing Gum CINAMMON, 28 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 16.07 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HaUr6ONTjkE5OItIuJeQILkuF6BUT-SuNe5Ik_JCGwAF2XFnFzzV2fXpQO3T2YjikonDPTEUAnwvK62-0kv3aw" />
    <input value="9297" 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-infusion-little-dreamer-organic-20-bags-20-bag-5159">
          <img alt="Tea Infusion Little Dreamer Organic, 20 Bags" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3032/file/small-bf6a95d8501dd7e7a7624ac42a150152.webp 600w, https://assets.fabulous.ch/public/variant_asset/3032/file/medium-3cc9f6a05c1b8401bce10a57b7820be7.webp 900w, https://assets.fabulous.ch/public/variant_asset/3032/file/large-8c8da73d5df549e966622b08346984ab.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3032/file/medium-3cc9f6a05c1b8401bce10a57b7820be7.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">Cupper</p>
          <a href="/en/products/tea-infusion-little-dreamer-organic-20-bags-20-bag-5159">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tea Infusion Little Dreamer Organic, 20 Bags, 20 bags</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.26 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dOSUbWbLzb86MsKoSHyIu1phS4xOaaZ5TaIaNdfjGLJsmM7ikqSWJ_bjCQ0jMpB5ccafESsyQKtXZ_8Y9-r02Q" />
    <input value="5159" 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/cashew-butter-organic-250-g-40376e7c-6a5b-4062-9fd8-456320b3d0b5-2215">
          <img alt="Cashew Butter Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8906/file/small-37d1dd35d33db6f1c485f8dac716fed7.webp 600w, https://assets.fabulous.ch/public/variant_asset/8906/file/medium-b56fbb54da96023485b87f6f541df50f.webp 900w, https://assets.fabulous.ch/public/variant_asset/8906/file/large-a8dd001ad6a6a61de615d643128d5e5a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8906/file/medium-b56fbb54da96023485b87f6f541df50f.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">Terrasana</p>
          <a href="/en/products/cashew-butter-organic-250-g-40376e7c-6a5b-4062-9fd8-456320b3d0b5-2215">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cashew Butter Organic, 250 g</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 3.52 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Jkm62STW8S74TKh06slqM16ss1ZM9r8EnRk4joWxnM8-NeBW0LmqtjSdY9GBh3LxdQtnyymtWdaH3N2jpbhwpA" />
    <input value="2215" 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/ramen-noodles-organic-300-g-16713">
          <img alt="Ramen Noodles Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7756/file/small-aecd8139e1003fda10287f5224cd75c1.webp 600w, https://assets.fabulous.ch/public/variant_asset/7756/file/medium-78d4c569bf654940dedf46a51c1dc9fe.webp 900w, https://assets.fabulous.ch/public/variant_asset/7756/file/large-49b23c2f37ee0bb1ac40174b90543ead.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7756/file/medium-78d4c569bf654940dedf46a51c1dc9fe.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">Just Taste</p>
          <a href="/en/products/ramen-noodles-organic-300-g-16713">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ramen Noodles Organic, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cpwHhGhH8k_iJuL1JhRbXcRV9sGNSy-LILFgZUMWjQxq4F0LnCip1y73KVBNWkOf7_IiXOgQyVk6dIVIYx9hZw" />
    <input value="16713" 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/pea-protein-powder-organic-400-g-3198">
          <img alt="Pea Protein Powder Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2186/file/small-5cf57ba78d6270ae74c255231b70ac84.webp 600w, https://assets.fabulous.ch/public/variant_asset/2186/file/medium-0e2ba14e645bf333fc9736ca7b0c8162.webp 900w, https://assets.fabulous.ch/public/variant_asset/2186/file/large-9e671df106fe2cfcff2d207a9161f64b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2186/file/medium-0e2ba14e645bf333fc9736ca7b0c8162.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">Raab</p>
          <a href="/en/products/pea-protein-powder-organic-400-g-3198">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pea Protein Powder Organic, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 28.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PE7n-Rf9pBpKLgpQE9BBes_GZoXJHgqDKRWFRqWd_CEkMr1245L_gob_wfV4nlm45GGyGKxF7FEz0GBrhZQQSg" />
    <input value="3198" 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-alternative-to-tuna-in-oil-organic-180-g-16174">
          <img alt="Vegan Alternative to Tuna in Oil Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7447/file/small-0e1a3d17533cf8661ffdb95ce977aaef.webp 600w, https://assets.fabulous.ch/public/variant_asset/7447/file/medium-10bb428c40cda9511353e482e3d5399d.webp 900w, https://assets.fabulous.ch/public/variant_asset/7447/file/large-7f64d959fd977def68d6bfde82a6b6b8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7447/file/medium-10bb428c40cda9511353e482e3d5399d.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">followfood</p>
          <a href="/en/products/vegan-alternative-to-tuna-in-oil-organic-180-g-16174">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan Alternative to Tuna in Oil 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-16174-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BcvLj7wgNc8sBlJ5kA7ealFH8Y6h9J81t-G2a1o2aagdt5EASE9uV-DXmdz7QMaoeuAlE8SveeetJFNGej-Fww" />
    <input value="16174" 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/sauce-from-hell-with-habanero-chili-organic-220-g-428">
          <img alt="Sauce from Hell with Habanero Chili Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/383/file/small-64cc66ce3de2028c0fab6e7bcac5dc3b.webp 600w, https://assets.fabulous.ch/public/variant_asset/383/file/medium-040b7d04f1af2b6a39e4f8fb89c8f980.webp 900w, https://assets.fabulous.ch/public/variant_asset/383/file/large-5e2a8833dd3d4412453500295522fff7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/383/file/medium-040b7d04f1af2b6a39e4f8fb89c8f980.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">Sanchon</p>
          <a href="/en/products/sauce-from-hell-with-habanero-chili-organic-220-g-428">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sauce from Hell with Habanero Chili Organic, 220 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 2.05 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_pdXrwmIT6lVVdWp2C1llatRefF9W5jn1-dnoRwdpRrm6w0g_ecUMZmEHgyzY31XgPatbBgAfjXNIoKMPBRJcQ" />
    <input value="428" 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-remoulade-without-eggs-demeter-190-ml-5864">
          <img alt="Vegan Remoulade Without Eggs Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3373/file/small-f2913a98688308945d4fbcc96e5f68e1.webp 600w, https://assets.fabulous.ch/public/variant_asset/3373/file/medium-ccc54d2ab14681c8ee85f2296697fc43.webp 900w, https://assets.fabulous.ch/public/variant_asset/3373/file/large-b60370c713053b434597a9fa4d09d016.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3373/file/medium-ccc54d2ab14681c8ee85f2296697fc43.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/vegan-remoulade-without-eggs-demeter-190-ml-5864">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan Remoulade Without Eggs Demeter, 190 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YKp6f8lABVo8JYrz2EQlFPxHfCafbg_y_2j2JtjaC1N41iDwPS9ewvD0QVazCj3W1-Cou_o16SDlrRML-NPnOA" />
    <input value="5864" 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">
      580 of 3&#39;209 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/fupi?format=turbo_stream&amp;page=30">Show more</a>
  </div>
</div>

</template></turbo-stream>