<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/vegetable-stock-jar-classic-gluten-free-200-g-204">
          <img alt="Vegetable Stock Jar Classic Gluten Free" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/206/file/small-b1442e7d05a8e64fee9e9eded387684f.webp 600w, https://assets.fabulous.ch/public/variant_asset/206/file/medium-0d59316a90f4c89de2ea7ed152720245.webp 900w, https://assets.fabulous.ch/public/variant_asset/206/file/large-3aed1d50684191fb1e698a56c3602bf7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/206/file/medium-0d59316a90f4c89de2ea7ed152720245.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/vegetable-stock-jar-classic-gluten-free-200-g-204">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegetable Stock Jar Classic Gluten Free, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XSjmlKnPGBKH2eSUyJe2jbRDOzgawhCEGH8ti0UQCScDiEeM6bQUthvcsm1b7V-oksPMmj35Rrd3EcAKUIBrhA" />
    <input value="204" 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/bouillon-vegetable-stock-classic-gluten-free-500-g-205">
          <img alt="Bouillon Vegetable Stock Classic Gluten Free" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/208/file/small-55641c0e589b4b98cb4c5e3e1f95012a.webp 600w, https://assets.fabulous.ch/public/variant_asset/208/file/medium-30c3e137ea90677a9845e879691ec4ca.webp 900w, https://assets.fabulous.ch/public/variant_asset/208/file/large-6ecbf9e0daa2edc50fea348366ffb4b4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/208/file/medium-30c3e137ea90677a9845e879691ec4ca.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/bouillon-vegetable-stock-classic-gluten-free-500-g-205">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bouillon Vegetable Stock Classic Gluten Free, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="L8q1bqGmMUoGPdOh9d1-WoH2fCn8jxTO0Q8pf6oQxuJxahR24d097po4hVhmp5d_p3aLi9u0Qv2-YcT-v4CkQQ" />
    <input value="205" 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/sesame-seeds-organic-250-g-208">
          <img alt="Sesame Seeds Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/209/file/small-3d4a70797fe34e17ebd269fcf861a8e0.webp 600w, https://assets.fabulous.ch/public/variant_asset/209/file/medium-ce3833399b147a23937971af4001447d.webp 900w, https://assets.fabulous.ch/public/variant_asset/209/file/large-198b33a5f69aeccc717cf5a2fe0e417b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/209/file/medium-ce3833399b147a23937971af4001447d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Davert</p>
          <a href="/en/products/sesame-seeds-organic-250-g-208">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sesame Seeds Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="daL8mbcrqFdOHV7rnAAKe0vsRXeqgz8E_RHf0gbEYYQrAl2B91Ck89IYCBIPeuNebWyy1Y24aTeSfzJTE1QDJw" />
    <input value="208" 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/gnocchi-classic-organic-400-g-214">
          <img alt="Gnocchi Classic Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/213/file/small-8f20dfe30c2f2eb360a2553b8eb42a9f.webp 600w, https://assets.fabulous.ch/public/variant_asset/213/file/medium-28c50cce89a81a1d8a9f67faeae79845.webp 900w, https://assets.fabulous.ch/public/variant_asset/213/file/large-be9cd2519d3a934ffe9d6dbdd8756ba5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/213/file/medium-28c50cce89a81a1d8a9f67faeae79845.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">Pural</p>
          <a href="/en/products/gnocchi-classic-organic-400-g-214">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gnocchi Classic Organic, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.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 1.23 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WgzDPTXxiVgVebeaGhexcP5ptcPuMwWrzZXJ_ar6dvUErGIldYqF_Il84WOJbVhV2OlCYckIU5ii-yR8v2oUVg" />
    <input value="214" 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-spelt-hazelnuts-organic-175-g-218">
          <img alt="Cookie Spelt Hazelnuts Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/217/file/small-8749e9279acf87eecdc70514c5787a00.webp 600w, https://assets.fabulous.ch/public/variant_asset/217/file/medium-64bdcd8ebb34e81eac56174491f8ac14.webp 900w, https://assets.fabulous.ch/public/variant_asset/217/file/large-4cec77f4cfebb84ffd4c3f9a4d2a0392.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/217/file/medium-64bdcd8ebb34e81eac56174491f8ac14.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-spelt-hazelnuts-organic-175-g-218">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cookie Spelt Hazelnuts Organic, 175 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HF52ev77x6LlgxHDuaTD1qocNRwWItdnGAwUmO7D22lC_tdivoDLBnmGRzoq3irzjJzCvjEZgVR3YvkZ-1O5yg" />
    <input value="218" 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/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="TEUr-gR06szpdZjav6TVVBHa8Lv6Ys_3qqPl2CVrajoS5YriRA_maHVwziMs3jxxN1oHGd1ZmcTFzQhZMPsImQ" />
    <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 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/barley-malt-organic-400-g-227">
          <img alt="Barley Malt Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/222/file/small-ccef3f88fe6f5253af034781e5a6c480.webp 600w, https://assets.fabulous.ch/public/variant_asset/222/file/medium-1eab9ea2369b568a9810e998c6ccfd93.webp 900w, https://assets.fabulous.ch/public/variant_asset/222/file/large-0aeec4c1c1c716d64a5dd110a628a65d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/222/file/medium-1eab9ea2369b568a9810e998c6ccfd93.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Arche</p>
          <a href="/en/products/barley-malt-organic-400-g-227">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Barley Malt Organic, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="s5fxVzMWIscj8YovNPxmvzzLVQLaonViUBQQFP01fKXtN1BPc20uY7_03Nanho-aGkuioP2ZI1E_ev2V6KUeBg" />
    <input value="227" 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/cream-cheese-original-fermented-organic-140-g-234">
          <img alt="Cream Cheese Original fermented Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/228/file/small-90a86b445a75ebf6bac0d3fa3ce6eb68.webp 600w, https://assets.fabulous.ch/public/variant_asset/228/file/medium-f09f08c0ddb7cd2adbe50eecd95b6682.webp 900w, https://assets.fabulous.ch/public/variant_asset/228/file/large-6b06fe509700f721b7e87111b37851b8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/228/file/medium-f09f08c0ddb7cd2adbe50eecd95b6682.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">Soyana</p>
          <a href="/en/products/cream-cheese-original-fermented-organic-140-g-234">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cream Cheese Original fermented Organic, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.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.93 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ft5CBVIDBq8V8UEyAwnT-W5s4ZRmf8G5SIbMGdHGR9tIfuMdEngKC4n0F8uQczrcSOwWNkFEl4on6CGYxFYleA" />
    <input value="234" 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/shower-shampoo-men-sensitiv-3in1-200-ml-237">
          <img alt="Shower Shampoo Men Sensitiv 3in1" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/229/file/small-08f14e49776c637286fcd2e47b81bd19.webp 600w, https://assets.fabulous.ch/public/variant_asset/229/file/medium-2ed01ece987b9591e4493e929206fb6e.webp 900w, https://assets.fabulous.ch/public/variant_asset/229/file/large-2641f444cf38dfcdfe08a526b98ba548.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/229/file/medium-2ed01ece987b9591e4493e929206fb6e.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">Lavera</p>
          <a href="/en/products/shower-shampoo-men-sensitiv-3in1-200-ml-237">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shower Shampoo Men Sensitiv 3in1, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Is_VBGE6ZuaNkaM-yCloeJd7TvSwRHUMy4kKPv9GleN8b3QcIUFqQhGU9cdbU4Fdsfu5Vpd_Iz-k5-e_6tb3QA" />
    <input value="237" 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/after-shave-balsam-men-sensitiv-100-ml-240">
          <img alt="After Shave Balsam Men sensitiv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/233/file/small-ac9946f7dacd6e12a9028b41700bc253.webp 600w, https://assets.fabulous.ch/public/variant_asset/233/file/medium-69700a5f2211bef238e321d7ab00cce9.webp 900w, https://assets.fabulous.ch/public/variant_asset/233/file/large-2eee624e2d39af6cd20217b6125a47c6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/233/file/medium-69700a5f2211bef238e321d7ab00cce9.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">Lavera</p>
          <a href="/en/products/after-shave-balsam-men-sensitiv-100-ml-240">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">After Shave Balsam Men sensitiv, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="j_wunGPqcfouMONkteNHXu3mLf8CAq-PZMtqv6KbyHbRXI-EI5F9XrI1tZ0mma57y2baXSU5-bwLpYc-twuq1Q" />
    <input value="240" 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/jellys-sour-frutti-worms-organic-100-g-248">
          <img alt="Jellys Sour Frutti Worms Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/241/file/small-d3f2a3e7b14342a694ade6aceb196fb2.webp 600w, https://assets.fabulous.ch/public/variant_asset/241/file/medium-a175f4a90ad94a6ab7fa83ac467366c9.webp 900w, https://assets.fabulous.ch/public/variant_asset/241/file/large-d6474bddb72b0bdafd988a4d2d955998.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/241/file/medium-a175f4a90ad94a6ab7fa83ac467366c9.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">Ökovital</p>
          <a href="/en/products/jellys-sour-frutti-worms-organic-100-g-248">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Jellys Sour Frutti Worms Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="D8han-CCEiTSrfEpqaUMlsGtSSYC0GsMFwEpncMWpP9RaPuHoPkegE6op9A63-Wz5y2-hCXrPT94b8Qc1obGXA" />
    <input value="248" 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/jellys-bears-organic-100-g-249">
          <img alt="Jellys Bears Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/240/file/small-9b646feddd72b26a57dcf12673489ca5.webp 600w, https://assets.fabulous.ch/public/variant_asset/240/file/medium-45162d2a6d855c903f4fab605697f095.webp 900w, https://assets.fabulous.ch/public/variant_asset/240/file/large-3fee5ba9433c05c2886a739c094839a4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/240/file/medium-45162d2a6d855c903f4fab605697f095.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">Ökovital</p>
          <a href="/en/products/jellys-bears-organic-100-g-249">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Jellys Bears Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="v_W-LNqL68w7KC6M46asqqUa8YdQk71k4ygylkVe8IfhVR80mvDnaKcteHVw3EWPg5oGJXeo61eMRt8XUM6SJA" />
    <input value="249" 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/fermented-vegan-alternative-to-sour-cream-organic-200-g-272">
          <img alt="Fermented Vegan Alternative to Sour Cream Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/249/file/small-b496d46a77af4161aa9216148dcab904.webp 600w, https://assets.fabulous.ch/public/variant_asset/249/file/medium-7a13fdc4170da2330af452701b15eb47.webp 900w, https://assets.fabulous.ch/public/variant_asset/249/file/large-1742421eff85e8e96211e2ba6b72bb4c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/249/file/medium-7a13fdc4170da2330af452701b15eb47.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">Soyana</p>
          <a href="/en/products/fermented-vegan-alternative-to-sour-cream-organic-200-g-272">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fermented Vegan Alternative to Sour Cream Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.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.05 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BHuj8vcfjNcprvhUSRYusLWkcmyoAXXmq-RmuzjjxRpa2wLqt2SAc7Wrrq3abMeVkySFzo86I9XEios6LXOnuQ" />
    <input value="272" 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-slices-dinki-velami-organic-100-g-276">
          <img alt="Vegan Slices Dinki Velami Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/250/file/small-cfacabfd2e640f0ccf508c6f2cea54b1.webp 600w, https://assets.fabulous.ch/public/variant_asset/250/file/medium-e8e18b93bd1cc5a1a74441538ccefc23.webp 900w, https://assets.fabulous.ch/public/variant_asset/250/file/large-6c9850fb6d6bb00bce85c161852d395c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/250/file/medium-e8e18b93bd1cc5a1a74441538ccefc23.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">Soyana</p>
          <a href="/en/products/vegan-slices-dinki-velami-organic-100-g-276">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan Slices Dinki Velami Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.00
            </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.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IErHN5P3gcRfBEbj9HSWd3Qu8hLiXCuE9XC03qvRoGR-6mYv04yNYMMBEBpnDn9SUq4FsMVnfbeaHllfvkHCxw" />
    <input value="276" 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/vitamin-b12-1000-g-vegan-60-capsules-60-piece-277">
          <img alt="Vitamin B12 1000µg Vegan, 60 Capsules" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/251/file/small-5452515d0ec2d62effb0964920cca650.webp 600w, https://assets.fabulous.ch/public/variant_asset/251/file/medium-e99b5b618e0147f4593dba7b2148662a.webp 900w, https://assets.fabulous.ch/public/variant_asset/251/file/large-ed342ffe292ec2cba38a5ed621a4b2e4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/251/file/medium-e99b5b618e0147f4593dba7b2148662a.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">Bjökovit</p>
          <a href="/en/products/vitamin-b12-1000-g-vegan-60-capsules-60-piece-277">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vitamin B12 1000µg Vegan, 60 Capsules, 60 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GuSIsn3ZtOqTdLgVcPradx1TT0scQuVsBPle7d8_zPlERCmqPaK4Tg9x7uzjgDNSO9O46Tt5s19rl7Nsyq-uWg" />
    <input value="277" 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/lupine-filets-organic-100-g-291">
          <img alt="Lupine Filets Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/263/file/small-00fb88970bcf78f058741f4ad95e91b9.webp 600w, https://assets.fabulous.ch/public/variant_asset/263/file/medium-2a2c1ef14841d15c4de3eb26de4f6bb3.webp 900w, https://assets.fabulous.ch/public/variant_asset/263/file/large-902176a7403fb66823c98d4084db7a77.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/263/file/medium-2a2c1ef14841d15c4de3eb26de4f6bb3.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">Alberts</p>
          <a href="/en/products/lupine-filets-organic-100-g-291">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lupine Filets Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.45
            </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 5.45 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qIcUlOJ3vQ7DYjxYo9ICLQVhi3fajE8qcCdP278ZrNr2J7WMogyxql9naqEwqOsII-F81f23GRkfSaJaqonOeQ" />
    <input value="291" 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/lupine-strips-organic-200-g-292">
          <img alt="Lupine Strips Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/264/file/small-530c692ed0fe5c986dd05984f48a0782.webp 600w, https://assets.fabulous.ch/public/variant_asset/264/file/medium-06cc0f0356cc47742d979c3a8cb34c1f.webp 900w, https://assets.fabulous.ch/public/variant_asset/264/file/large-f7e9a4e8b87cb6115063ece5e975aea3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/264/file/medium-06cc0f0356cc47742d979c3a8cb34c1f.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">Alberts</p>
          <a href="/en/products/lupine-strips-organic-200-g-292">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lupine Strips Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.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 2.75 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Td4Vy92m7Ix9wTC8bP62b74yXnIXiRT8byDZJjZnpfITfrTTnd3gKOHEZkX_hF9KmLKp0DCyQs8ATjSnI_fHUQ" />
    <input value="292" 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/lupine-gyros-organic-200-g-293">
          <img alt="Lupine Gyros Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/265/file/small-6c34fb0e7e9361e2e258dbaadda01b78.webp 600w, https://assets.fabulous.ch/public/variant_asset/265/file/medium-38262836c493f5492221939d21cefa19.webp 900w, https://assets.fabulous.ch/public/variant_asset/265/file/large-99cde4e12c3f8a9fa659b3f9210f64f9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/265/file/medium-38262836c493f5492221939d21cefa19.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">Alberts</p>
          <a href="/en/products/lupine-gyros-organic-200-g-293">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lupine Gyros Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.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 2.75 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZX7BeYMONBWs2pjtBkDhG9CERCzR5M5yjmVgdmEJ2ZQ73mBhw3U4sTDfzhSVOgg-9gSzjvbfmEHhC433dJm7Nw" />
    <input value="293" 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/ravioli-vegetables-organic-670-g-301">
          <img alt="Ravioli Vegetables Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/268/file/small-0b9300c4c714113e7274ccdeca9cde62.webp 600w, https://assets.fabulous.ch/public/variant_asset/268/file/medium-ae53029fd4e133db827436bad3fd4f09.webp 900w, https://assets.fabulous.ch/public/variant_asset/268/file/large-095d6246846dad2a820cfc7ab38fab24.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/268/file/medium-ae53029fd4e133db827436bad3fd4f09.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Danival</p>
          <a href="/en/products/ravioli-vegetables-organic-670-g-301">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ravioli Vegetables Organic, 670 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_vE5n9LKvybBhNPbFMp81HKPjvWuGn9SysyD_RadcfagUZiHkrGzgl2BhSKHsJXxVA95V4khKWGlom58Aw0TVQ" />
    <input value="301" 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/ravioli-seitan-and-basil-organic-670-g-302">
          <img alt="Ravioli Seitan and Basil Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/269/file/small-7ed7f2e2c7cfa0109af22928d6692f84.webp 600w, https://assets.fabulous.ch/public/variant_asset/269/file/medium-b219d910b298dfcf58de5f83809635de.webp 900w, https://assets.fabulous.ch/public/variant_asset/269/file/large-6617b010e6b350e9bb87588835b95450.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/269/file/medium-b219d910b298dfcf58de5f83809635de.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Danival</p>
          <a href="/en/products/ravioli-seitan-and-basil-organic-670-g-302">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ravioli Seitan and Basil Organic, 670 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Cp1CsCxrChB8T4Hw89D39SbhYmOyYbwJ4aZJGPfz5NFUPeOobBAGtOBK1wlgqh7QAGGVwZVa6jqOyKSZ4mOGcg" />
    <input value="302" 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">
      80 of 3&#39;174 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/peaceful-delicious?format=turbo_stream&amp;page=5">Show more</a>
  </div>
</div>

</template></turbo-stream>