<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/chia-seeds-raw-food-quality-organic-200-g-1815">
          <img alt="Chia Seeds Raw Food Quality Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1412/file/small-c1f0ccdf7203cf8c2744d80edeabfc32.webp 600w, https://assets.fabulous.ch/public/variant_asset/1412/file/medium-62dfe812ac92284466562bf0909f422e.webp 900w, https://assets.fabulous.ch/public/variant_asset/1412/file/large-90fbaa9e3aeee05e82d9c9852b274bce.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1412/file/medium-62dfe812ac92284466562bf0909f422e.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">Govinda</p>
          <a href="/en/products/chia-seeds-raw-food-quality-organic-200-g-1815">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chia Seeds Raw Food Quality Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SyPrvjK348CkgHEjcWoMIbwUkyA32qH7pHMf6FgcVplkCLlpuUkcO_lZe3ubRv4e-1b1kVpe2omWQKTEW9LZxA" />
    <input value="1815" 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/completeorganics-the-original-kimchi-organic-230-g-10935">
          <img alt="completeorganics the ORIGINAL KIMCHI Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5648/file/small-6273a911d729b4c65170de70b089fb9d.webp 600w, https://assets.fabulous.ch/public/variant_asset/5648/file/medium-ada1cba82d9fc62e6a8f936edc300b7f.webp 900w, https://assets.fabulous.ch/public/variant_asset/5648/file/large-f4a335c60caa210d520216bd5fc03db1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5648/file/medium-ada1cba82d9fc62e6a8f936edc300b7f.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">completeorganics</p>
          <a href="/en/products/completeorganics-the-original-kimchi-organic-230-g-10935">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">completeorganics the ORIGINAL KIMCHI Organic, 230 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/petit-lorrain-vegan-alternative-to-camembert-organic-110-g-7408">
          <img alt="Petit Lorrain Vegan Alternative to Camembert Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4245/file/small-1240918d05b290631265b897b61de5ac.webp 600w, https://assets.fabulous.ch/public/variant_asset/4245/file/medium-8408d09d228620eda4a854c2b9a02511.webp 900w, https://assets.fabulous.ch/public/variant_asset/4245/file/large-ada965521c48618ea74391a0d1cedcba.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4245/file/medium-8408d09d228620eda4a854c2b9a02511.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">Petit Veganne</p>
          <a href="/en/products/petit-lorrain-vegan-alternative-to-camembert-organic-110-g-7408">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Petit Lorrain Vegan Alternative to Camembert Organic, 110 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.20
            </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 10.18 / 100 g
            </p>
        </div>
      </div>

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/en/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Notify me
</a>

      </div>
    </div>
  </div>


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/petit-frais-onion-chive-vegan-soft-cheese-alternative-organic-130-g-16768">
          <img alt="Petit Frais Onion &amp; Chive Vegan Soft Cheese Alternative Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7777/file/small-8db3318776ef52cca29486a170420f9a.webp 600w, https://assets.fabulous.ch/public/variant_asset/7777/file/medium-09bf899d4b79794afb88a6ada8a64c12.webp 900w, https://assets.fabulous.ch/public/variant_asset/7777/file/large-9d9e837d50789ec054c86ad526cd0f87.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7777/file/medium-09bf899d4b79794afb88a6ada8a64c12.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">Petit Veganne</p>
          <a href="/en/products/petit-frais-onion-chive-vegan-soft-cheese-alternative-organic-130-g-16768">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Petit Frais Onion &amp; Chive Vegan Soft Cheese Alternative Organic, 130 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MhMvsB1SFO7Wa01UTaVwg5lg20nA5zFtNPaP9xsYLZ0dOH1nlqzrFYuyRwyniYK83iK9-K1jSh8GxTTbGNaiwA" />
    <input value="16768" 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/petit-frais-garlic-herbs-vegan-alternative-to-cream-cheese-organic-130-g-8015">
          <img alt="Petit Frais Garlic &amp; Herbs Vegan Alternative to Cream Cheese Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4689/file/small-73737b64c7b53bfe9af46d5e5bbf69aa.webp 600w, https://assets.fabulous.ch/public/variant_asset/4689/file/medium-64da30db0a897b70ec82068944f60fa6.webp 900w, https://assets.fabulous.ch/public/variant_asset/4689/file/large-adc2516dafba0e90b5d72d9a7d50a873.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4689/file/medium-64da30db0a897b70ec82068944f60fa6.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">Petit Veganne</p>
          <a href="/en/products/petit-frais-garlic-herbs-vegan-alternative-to-cream-cheese-organic-130-g-8015">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Petit Frais Garlic &amp; Herbs Vegan Alternative to Cream Cheese Organic, 130 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.50
            </p>

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

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/petit-alba-vegan-alternative-to-soft-cheese-organic-110-g-7409">
          <img alt="Petit Alba Vegan Alternative to Soft Cheese Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4248/file/small-bd9f8a96020ea1bad9784b00945af6f9.webp 600w, https://assets.fabulous.ch/public/variant_asset/4248/file/medium-bc38fc66c3c9a754877bc1894531d7a2.webp 900w, https://assets.fabulous.ch/public/variant_asset/4248/file/large-5dc80c507cd795216449677a3a943ddf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4248/file/medium-bc38fc66c3c9a754877bc1894531d7a2.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">Petit Veganne</p>
          <a href="/en/products/petit-alba-vegan-alternative-to-soft-cheese-organic-110-g-7409">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Petit Alba Vegan Alternative to Soft Cheese Organic, 110 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.20
            </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 10.18 / 100 g
            </p>
        </div>
      </div>

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/en/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Notify me
</a>

      </div>
    </div>
  </div>


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/mung-daal-organic-500-g-15569">
          <img alt="Mung Daal Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7109/file/small-40e98773fbcabf50506547e530132d05.webp 600w, https://assets.fabulous.ch/public/variant_asset/7109/file/medium-08ebd9fcc015cd0ccf9057fb86b60786.webp 900w, https://assets.fabulous.ch/public/variant_asset/7109/file/large-76b619c3151a2c687d290fd90b7142a6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7109/file/medium-08ebd9fcc015cd0ccf9057fb86b60786.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/mung-daal-organic-500-g-15569">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mung Daal Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DHpWYanLcJP1HqoYD-5NTzhSHEDMSRSgmX9rDk5NWyEjUQS2IjWPaKjHoEDlwr9wfxB68aHNb9KrTNAiTYPUfA" />
    <input value="15569" 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-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Tip
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/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="gpowTh-l15LN5Qu4k086KInVwS16hoVyRlSK7WgPX7GtsWKZlFsoaZA8AeB5Y8gXzpennBcC_gB0ZzHBa8HQ7A" />
    <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 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-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="TVYyN6AcOoi1vc1tch-W0fxKC98BFXNDubRCoQEWm_VifWDgK-LFc-hkxzWYM2TuuwhtbmyRCDGLh_mNAtgUqA" />
    <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  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/hemp-seeds-whole-unpeeled-raw-food-quality-organic-500-g-2277">
          <img alt="Hemp Seeds Whole / Unpeeled Raw Food Quality Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1683/file/small-0e3a3183e0456c1ec2ffacdfb8b9a731.webp 600w, https://assets.fabulous.ch/public/variant_asset/1683/file/medium-7b40dbdd3c6edd2fd4739108c72decf5.webp 900w, https://assets.fabulous.ch/public/variant_asset/1683/file/large-6e700576a92284a9efcb4ae212eb2ebe.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1683/file/medium-7b40dbdd3c6edd2fd4739108c72decf5.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">Hanf&amp;Natur</p>
          <a href="/en/products/hemp-seeds-whole-unpeeled-raw-food-quality-organic-500-g-2277">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hemp Seeds Whole / Unpeeled Raw Food Quality Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CzTiTsQHWjV-aXHASCinQXqhvA63Pt3Ij-5Wj8NoXpckH7CZT_mlziOwe5iiBFV-PePav9q6prq93e2jwKbRyg" />
    <input value="2277" 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/lovechock-salted-pecan-bar-80-cocoa-organic-40-g-12832">
          <img alt="Lovechock Salted Pecan Bar 80% Cocoa Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6329/file/small-9e74d6918be6671973922665c5866154.webp 600w, https://assets.fabulous.ch/public/variant_asset/6329/file/medium-2d20b23508c8ca1be049396cd4a67821.webp 900w, https://assets.fabulous.ch/public/variant_asset/6329/file/large-11b626450d7c48b828fc1c18a91862cb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6329/file/medium-2d20b23508c8ca1be049396cd4a67821.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">Lovechock</p>
          <a href="/en/products/lovechock-salted-pecan-bar-80-cocoa-organic-40-g-12832">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lovechock Salted Pecan Bar 80% Cocoa Organic, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </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-12832-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="L0GMI42GqsMoZVgpToAbEaUE8fWVYL3XYbTf11ZJmGUAat70BnhVOHW8UnGkrOku4kaXRPjkxqVTh2T7VYcXOA" />
    <input value="12832" 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/flour-chickpeas-gluten-free-organic-500-g-404">
          <img alt="Flour Chickpeas 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/360/file/small-2be24f5ad1b93336b14dfa74602f1bc1.webp 600w, https://assets.fabulous.ch/public/variant_asset/360/file/medium-039996db40cc9a125870549693a63ccf.webp 900w, https://assets.fabulous.ch/public/variant_asset/360/file/large-9a8634854236a5e2ae357dbcb2acd9b7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/360/file/medium-039996db40cc9a125870549693a63ccf.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/flour-chickpeas-gluten-free-organic-500-g-404">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Flour Chickpeas Gluten Free Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7yVlCdOA63GhdgQ7X5_jaRkN8kHX2K9v7rZ04JAcHgXADjfeWH4UivyvDmO1sxFWXk-U8Lpc1B3chc_Mk9KRWA" />
    <input value="404" 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/flour-oat-wholegrain-gluten-free-demeter-350-g-5600">
          <img alt="Flour Oat Wholegrain Gluten Free Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3242/file/small-a4e126ba8920b80faee3149a7000435c.webp 600w, https://assets.fabulous.ch/public/variant_asset/3242/file/medium-68010d187b7ae583fe5ffeeee206c74a.webp 900w, https://assets.fabulous.ch/public/variant_asset/3242/file/large-c7b59fb773cee2957654d5139d3eb94f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3242/file/medium-68010d187b7ae583fe5ffeeee206c74a.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/flour-oat-wholegrain-gluten-free-demeter-350-g-5600">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Flour Oat Wholegrain Gluten Free Demeter, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.45
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="U7wv3Grs1BhSnTOsh9ZYwT-GavzFUSXV22bgxfpMyud8l30L4RIr4w9EOfRt-qr-eMQMTajVXqfpVVvp-YJFug" />
    <input value="5600" 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/lifebar-raw-bar-inchoco-cacao-nibs-vanilla-organic-40-g-7266">
          <img alt="Lifebar Raw Bar InChoco Cacao Nibs Vanilla Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4116/file/small-78cd34c21a7479673866b8f8b9bf5101.webp 600w, https://assets.fabulous.ch/public/variant_asset/4116/file/medium-192c95e50acac8691caf26743c7df711.webp 900w, https://assets.fabulous.ch/public/variant_asset/4116/file/large-9494df5b47c3d5a22eaa4949b58bda0d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4116/file/medium-192c95e50acac8691caf26743c7df711.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">Lifefood</p>
          <a href="/en/products/lifebar-raw-bar-inchoco-cacao-nibs-vanilla-organic-40-g-7266">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lifebar Raw Bar InChoco Cacao Nibs Vanilla Organic, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cKDiEuyQ6dvJAH5CTv0Du5lAIub-1QMd5QhOvztfxc5fi7DFZ24WIJTZdBqk0fGE3gJEV5NReG_XO_WTOJFKkw" />
    <input value="7266" 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/completeorganics-goji-red-beet-organic-230-g-15890">
          <img alt="completeorganics GOJI RED BEET Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7293/file/small-1cb0829d3ec0d70691eb8c1af5f6962a.webp 600w, https://assets.fabulous.ch/public/variant_asset/7293/file/medium-de1106fd17f2391c78ae0c5308b9bc54.webp 900w, https://assets.fabulous.ch/public/variant_asset/7293/file/large-e23fefe8f9dc4e4d36ffba3500bc30c1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7293/file/medium-de1106fd17f2391c78ae0c5308b9bc54.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">completeorganics</p>
          <a href="/en/products/completeorganics-goji-red-beet-organic-230-g-15890">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">completeorganics GOJI RED BEET Organic, 230 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qLTOFrh5PznLrSYW-i47TfTTaolfu2XP0SCmRvltB72Hn5zBM4fAwpZ0LE4QAslys5EMODI_Hr3jEx1q-qOI4A" />
    <input value="15890" 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/completeorganics-white-kimchi-organic-240-g-15891">
          <img alt="completeorganics WHITE KIMCHI Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7297/file/small-824f2e237246c7b0a606e4f6727b435d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7297/file/medium-1c153a821b92d0d82ebfdbf67f2b44d9.webp 900w, https://assets.fabulous.ch/public/variant_asset/7297/file/large-d29a4d69d2de4f03cad83fc2e0e76d37.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7297/file/medium-1c153a821b92d0d82ebfdbf67f2b44d9.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">completeorganics</p>
          <a href="/en/products/completeorganics-white-kimchi-organic-240-g-15891">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">completeorganics WHITE KIMCHI Organic, 240 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0qkzQL0wbLHF-Qq9hRcE7m8T4IxiuFo0_OTRrACeJWv9gmGXNs6TSpggAOVvO_bRKFGGPQ88IUbO12qAA1CqNg" />
    <input value="15891" 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/completeorganics-daikon-kimchi-organic-220-g-10934">
          <img alt="completeorganics DAIKON KIMCHI Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5646/file/small-008f7604d23209d0005a3962d6d61a9e.webp 600w, https://assets.fabulous.ch/public/variant_asset/5646/file/medium-0dfbe09aeb7f9118d7b29dab529f7f61.webp 900w, https://assets.fabulous.ch/public/variant_asset/5646/file/large-a54c51f3c8a45aa4792e878c9c9cb674.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5646/file/medium-0dfbe09aeb7f9118d7b29dab529f7f61.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">completeorganics</p>
          <a href="/en/products/completeorganics-daikon-kimchi-organic-220-g-10934">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">completeorganics DAIKON KIMCHI Organic, 220 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </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 4.05 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NksHiVjl3df82GNkq9Zj-tyI9SHKpDn_pSBCaCiUEMAZYFVe0xsiLKEBaTxB-pHFm8qTkKcgQo2XE_lEK1qfnQ" />
    <input value="10934" 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/completeorganics-cauliflower-organic-220-g-10933">
          <img alt="completeorganics CAULIFLOWER Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5645/file/small-b4661b5d66f386f591e958b18ce19dd5.webp 600w, https://assets.fabulous.ch/public/variant_asset/5645/file/medium-a316b26a0f672070aabff50e7dc06e43.webp 900w, https://assets.fabulous.ch/public/variant_asset/5645/file/large-84f21f439c7926bbf6ae2302b8c59984.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5645/file/medium-a316b26a0f672070aabff50e7dc06e43.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">completeorganics</p>
          <a href="/en/products/completeorganics-cauliflower-organic-220-g-10933">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">completeorganics CAULIFLOWER Organic, 220 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pYj7Mn2YmiQ0S3HZ48y-ZJYtWzb1mhQz7X9AUVOBTtGKo6nl9mZl32mSe4EJ4Exb0W89h5geb0HfTPt9UE_BjA" />
    <input value="10933" 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/physalis-raw-food-quality-organic-100-g-5709">
          <img alt="Physalis Raw Food Quality Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3295/file/small-149fe9cf6bd5f8a5397ab3068439de16.webp 600w, https://assets.fabulous.ch/public/variant_asset/3295/file/medium-e89070efc9cb673ea3f0869b3b19c0e5.webp 900w, https://assets.fabulous.ch/public/variant_asset/3295/file/large-fb1933a4b661e41778ab3bdea60d20f9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3295/file/medium-e89070efc9cb673ea3f0869b3b19c0e5.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">Flores Farm</p>
          <a href="/en/products/physalis-raw-food-quality-organic-100-g-5709">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Physalis Raw Food Quality Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.30
            </p>

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

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/oil-sunflower-cooking-oil-bulk-buy-biosuisse-3-l-6082">
          <img alt="Oil Sunflower Cooking Oil Bulk Buy BioSuisse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3494/file/small-d85228a0b709b96f83995b5cb68023c4.webp 600w, https://assets.fabulous.ch/public/variant_asset/3494/file/medium-a73a9fa93db7e16bd509055e62bdf0e2.webp 900w, https://assets.fabulous.ch/public/variant_asset/3494/file/large-513244094207d23c584f418d2396bc09.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3494/file/medium-a73a9fa93db7e16bd509055e62bdf0e2.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">Biofarm</p>
          <a href="/en/products/oil-sunflower-cooking-oil-bulk-buy-biosuisse-3-l-6082">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Oil Sunflower Cooking Oil Bulk Buy BioSuisse, 3 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 46.40
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/en/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Notify me
</a>

      </div>
    </div>
  </div>



</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">
      40 of 159 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/food/raw-food?format=turbo_stream&amp;page=3">Show more</a>
  </div>
</div>

</template></turbo-stream>