<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/soy-tempeh-mediterranean-organic-200-g-17375">
          <img alt="Soy Tempeh Mediterranean Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8102/file/small-58fb6c5402437ab13fbf4c0074712bf4.webp 600w, https://assets.fabulous.ch/public/variant_asset/8102/file/medium-ff6d451c6571c9095b1d1ab254eed639.webp 900w, https://assets.fabulous.ch/public/variant_asset/8102/file/large-250bf52cf2cb4813312922238a590895.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8102/file/medium-ff6d451c6571c9095b1d1ab254eed639.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">Tempeh bagus</p>
          <a href="/en/products/soy-tempeh-mediterranean-organic-200-g-17375">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soy Tempeh Mediterranean Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mejPU2HnHQk1FkbiZZXVtYAZwEPzFTO-6yykT8IXXsUC_h3qJoymS47ZwoZi523E39mEWdY_Oz3yf6ldRCtJVw" />
    <input value="17375" 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/tofuburger-with-vegetables-organic-200-g-17577">
          <img alt="Tofuburger with Vegetables Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8201/file/small-f571f27ab94faaac96fdaafdb6a3b0e4.webp 600w, https://assets.fabulous.ch/public/variant_asset/8201/file/medium-b2da4c06634171460c4bc28ebc9ed4e7.webp 900w, https://assets.fabulous.ch/public/variant_asset/8201/file/large-ddd911c93d748b7a10e2ebd27ad126ab.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8201/file/medium-b2da4c06634171460c4bc28ebc9ed4e7.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/tofuburger-with-vegetables-organic-200-g-17577">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tofuburger with Vegetables Organic, 2 x 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.25
            </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.63 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/petit-lorrain-vegan-alternative-to-camembert-organic-110-g-7408">
          <img alt="Petit Lorrain Vegan Alternative to Camembert Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4245/file/small-1240918d05b290631265b897b61de5ac.webp 600w, https://assets.fabulous.ch/public/variant_asset/4245/file/medium-8408d09d228620eda4a854c2b9a02511.webp 900w, https://assets.fabulous.ch/public/variant_asset/4245/file/large-ada965521c48618ea74391a0d1cedcba.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4245/file/medium-8408d09d228620eda4a854c2b9a02511.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Petit Veganne</p>
          <a href="/en/products/petit-lorrain-vegan-alternative-to-camembert-organic-110-g-7408">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Petit Lorrain Vegan Alternative to Camembert Organic, 110 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7bjEr4wv8znsi7U_jzapTkXSEBjxOCTv3rxiICulh1V2rhYWy0RIe1dEMVuIRBE_GhJUAtQSLGzH728yrZmQxw" />
    <input value="7408" 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/petit-frais-onion-chive-vegan-soft-cheese-alternative-organic-130-g-16768">
          <img alt="Petit Frais Onion &amp; Chive Vegan Soft Cheese Alternative Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7777/file/small-8db3318776ef52cca29486a170420f9a.webp 600w, https://assets.fabulous.ch/public/variant_asset/7777/file/medium-09bf899d4b79794afb88a6ada8a64c12.webp 900w, https://assets.fabulous.ch/public/variant_asset/7777/file/large-9d9e837d50789ec054c86ad526cd0f87.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7777/file/medium-09bf899d4b79794afb88a6ada8a64c12.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Petit Veganne</p>
          <a href="/en/products/petit-frais-onion-chive-vegan-soft-cheese-alternative-organic-130-g-16768">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Petit Frais Onion &amp; Chive Vegan Soft Cheese Alternative Organic, 130 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="peIcnkQhmG6MmLFhLw0-vsLRue5LP2w2CmWUHGRvF-A-9M4nA0ojLDdXNQUof4bPnRH99G4VZLUTNpkO4lMAcg" />
    <input value="16768" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/petit-frais-garlic-herbs-vegan-alternative-to-cream-cheese-organic-130-g-8015">
          <img alt="Petit Frais Garlic &amp; Herbs Vegan Alternative to Cream Cheese Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4689/file/small-73737b64c7b53bfe9af46d5e5bbf69aa.webp 600w, https://assets.fabulous.ch/public/variant_asset/4689/file/medium-64da30db0a897b70ec82068944f60fa6.webp 900w, https://assets.fabulous.ch/public/variant_asset/4689/file/large-adc2516dafba0e90b5d72d9a7d50a873.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4689/file/medium-64da30db0a897b70ec82068944f60fa6.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Petit Veganne</p>
          <a href="/en/products/petit-frais-garlic-herbs-vegan-alternative-to-cream-cheese-organic-130-g-8015">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Petit Frais Garlic &amp; Herbs Vegan Alternative to Cream Cheese Organic, 130 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.50
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/petit-alba-vegan-alternative-to-soft-cheese-organic-110-g-7409">
          <img alt="Petit Alba Vegan Alternative to Soft Cheese Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4248/file/small-bd9f8a96020ea1bad9784b00945af6f9.webp 600w, https://assets.fabulous.ch/public/variant_asset/4248/file/medium-bc38fc66c3c9a754877bc1894531d7a2.webp 900w, https://assets.fabulous.ch/public/variant_asset/4248/file/large-5dc80c507cd795216449677a3a943ddf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4248/file/medium-bc38fc66c3c9a754877bc1894531d7a2.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Petit Veganne</p>
          <a href="/en/products/petit-alba-vegan-alternative-to-soft-cheese-organic-110-g-7409">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Petit Alba Vegan Alternative to Soft Cheese Organic, 110 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="o5fc469c6ru41PHeZvNNL9fMcsyE-OowtbyRqG8YulU4gQ5a6DdR-QMbdbphgfVeiAw21qHS4rOs75y66SStxw" />
    <input value="7409" 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/green-tea-chi-kombucha-live-organic-500-ml-15948">
          <img alt="Green Tea Chi Kombucha Live Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7341/file/small-bf1cd4df79e89aeb9a37389268821aeb.webp 600w, https://assets.fabulous.ch/public/variant_asset/7341/file/medium-029fd0e613228c68c57d7c196591bf0a.webp 900w, https://assets.fabulous.ch/public/variant_asset/7341/file/large-b1d3d636d8decdfa51e3ed8711e22d0a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7341/file/medium-029fd0e613228c68c57d7c196591bf0a.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/green-tea-chi-kombucha-live-organic-500-ml-15948">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Green Tea Chi Kombucha Live Organic, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PN3MbDmveqzlZqh_lbmq54Eip-nX9E0J7-wp3S2mYxanyx7VfsTB7l6pLBuSyxKW3uLj8_LeRYr2vyTPq5p0hA" />
    <input value="15948" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/almond-puree-raw-organic-1-kg-1197">
          <img alt="Almond Puree Raw Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1056/file/small-4d53b5ecd79a70f10649b6101b42a2ea.webp 600w, https://assets.fabulous.ch/public/variant_asset/1056/file/medium-d7aab992b26be27f29304932391c80c7.webp 900w, https://assets.fabulous.ch/public/variant_asset/1056/file/large-b864d884bf1ac40b4457527c9ad03d0a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1056/file/medium-d7aab992b26be27f29304932391c80c7.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/almond-puree-raw-organic-1-kg-1197">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Almond Puree Raw Organic, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 41.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mTGlKF5U1osjIPtXQSTySs1fuYPWjjm6GBRKM3Z5vg4CJ3eRGT9tyZjvfzNGVko7kp_9mfOkMTkBR0ch8EWpnA" />
    <input value="1197" 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/ketchup-no-added-sugar-organic-230-g-4565">
          <img alt="Ketchup No Added Sugar Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2810/file/small-8004644256b4242cf6455d63dacd5312.webp 600w, https://assets.fabulous.ch/public/variant_asset/2810/file/medium-a99f195220a86bb2a5d8f17dd94d79cb.webp 900w, https://assets.fabulous.ch/public/variant_asset/2810/file/large-97c78ec5d88cba407bb62e68fa7c4bc0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2810/file/medium-a99f195220a86bb2a5d8f17dd94d79cb.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Connie&#39;s Kitchen</p>
          <a href="/en/products/ketchup-no-added-sugar-organic-230-g-4565">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ketchup No Added Sugar Organic, 230 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MDB81FRgPgGVAanTWTgKIuad7la1SrkEBP3e8Ic2hnurJq5tEwuFQy7OLbdeSrJTuV2qTJBgsYcdrtPiAQqR6Q" />
    <input value="4565" 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/ice-tea-classic-lemon-organic-500-ml-15927">
          <img alt="Ice Tea Classic Lemon Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7323/file/small-4ec8c6f2d4288c35560d2906d9fb5e7c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7323/file/medium-8c0b6a09fb1d59446de6a0f252cdb323.webp 900w, https://assets.fabulous.ch/public/variant_asset/7323/file/large-c78b007e93704039a035125f7a5a086a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7323/file/medium-8c0b6a09fb1d59446de6a0f252cdb323.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">Vivitz</p>
          <a href="/en/products/ice-tea-classic-lemon-organic-500-ml-15927">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ice Tea Classic Lemon Organic, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.25
            </p>

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

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

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/mung-daal-organic-500-g-15569">
          <img alt="Mung Daal Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7109/file/small-40e98773fbcabf50506547e530132d05.webp 600w, https://assets.fabulous.ch/public/variant_asset/7109/file/medium-08ebd9fcc015cd0ccf9057fb86b60786.webp 900w, https://assets.fabulous.ch/public/variant_asset/7109/file/large-76b619c3151a2c687d290fd90b7142a6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7109/file/medium-08ebd9fcc015cd0ccf9057fb86b60786.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/en/products/mung-daal-organic-500-g-15569">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mung Daal Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/biscuit-almond-biscotti-organic-135-g-4143">
          <img alt="Biscuit Almond Biscotti Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2615/file/small-e48c522c1c3bb5028217f705607a71b5.webp 600w, https://assets.fabulous.ch/public/variant_asset/2615/file/medium-8bfc8bc4ac08c4a30d51b3a06fc763d2.webp 900w, https://assets.fabulous.ch/public/variant_asset/2615/file/large-3bdd4de6b628bddb8ed4c3adfbe1be06.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2615/file/medium-8bfc8bc4ac08c4a30d51b3a06fc763d2.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">Rhythm 108</p>
          <a href="/en/products/biscuit-almond-biscotti-organic-135-g-4143">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biscuit Almond Biscotti Organic, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tUkPCXzm3g1VWUjcFRP1-oDjmZvIG2SgVYH4Dq6RyEwuX92wO41lT-6WzLgSYU2L3yPdge0xbCNM0vUcKK3f3g" />
    <input value="4143" 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/almondbutter-organic-250-g-336">
          <img alt="Almondbutter Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/300/file/small-cf30471b593fd4eebd6311ccb1fef797.webp 600w, https://assets.fabulous.ch/public/variant_asset/300/file/medium-f22cc317f77587749d6034be5be7604f.webp 900w, https://assets.fabulous.ch/public/variant_asset/300/file/large-1aa4481125272a1755a3a8780fbdf7f2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/300/file/medium-f22cc317f77587749d6034be5be7604f.webp" />
