<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/cretan-style-sticks-organic-175-g-16607">
          <img alt="Cretan-Style Sticks Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7661/file/small-a78205a6c2704aaa0c638bd640a8b2f4.webp 600w, https://assets.fabulous.ch/public/variant_asset/7661/file/medium-10d90b4fcaa1a489e3c6858f8005515f.webp 900w, https://assets.fabulous.ch/public/variant_asset/7661/file/large-23874dc1baa83ba569337343e0fa386f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7661/file/medium-10d90b4fcaa1a489e3c6858f8005515f.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">Soto</p>
          <a href="/en/products/cretan-style-sticks-organic-175-g-16607">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cretan-Style Sticks Organic, 175 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PtQi6uCCx36Mw3PS5T8nchwwEIz1EHyqtA17hwdocssMYM3_7YlE6kgCyqcx6GTV3lOpgIF6bwc4cDu1CkpO5A" />
    <input value="16607" 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/biofarm-wholegrain-basmati-rice-bulk-pack-organic-5-kg-15895">
          <img alt="Biofarm Wholegrain Basmati Rice Bulk Pack Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7302/file/small-2d77858e83ccfa841a87a7b0a4fc93df.webp 600w, https://assets.fabulous.ch/public/variant_asset/7302/file/medium-494b856818d5553f8157f62d06bf000b.webp 900w, https://assets.fabulous.ch/public/variant_asset/7302/file/large-8c83c2b0cce817945b0fbc2e10ccb942.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7302/file/medium-494b856818d5553f8157f62d06bf000b.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/biofarm-wholegrain-basmati-rice-bulk-pack-organic-5-kg-15895">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biofarm Wholegrain Basmati Rice Bulk Pack Organic, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 41.05
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7Tlbi1LdIAAJ5FNCDQVUWT8lghe2qC6tPjES3_jEVKjfjbSeX9ajlM0l6jfZ0hf-_UY7G8LCPQCyTFLt9eZohw" />
    <input value="15895" 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/crispy-nuggets-organic-180-g-13874">
          <img alt="Crispy Nuggets Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6598/file/small-0c8f68067b60ee685063630904d5875b.webp 600w, https://assets.fabulous.ch/public/variant_asset/6598/file/medium-2c86e3c86b733c78eb2feb418057a287.webp 900w, https://assets.fabulous.ch/public/variant_asset/6598/file/large-2978a604574d6e9bcf1adce3eebc79b0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6598/file/medium-2c86e3c86b733c78eb2feb418057a287.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">the vegan cow</p>
          <a href="/en/products/crispy-nuggets-organic-180-g-13874">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Crispy Nuggets Organic, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.60
            </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.67 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="07-rZnKp8XHw2_go6CVUYPX-B87tyPn8vf5N285grEPhC0Rzf6Jy5TQaQV088hfHN52-wpmi6lExgw3pw0KQbA" />
    <input value="13874" 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/pasta-simona-tagliatelle-wheat-pasta-bulk-buy-organic-5-kg-6207">
          <img alt="Pasta Simona Tagliatelle Wheat Pasta Bulk Buy Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3566/file/small-2643f8a6f16b7ecdedeff40204ef3174.webp 600w, https://assets.fabulous.ch/public/variant_asset/3566/file/medium-2937dc273cc311fbd853d3c37039187e.webp 900w, https://assets.fabulous.ch/public/variant_asset/3566/file/large-e9e67170a91bba9a9351bbe68b4e2253.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3566/file/medium-2937dc273cc311fbd853d3c37039187e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Pasta Simona</p>
          <a href="/en/products/pasta-simona-tagliatelle-wheat-pasta-bulk-buy-organic-5-kg-6207">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pasta Simona Tagliatelle Wheat Pasta Bulk Buy Organic, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="p7eUSiD6I-O038ivqxyPUyf-38HxsY8FEU-zDUxVfraVA3tfLfGgd3Aecdp_y8z05Z1mzYXbnKidMvM_QXdCmQ" />
    <input value="6207" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/pasta-simona-spaghetti-whole-wheat-bulk-buy-organic-5-kg-6176">
          <img alt="Pasta Simona Spaghetti Whole Wheat Bulk Buy Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3549/file/small-cf0a35592ba29ba6ba5e718d4f6aa3b1.webp 600w, https://assets.fabulous.ch/public/variant_asset/3549/file/medium-0bb0e45405588b112b613e9f65b7aa28.webp 900w, https://assets.fabulous.ch/public/variant_asset/3549/file/large-2123a1f8462f85f788f19f7a09471a70.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3549/file/medium-0bb0e45405588b112b613e9f65b7aa28.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Pasta Simona</p>
          <a href="/en/products/pasta-simona-spaghetti-whole-wheat-bulk-buy-organic-5-kg-6176">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pasta Simona Spaghetti Whole Wheat Bulk Buy Organic, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HeEHjHoQpEw-8s1AnnYMQR20n4sXqrCgn-ZNKcdwz7IvVeiZdxsn2PozdDVKoU_m39cmh2PAow0Tmw0bylLznQ" />
    <input value="6176" 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/burger-tomato-basil-gluten-free-organic-140-g-752">
          <img alt="Burger Tomato - Basil 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/700/file/small-a79c71f95bc7486fe409d8769321d6d8.webp 600w, https://assets.fabulous.ch/public/variant_asset/700/file/medium-138525a32c09694181f61a86e8e645fe.webp 900w, https://assets.fabulous.ch/public/variant_asset/700/file/large-c5121fc3a86fbe181406d20fe0ec81e8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/700/file/medium-138525a32c09694181f61a86e8e645fe.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/burger-tomato-basil-gluten-free-organic-140-g-752">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Burger Tomato - Basil gluten free Organic, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SOjxokTtnx2Vdwy3-j0uuzzl39eqzo13upkWUrNXfyx6XB63SeYciVG2tcIu6m0c_oZm296knto25FZgvnVDAw" />
    <input value="752" 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/sausage-vegan-chorizo-organic-130-g-1591">
          <img alt="Sausage Vegan Chorizo Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1271/file/small-abc6398a706611fc88510170b79fb51e.webp 600w, https://assets.fabulous.ch/public/variant_asset/1271/file/medium-d37a80e78ec8cf2a422a905b80229107.webp 900w, https://assets.fabulous.ch/public/variant_asset/1271/file/large-6c82635d5c08c0dedca98a131fa7d59a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1271/file/medium-d37a80e78ec8cf2a422a905b80229107.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">Wheaty</p>
          <a href="/en/products/sausage-vegan-chorizo-organic-130-g-1591">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sausage Vegan Chorizo Organic, 130 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 4.23 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XrKUo6_tga67wuL8HJgAmCNaaidNPadgqVz8Y8G0yrBsBnu2ouYCOn8DW4nIT0M_4TnTKzlXtM0lIbxRzJb2nw" />
    <input value="1591" 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/tofu-shrimps-veganelen-gluten-free-150-g-2068">
          <img alt="Tofu Shrimps Veganelen Gluten Free" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1620/file/small-c95767d1067a43bd0bef6ac2688a44dc.webp 600w, https://assets.fabulous.ch/public/variant_asset/1620/file/medium-65ae73c4467a9a1a2c1cb712fdc9cc65.webp 900w, https://assets.fabulous.ch/public/variant_asset/1620/file/large-14590bbd360058c3e81855122862dbaa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1620/file/medium-65ae73c4467a9a1a2c1cb712fdc9cc65.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">Lord of Tofu</p>
          <a href="/en/products/tofu-shrimps-veganelen-gluten-free-150-g-2068">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tofu Shrimps Veganelen Gluten Free, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fUz1AsvOOx5nTSJI8P5Jqt9ABGsI68qQ3t1wmoQGU41P-BoXxsW4iqOMmz0kKQoNHSO9Z3yB2T1SoDCoiSRvog" />
    <input value="2068" 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/tempeh-burger-smoky-paprika-organic-200-g-17203">
          <img alt="Tempeh Burger Smoky Paprika Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8033/file/small-cb532bba367502ba63962a71c28324cd.webp 600w, https://assets.fabulous.ch/public/variant_asset/8033/file/medium-4e5acef94871c8d7e8c2da87e19b8f84.webp 900w, https://assets.fabulous.ch/public/variant_asset/8033/file/large-721b330455e233064663e2912e86bde9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8033/file/medium-4e5acef94871c8d7e8c2da87e19b8f84.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">Tempehmanufaktur</p>
          <a href="/en/products/tempeh-burger-smoky-paprika-organic-200-g-17203">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tempeh Burger Smoky Paprika Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_q-sgX0lDhtZC_kBc3jQJ9vHzhLoZzSoRCMdjevkHmHMG0OUcC6Nj53KQHSnr5OAGaR3HpwNJwXIXl2_5sYiTg" />
    <input value="17203" 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/burger-veggie-kraftkorn-chickpeas-organic-180-g-17560">
          <img alt="Burger Veggie-KraftKorn Chickpeas Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8190/file/small-e6c018381519a5545bcb54149e5e6841.webp 600w, https://assets.fabulous.ch/public/variant_asset/8190/file/medium-432114e1d6b789a7619df688c31fc617.webp 900w, https://assets.fabulous.ch/public/variant_asset/8190/file/large-61ebcc2feab985c7d3082ad4f8916fd4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8190/file/medium-432114e1d6b789a7619df688c31fc617.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/burger-veggie-kraftkorn-chickpeas-organic-180-g-17560">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Burger Veggie-KraftKorn Chickpeas Organic, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.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.50 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="R7yIzWY7tUFvv-5n7TvfYv4Kp9N2kFcM_GM01xIcRyF1CGfYazA21at-VxI57JzFPGke3wL6RKFwHnTlHz57Dg" />
    <input value="17560" 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/explore-cuisine-black-bean-spaghetti-organic-200-g-14857">
          <img alt="Explore Cuisine Black Bean Spaghetti Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6800/file/small-5af3eb8bfe8d9f6f2885a0cab3fd602e.webp 600w, https://assets.fabulous.ch/public/variant_asset/6800/file/medium-582e1da9f2b32b0d8ad574d82620fda5.webp 900w, https://assets.fabulous.ch/public/variant_asset/6800/file/large-c8e77cceeb34dd0cbbffd761cf2c0cf4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6800/file/medium-582e1da9f2b32b0d8ad574d82620fda5.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">Explore Cuisine</p>
          <a href="/en/products/explore-cuisine-black-bean-spaghetti-organic-200-g-14857">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Explore Cuisine Black Bean Spaghetti Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0WYenFJLVp0du5zh1dBcbD03FaPQNXryFCFQ3pERdtXj0vGJX0DVCdl6JZQBBx_L_1Ssr6RfaV-YXBDsnDNK-g" />
    <input value="14857" 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/protein-chunks-mince-fine-organic-125-g-13449">
          <img alt="Protein Chunks Mince Fine Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6518/file/small-c9dc76ceec7ed61c2d612edeb02ddfbd.webp 600w, https://assets.fabulous.ch/public/variant_asset/6518/file/medium-8ce7c8a379f2ff554a76775c08f860e0.webp 900w, https://assets.fabulous.ch/public/variant_asset/6518/file/large-405ba728d63ba4681b0b09acc98cf8ba.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6518/file/medium-8ce7c8a379f2ff554a76775c08f860e0.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/protein-chunks-mince-fine-organic-125-g-13449">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Protein Chunks Mince Fine Organic, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.85
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jEy-NyzeOVORUnHDtWtemgMlSyS7ZlTfn4npPh1x66e--FEiIdW6x1WTyLZhvB09wUbyKM8MR3IT9KkMEFPXiA" />
    <input value="13449" 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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    New
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/broccoli-bites-broccoli-in-seasoned-coating-fried-organic-180-g-17775">
          <img alt="Broccoli Bites Organic " class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8721/file/small-41650ef52e55c95096efe7ee887fbccf.webp 600w, https://assets.fabulous.ch/public/variant_asset/8721/file/medium-07b0f16675411e5b6f15efc41724bc18.webp 900w, https://assets.fabulous.ch/public/variant_asset/8721/file/large-27ea92b2d215fe27e42984663851e79e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8721/file/medium-07b0f16675411e5b6f15efc41724bc18.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">Wild Foods</p>
          <a href="/en/products/broccoli-bites-broccoli-in-seasoned-coating-fried-organic-180-g-17775">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Broccoli Bites Organic , 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.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 4.14 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CJHEc3Lwkpo2pIKnR43hsy0IdnfNwy9TVRcNGaNUxSY6JStmf_sRDvJlO9KTWqIU72vPe7mpPP7Zak0rrnb5CQ" />
    <input value="17775" 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/wood-smoked-vegan-alternative-to-salmon-organic-130-g-7407">
          <img alt="Wood Smoked Vegan Alternative to Salmon Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8662/file/small-ac0b8f3b860fea4a287eb3de221e2f02.webp 600w, https://assets.fabulous.ch/public/variant_asset/8662/file/medium-9afbf5dd47a2d5b99c37f7b78fce844c.webp 900w, https://assets.fabulous.ch/public/variant_asset/8662/file/large-ddecdb2ddf1629574355ab697753ec8e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8662/file/medium-9afbf5dd47a2d5b99c37f7b78fce844c.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">Wild Foods</p>
          <a href="/en/products/wood-smoked-vegan-alternative-to-salmon-organic-130-g-7407">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Wood Smoked Vegan Alternative to Salmon Organic, 130 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.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 7.62 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Kilkq1xxiq5Rp54fHoG4benAR58k_pE_RqVfr8NhFncYnYu-UXoJOpVmJ2rKVvvKK6P-k1CUgpLK2B-dzkMqWA" />
    <input value="7407" 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/sausage-vegan-merguez-2-0-organic-120-g-16083">
          <img alt="Sausage Vegan Merguez 2.0 Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7428/file/small-e7d345121af4fb38230501e9953056d9.webp 600w, https://assets.fabulous.ch/public/variant_asset/7428/file/medium-e9e974b430257ad58616cc450a9ba5c0.webp 900w, https://assets.fabulous.ch/public/variant_asset/7428/file/large-7a1838a58aba231a8558ad734d46ebd9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7428/file/medium-e9e974b430257ad58616cc450a9ba5c0.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">Wheaty</p>
          <a href="/en/products/sausage-vegan-merguez-2-0-organic-120-g-16083">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sausage Vegan Merguez 2.0 Organic, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.35
            </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.79 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LZewYHptKOfuivi4T-CkuqxCqd1VbfdgS_s8q0rX8-ofI191d2arcypLQc2bN-cdbiEQ0SEH5M3HhnyZR_XPxQ" />
    <input value="16083" 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/jackfruit-cubes-unseasoned-organic-200-g-6543">
          <img alt="Jackfruit Cubes Unseasoned Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3756/file/small-75785db199e4970f022b17bab503f56d.webp 600w, https://assets.fabulous.ch/public/variant_asset/3756/file/medium-2e3d4449527d3a19999754b95f6176db.webp 900w, https://assets.fabulous.ch/public/variant_asset/3756/file/large-27484242fc936d7c63c1e1504ae42afc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3756/file/medium-2e3d4449527d3a19999754b95f6176db.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/jackfruit-cubes-unseasoned-organic-200-g-6543">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Jackfruit Cubes Unseasoned Organic, 200 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.03 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JvYpHD3UaTEeNWZMHJEtYmNpmtxB1HDP3K5U0l-4JtQUQsYJMN_qpdr03znIRm7FoQoj0DW-Y2JQ0xTgUpoa-w" />
    <input value="6543" 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/coleslaw-organic-360-g-15889">
          <img alt="Coleslaw Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7292/file/small-626b2292b2e42c4593bfa662eee017fd.webp 600w, https://assets.fabulous.ch/public/variant_asset/7292/file/medium-e10972ede5c2bc21e579e25f212e322a.webp 900w, https://assets.fabulous.ch/public/variant_asset/7292/file/large-4c842c03611edd558b8dfa111d8205d4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7292/file/medium-e10972ede5c2bc21e579e25f212e322a.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">Grünhof</p>
          <a href="/en/products/coleslaw-organic-360-g-15889">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Coleslaw Organic, 360 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </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.28 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LIQigNIARdB-kAXg0cHXk8i29lGLOEyPOyDDF7vshSseMM2V3wvGRLpRvJUFFpQ0CtVPXf9SXyK3XYMlts65BA" />
    <input value="15889" 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/potato-salad-with-vinegar-oil-organic-400-g-15888">
          <img alt="Potato Salad with Vinegar &amp; Oil Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7291/file/small-9f80de7cfa0c1eb8c29510d964574e99.webp 600w, https://assets.fabulous.ch/public/variant_asset/7291/file/medium-77532e9afaf6e64b0263cafc878fdeea.webp 900w, https://assets.fabulous.ch/public/variant_asset/7291/file/large-827df4ad673db852e0f7a88a6613a05f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7291/file/medium-77532e9afaf6e64b0263cafc878fdeea.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">Grünhof</p>
          <a href="/en/products/potato-salad-with-vinegar-oil-organic-400-g-15888">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Potato Salad with Vinegar &amp; Oil Organic, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.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 1.30 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UyzbIYOu4yD1IrkMBSFfdtMEjXU2zvBVwUOKJ9jIxMthmDQ0jqVgtDHjAHnR9hzREWc0eUKk4_hNPsoV1er45A" />
    <input value="15888" 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/d-angelo-tortellini-filled-porcini-mushrooms-organic-250-g-7760">
          <img alt="D&#39;Angelo Tortellini filled Porcini Mushrooms Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4482/file/small-39ed3cf003ae5b984ba241d90785afe2.webp 600w, https://assets.fabulous.ch/public/variant_asset/4482/file/medium-21367d4aadd9aff7c5110e3c8dfed5d9.webp 900w, https://assets.fabulous.ch/public/variant_asset/4482/file/large-f0f21e7d6547c5508cc434a1e5865434.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4482/file/medium-21367d4aadd9aff7c5110e3c8dfed5d9.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">D&#39;Angelo Pasteria</p>
          <a href="/en/products/d-angelo-tortellini-filled-porcini-mushrooms-organic-250-g-7760">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">D&#39;Angelo Tortellini filled Porcini Mushrooms Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.05
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rtrZ4KgRX1fYbyFGH4SbsLinffYBbxq3wmqESGBSjG6cbjb1pRrcwxyumDPLU9gXesTE-nUFCRpOF8R6bXCwQQ" />
    <input value="7760" 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/pasta-oat-mezzi-rigatoni-organic-250-g-12005">
          <img alt="Pasta Oat Mezzi Rigatoni Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6094/file/small-61d198659a15712dde21e0f6a24e69f4.webp 600w, https://assets.fabulous.ch/public/variant_asset/6094/file/medium-a2b2b768edf395cd4ea537c99a1772fc.webp 900w, https://assets.fabulous.ch/public/variant_asset/6094/file/large-01fdf73b81666e8bc1d10b13edbb8fbd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6094/file/medium-a2b2b768edf395cd4ea537c99a1772fc.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">felicia</p>
          <a href="/en/products/pasta-oat-mezzi-rigatoni-organic-250-g-12005">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pasta Oat Mezzi Rigatoni Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-WmAF-LDfROVyNgUpM8u63piXHc2wl-VRUiqF6Lho4vL3W8C78j-h1EJYWFwGG1MuAHle0KoTDjJNeolr8OfpA" />
    <input value="12005" 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">
      100 of 312 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/food/pan-ready?format=turbo_stream&amp;page=6">Show more</a>
  </div>
</div>

</template></turbo-stream>