</a>    </header>

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

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mm13mgZ7o9fQkYpT3PNpsq_8JyBWJ-b0a9csDCthDgsBe6UjQRAYlWteDjfbgdHD8DxjOnMN7ndyhCEerV0ZmQ" />
    <input value="336" 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/cashew-butter-organic-250-g-332">
          <img alt="Cashew Butter Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/292/file/small-823cae19aad346d2be04a2937ee2aa28.webp 600w, https://assets.fabulous.ch/public/variant_asset/292/file/medium-a5feedf880c55ac62bf5a27e0f643672.webp 900w, https://assets.fabulous.ch/public/variant_asset/292/file/large-4b5899705c5f22d9849542ff94207ecd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/292/file/medium-a5feedf880c55ac62bf5a27e0f643672.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/en/products/cashew-butter-organic-250-g-332">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cashew Butter Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iaAzPfdtXFQUeon0rxtkDgdggrmWwFlhx2KPurJdzPMStuGEsAbnFq-1DZCoadx_WKDGo7PqUeLeMYKoNGHbYQ" />
    <input value="332" 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/biscuit-pistachio-organic-135-g-17533">
          <img alt="Biscuit Pistachio Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8177/file/small-b737b6e1ebf79fafb0a64e9f152decc2.webp 600w, https://assets.fabulous.ch/public/variant_asset/8177/file/medium-78eb9b7ef07da26d5a295c29bd44c7dc.webp 900w, https://assets.fabulous.ch/public/variant_asset/8177/file/large-83c93e930aa4706001de50305f74a810.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8177/file/medium-78eb9b7ef07da26d5a295c29bd44c7dc.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">Rhythm 108</p>
          <a href="/en/products/biscuit-pistachio-organic-135-g-17533">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biscuit Pistachio Organic, 135 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 3.67 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lXyLMS38pYPvIvd0fCDbDW9CdDhZrmMNVwH1Li1B73QOalmIapcewVTtcxB7UmN8MIIwInyEa45OUvg8q3345g" />
    <input value="17533" 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/kombucha-urban-passion-fruit-organic-330-ml-9045">
          <img alt="Kombucha Urban Passion Fruit Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5186/file/small-9738c7ff04200886720d42943a22e846.webp 600w, https://assets.fabulous.ch/public/variant_asset/5186/file/medium-ccd3f0b93ce48e1ada78bbc27eab87e5.webp 900w, https://assets.fabulous.ch/public/variant_asset/5186/file/large-2a9a56bf090738ceed85847f034eb5a4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5186/file/medium-ccd3f0b93ce48e1ada78bbc27eab87e5.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">Urban Kombucha</p>
          <a href="/en/products/kombucha-urban-passion-fruit-organic-330-ml-9045">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kombucha Urban Passion Fruit Organic, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cSV3oJhSZysSMnIMSc_vtnk_7oF_L2X30gtMwyoJB8rqM6UZ3zncaan99mhOvVfHJv-qm1oFbXTLWEHRrDUQWA" />
    <input value="9045" 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/mashed-potatoes-dry-mix-organic-160-g-1265">
          <img alt="Mashed Potatoes Dry mix Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1096/file/small-407cc411056bc2b1bccd1c05c3c333a0.webp 600w, https://assets.fabulous.ch/public/variant_asset/1096/file/medium-a5ce6e90efc443bf068b29edd19da4ae.webp 900w, https://assets.fabulous.ch/public/variant_asset/1096/file/large-214f12fe8ccfc4ba3c229f8c46895039.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1096/file/medium-a5ce6e90efc443bf068b29edd19da4ae.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">Eden</p>
          <a href="/en/products/mashed-potatoes-dry-mix-organic-160-g-1265">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mashed Potatoes Dry mix Organic, 160 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.25
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gP-DA0aHllloD-1lorZT9ij1fHEOfJgGR3Hw7EwTBlEb6VG6AewtG9PAaQGlxOuHdzU4aytWkIVeIv3-yi8Rww" />
    <input value="1265" 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-gravy-21-g-10618">
          <img alt="Vegan Gravy" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5594/file/small-775b5344cc255630ec1993b2db42f372.webp 600w, https://assets.fabulous.ch/public/variant_asset/5594/file/medium-53d328cabbe200a1c32f896c8a4d2de0.webp 900w, https://assets.fabulous.ch/public/variant_asset/5594/file/large-1e18d1a2166a87920baac75ef3fafb9e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5594/file/medium-53d328cabbe200a1c32f896c8a4d2de0.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">Natur Compagnie</p>
          <a href="/en/products/vegan-gravy-21-g-10618">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan Gravy, 21 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.55
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-6WfzEzpR9UlYrF-aw_KE-iGMHxqwROXjO10zifwYHJgs011C4L8l56tNRpsfXJit0Z0Zk_rGxSVvnncocx34A" />
    <input value="10618" 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/biber-s-seasonal-design-organic-80-g-3675">
          <img alt="Biber-S Seasonal Design Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2398/file/small-05c3a50ebbaf54402ba2cd6e5f8f7eeb.webp 600w, https://assets.fabulous.ch/public/variant_asset/2398/file/medium-2d571110ddfd7140d75fc72194dfb1c5.webp 900w, https://assets.fabulous.ch/public/variant_asset/2398/file/large-f7f737ddd3d5819261d79c1ffe8c152e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2398/file/medium-2d571110ddfd7140d75fc72194dfb1c5.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">Leibacher Biber-Manufaktur</p>
          <a href="/en/products/biber-s-seasonal-design-organic-80-g-3675">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biber-S Seasonal Design Organic, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7d4P81FOY8HS1HOac5Bcio5aBANFXdDJzbAsRfvP-HF2yN1KFiXYg2kb9_504uT70ZpAGWB32ErU4yFXffPv4w" />
    <input value="3675" 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/amaretti-with-chocolate-vegan-organic-34-g-13691">
          <img alt="Amaretti with Chocolate Vegan Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6576/file/small-cb5edd5495222c537bb97a5c5cdb14e5.webp 600w, https://assets.fabulous.ch/public/variant_asset/6576/file/medium-45457a132f34bc4d2809428c44598596.webp 900w, https://assets.fabulous.ch/public/variant_asset/6576/file/large-96048724a4156c29c4cd14453fa1da1d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6576/file/medium-45457a132f34bc4d2809428c44598596.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">Leibacher Biber-Manufaktur</p>
          <a href="/en/products/amaretti-with-chocolate-vegan-organic-34-g-13691">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Amaretti with Chocolate Vegan Organic, 2 x 34 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_9pqj6lhxroV8UCBfvBW0Iktiv0_QSBxhGiHp5wNrUVkzLg27gp9-K4-xOV5gu6h1u3O5xprKPKdO4q1GjG61w" />
    <input value="13691" 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 3&#39;165 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/lavera?format=turbo_stream&amp;page=6">Show more</a>
  </div>
</div>

</template></turbo-stream>