<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/coconut-and-almondbutter-with-dates-organic-250-g-5650">
          <img alt="Coconut and Almondbutter with Dates Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3262/file/small-59c00d0bdf342d86608ae6015903886f.webp 600w, https://assets.fabulous.ch/public/variant_asset/3262/file/medium-dd9c1060ab5b376ba3f02c1a41686dee.webp 900w, https://assets.fabulous.ch/public/variant_asset/3262/file/large-c43b7df6fbc25cdb06d6ea1cab2219f1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3262/file/medium-dd9c1060ab5b376ba3f02c1a41686dee.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/coconut-and-almondbutter-with-dates-organic-250-g-5650">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Coconut and Almondbutter with Dates Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="izTv9DdlX-OF8aZVXJWLMfu64Hlrx3lqda8cwLx-F0OG3VvsSzSsUyTc19272AMsNeChFQN0GmaGlXhRu88HqA" />
    <input value="5650" 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/cuisine-soja-organic-250-ml-137fe859-842f-4630-8972-e2ff903d18ec-16809">
          <img alt="Cuisine Soja Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7826/file/small-d890ae6da7efea3344c3aea12c5562a7.webp 600w, https://assets.fabulous.ch/public/variant_asset/7826/file/medium-d155a8ba2d84df5bc9323bb1a56bab6e.webp 900w, https://assets.fabulous.ch/public/variant_asset/7826/file/large-056e577496f9381bff8cf38cbc314982.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7826/file/medium-d155a8ba2d84df5bc9323bb1a56bab6e.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">Alpro</p>
          <a href="/en/products/cuisine-soja-organic-250-ml-137fe859-842f-4630-8972-e2ff903d18ec-16809">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cuisine Soja Organic, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cYio_djIgQqCDUwtcro29IlDkR-nuUGPVSqxtSbxc1F8YRzlpJlyuiMgPaWV977pRxnQc88KIoOmENUkIUBjug" />
    <input value="16809" 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/chips-tortilla-chips-blue-corn-organic-150-g-11129">
          <img alt="Chips Tortilla Chips Blue Corn Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5697/file/small-2443e8318d12711f340913934ca48315.webp 600w, https://assets.fabulous.ch/public/variant_asset/5697/file/medium-a144ee0e0150e4a050f5def5b44fc0c6.webp 900w, https://assets.fabulous.ch/public/variant_asset/5697/file/large-22194eb9328f6d1718b6c14ea2d6f321.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5697/file/medium-a144ee0e0150e4a050f5def5b44fc0c6.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">MiAdelita</p>
          <a href="/en/products/chips-tortilla-chips-blue-corn-organic-150-g-11129">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chips Tortilla Chips Blue Corn Organic, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XkMgyW9mbVE4yQzC_BEFs8rbv3ZOtjSIJx3D0utn_kFTqpTREzee4ZnkfUobXI2uBIH-GiYFV4TUJ6dD7Nbuqg" />
    <input value="11129" 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/coconut-milk-premium-gluten-free-organic-1-l-6780">
          <img alt="Coconut Milk Premium 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/3924/file/small-dd7fa610287597b5383bd7ddcd885fb3.webp 600w, https://assets.fabulous.ch/public/variant_asset/3924/file/medium-e765fb2c1469214108daff991dba143e.webp 900w, https://assets.fabulous.ch/public/variant_asset/3924/file/large-f4e7955f26341b89bc2a11bb70e16f76.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3924/file/medium-e765fb2c1469214108daff991dba143e.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">Dr. Goerg</p>
          <a href="/en/products/coconut-milk-premium-gluten-free-organic-1-l-6780">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Coconut Milk Premium Gluten Free Organic, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nRIPb_1HFC2MLnR2iR-ZBpXCtRNCxRjh2v9i7bA71JuQ-7t3gRbnnS0DBf5uUhEbW5j0fyp2e-0pxQZ8t4rEcA" />
    <input value="6780" 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/plantain-chips-salty-organic-80-g-15019">
          <img alt="Plantain Chips Salty Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6885/file/small-e396d5b595778c89ec359771de7220a7.webp 600w, https://assets.fabulous.ch/public/variant_asset/6885/file/medium-ab67817e9c979a8f66d02fc0414a25de.webp 900w, https://assets.fabulous.ch/public/variant_asset/6885/file/large-fad5aaca3921e687862436b986e5a8cd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6885/file/medium-ab67817e9c979a8f66d02fc0414a25de.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">el origen</p>
          <a href="/en/products/plantain-chips-salty-organic-80-g-15019">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Plantain Chips Salty Organic, 80 g</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 3.88 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pkUFszqcOKzpNMTToLbVGGWavkTl9gabjuB_1IANSV6rrLGrRs3LHEgZtVtH-10Fq8D_KI1FZZd92htFh7xZtQ" />
    <input value="15019" 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/mate-elderflower-aronia-super-natural-club-organic-330-ml-15532">
          <img alt="Mate Elderflower &amp; Aronia Super Natural Club Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7088/file/small-04944f96259b2aaac32a79adc59d51ef.webp 600w, https://assets.fabulous.ch/public/variant_asset/7088/file/medium-b2f5e0fcc2d8161e7a71214bca720e07.webp 900w, https://assets.fabulous.ch/public/variant_asset/7088/file/large-7ec03565e706fbcfbc06fbfde967d50c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7088/file/medium-b2f5e0fcc2d8161e7a71214bca720e07.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">Super Natural Club</p>
          <a href="/en/products/mate-elderflower-aronia-super-natural-club-organic-330-ml-15532">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mate Elderflower &amp; Aronia Super Natural Club Organic, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="O7X_g62AZC_xBc9lMNSPF8-_Jau3jW62XeIpXiOIyN42XEub0dGXn1Aovu3XmQcKAeVkx98-Dbqu2E3PJDnYNQ" />
    <input value="15532" 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/ombar-centres-chocolate-coconut-vanilla-organic-70-g-16767">
          <img alt="Ombar Centres Chocolate Coconut &amp; Vanilla Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7776/file/small-81e985f1dbc1447c0ebfed7004e73734.webp 600w, https://assets.fabulous.ch/public/variant_asset/7776/file/medium-4b819d70382adac4bd1da6765b1137b0.webp 900w, https://assets.fabulous.ch/public/variant_asset/7776/file/large-2bd1b19048c45fd59a54fbc6edb2ed70.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7776/file/medium-4b819d70382adac4bd1da6765b1137b0.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">Ombar</p>
          <a href="/en/products/ombar-centres-chocolate-coconut-vanilla-organic-70-g-16767">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ombar Centres Chocolate Coconut &amp; Vanilla Organic, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.35
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fpCEINnNx84Qrz3mcEts5QoftKrZr9CsORFHp-GHmPNzeTA4pZw0frGCTG6XBuT4xEX1xrEcs6DKKyM25jaIGA" />
    <input value="16767" 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/orange-zest-grated-organic-9-g-10606">
          <img alt="Orange Zest Grated Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5592/file/small-a9cb11ce8523d2ca4a05949db8cee06f.webp 600w, https://assets.fabulous.ch/public/variant_asset/5592/file/medium-e373bb298478a74334a93bbcb470ac7f.webp 900w, https://assets.fabulous.ch/public/variant_asset/5592/file/large-fec8269e6aaa4e763cf1b55024ddb8bc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5592/file/medium-e373bb298478a74334a93bbcb470ac7f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biovegan</p>
          <a href="/en/products/orange-zest-grated-organic-9-g-10606">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Orange Zest Grated Organic, 9 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.65
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iFdOuS6QymOCm7yO6G4-CCGYsngACwkEzpelPW9Um4qFvvqhUsE50yO2zQYPI7YV78LzFGi4agg9rcGsaOWLYQ" />
    <input value="10606" 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/rhythm-108-oat-coconut-with-cacao-chocolate-organic-33-g-4491">
          <img alt="Rhythm 108 Oat &amp; Coconut with Cacao Chocolate Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2776/file/small-82b1e1180293879f040fc90498337f39.webp 600w, https://assets.fabulous.ch/public/variant_asset/2776/file/medium-836e35d7eab8011c6d7dd2cc92c1a469.webp 900w, https://assets.fabulous.ch/public/variant_asset/2776/file/large-3176fd9f1f233c65ea60969298593813.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2776/file/medium-836e35d7eab8011c6d7dd2cc92c1a469.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/rhythm-108-oat-coconut-with-cacao-chocolate-organic-33-g-4491">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rhythm 108 Oat &amp; Coconut with Cacao Chocolate Organic, 33 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Nv6vJf02FSluHTGBEoskCN6KHWIZ1yI-rI1ozZLEI9I7Fxs9gWfmmc8wQAn1xqwVENBcDnFkQTJftwxclXUzOQ" />
    <input value="4491" 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/vivani-chocolate-smooth-dark-92-cocoa-organic-80-g-16647">
          <img alt="Vivani Chocolate Smooth Dark 92% Cocoa Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7706/file/small-4b33009d9e9609c74b4c4b8e28494e78.webp 600w, https://assets.fabulous.ch/public/variant_asset/7706/file/medium-3e6eeaf308182b7fdadb4cd02e7f0956.webp 900w, https://assets.fabulous.ch/public/variant_asset/7706/file/large-155077587e9800984cb9d5260b23a0e6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7706/file/medium-3e6eeaf308182b7fdadb4cd02e7f0956.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">Vivani / Ichoc</p>
          <a href="/en/products/vivani-chocolate-smooth-dark-92-cocoa-organic-80-g-16647">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vivani Chocolate Smooth Dark 92% Cocoa Organic, 80 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 6.50 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="enDxr7uM32BsAaF8fJLiYggT6DAhqgNreoyCahK9Gdl3mUW3x90s0M0s0PSb32p_xkmpXEkZYGeJtub7FQwJMg" />
    <input value="16647" 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/chips-chickpeas-rosemary-organic-75-g-4260">
          <img alt="Chips Chickpeas Rosemary Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9003/file/small-32284b1fefc0efdec8023357d4273196.webp 600w, https://assets.fabulous.ch/public/variant_asset/9003/file/medium-37bb8f41338f6637a113d9043a4221c1.webp 900w, https://assets.fabulous.ch/public/variant_asset/9003/file/large-41d3cad0fcecbb885b4443b0a36dd589.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9003/file/medium-37bb8f41338f6637a113d9043a4221c1.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">de Rit</p>
          <a href="/en/products/chips-chickpeas-rosemary-organic-75-g-4260">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chips Chickpeas Rosemary Organic, 75 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 5.47 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jtvVgV1RtDxXpDj1HpT_8ClnxnUboxpUPSK5IDA98gyDMmGZIQBHjPaJSX352Xft5z2HGXMQeVjOGN2xN4zi5w" />
    <input value="4260" 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/washing-powder-color-sensitive-60-1-2-kg-11745">
          <img alt="Washing Powder Color Sensitive 60°" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6004/file/small-b75047f37f88e17fde3a9e579bc2a329.webp 600w, https://assets.fabulous.ch/public/variant_asset/6004/file/medium-f89e28e47d0347928a7db19c58dc964b.webp 900w, https://assets.fabulous.ch/public/variant_asset/6004/file/large-012e7234f4f67a9e5027720f9b5e1d64.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6004/file/medium-f89e28e47d0347928a7db19c58dc964b.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">Sonett</p>
          <a href="/en/products/washing-powder-color-sensitive-60-1-2-kg-11745">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Washing Powder Color Sensitive 60°, 1.2 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nR5j8aiMFHzts2-CuSlLoK067blDlyeLE5ft5nYMIlSQ99fp1N3nzEyeHgpeZMO9Y2Cs1SskRIfgrYl3cb0yvw" />
    <input value="11745" 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/cereal-oat-protein-gluten-free-425-g-7995">
          <img alt="Cereal Oat Protein Gluten Free" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4686/file/small-8a2ce9904315a8cfb120d98d4977f31a.webp 600w, https://assets.fabulous.ch/public/variant_asset/4686/file/medium-7730ed49e4388a9b6b0d2185c877d4fa.webp 900w, https://assets.fabulous.ch/public/variant_asset/4686/file/large-5aa29b1171aab7be42f86473ca1678ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4686/file/medium-7730ed49e4388a9b6b0d2185c877d4fa.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/cereal-oat-protein-gluten-free-425-g-7995">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cereal Oat Protein Gluten Free, 425 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.35
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CbL8OvYqp0gx6uAme0KkHGWgv0TcFxxYNEUSm_hEZBIEW0giintU-JDHka6cDywBq_r-KLSkf1THf3YK__V0-Q" />
    <input value="7995" 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/without-moooh-drink-1-5-fat-organic-1-l-11328">
          <img alt="Without Moooh Drink 1.5% Fat Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5806/file/small-fa58ff928962ee8904e6da2c6b289a69.webp 600w, https://assets.fabulous.ch/public/variant_asset/5806/file/medium-9db3acb9b44b030c8b96d417fe5efb7b.webp 900w, https://assets.fabulous.ch/public/variant_asset/5806/file/large-8c7126435c3b528cca29557de10bc309.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5806/file/medium-9db3acb9b44b030c8b96d417fe5efb7b.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">Allos</p>
          <a href="/en/products/without-moooh-drink-1-5-fat-organic-1-l-11328">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Without Moooh Drink 1.5% Fat Organic, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PNMylRSA-he8AmZCQCZxhTTBkzAZhQtLXuSVZUYbljIxOoaNaNEJpx0vF8qna_mY-pvSXHE2aEet3vH0QaqG2Q" />
    <input value="11328" 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/oat-almond-drink-calcium-no-added-sugar-organic-1-l-11325">
          <img alt="Oat Almond Drink Calcium 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/5803/file/small-82967e322c3980b9114d4984855058c3.webp 600w, https://assets.fabulous.ch/public/variant_asset/5803/file/medium-01836d2828c27211ef9353c6f9cc78d4.webp 900w, https://assets.fabulous.ch/public/variant_asset/5803/file/large-7a19c89ce1c74759dac04463d0b1e23a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5803/file/medium-01836d2828c27211ef9353c6f9cc78d4.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">Allos</p>
          <a href="/en/products/oat-almond-drink-calcium-no-added-sugar-organic-1-l-11325">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Oat Almond Drink Calcium No Added Sugar Organic, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9NpC0LspeSMluh4YvJJOoZCDVdqOadC9df2-Yv1Mtvn5M_bIx3iKk4SXb5Bb38a8XtkUtubas7GGx9rz-v2mEg" />
    <input value="11325" 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/new-roots-stracciatella-vegan-yogurt-organic-140-g-10590">
          <img alt="New Roots STRACCIATELLA Vegan Yogurt Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5584/file/small-3a6ac97322915542da135c47439c94c5.webp 600w, https://assets.fabulous.ch/public/variant_asset/5584/file/medium-3afd121cf8a34f26ccd5c2b81117887c.webp 900w, https://assets.fabulous.ch/public/variant_asset/5584/file/large-379cf0d18ee74b7cab7b241814bc986f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5584/file/medium-3afd121cf8a34f26ccd5c2b81117887c.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">New Roots</p>
          <a href="/en/products/new-roots-stracciatella-vegan-yogurt-organic-140-g-10590">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">New Roots STRACCIATELLA Vegan Yogurt Organic, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4OoN4CDanjSFYzJofKFuuEo1xXYfgnF1dbFW6xJPMP7tA7n4XItthCROQ-Cb7OalhG-EGncxEnmGizJ6Ff4gFQ" />
    <input value="10590" 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/veganella-smoked-organic-200-g-1196">
          <img alt="Veganella Smoked Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1055/file/small-2e3fc9ba869eb1537e64f1922be00a2d.webp 600w, https://assets.fabulous.ch/public/variant_asset/1055/file/medium-bc53c963128bc86753f004f40136d875.webp 900w, https://assets.fabulous.ch/public/variant_asset/1055/file/large-acd291afdc8310f4521477f76e491d5b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1055/file/medium-bc53c963128bc86753f004f40136d875.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/veganella-smoked-organic-200-g-1196">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Veganella Smoked Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.45
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OTHsUhNbSBrIqtMO_eJLi79nwtTbrmGQvkOn0MPa30A02FhKbwq7qmmHooYar8OWcT2DuLMdApxNecNBxGvPqw" />
    <input value="1196" 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/tofu-skewers-organic-190-g-110">
          <img alt="Tofu Skewers Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/120/file/small-6e2ea13608ad56ebfe5be47ed9a2ad4d.webp 600w, https://assets.fabulous.ch/public/variant_asset/120/file/medium-d33cad24f07cc5f5de9dc01910c85b5f.webp 900w, https://assets.fabulous.ch/public/variant_asset/120/file/large-858843ebef8f0770ab08ba74de582442.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/120/file/medium-d33cad24f07cc5f5de9dc01910c85b5f.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">Engel-Tofu</p>
          <a href="/en/products/tofu-skewers-organic-190-g-110">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tofu Skewers Organic, 190 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oLS9_3FAfXftgTpRUTBaUw6T9muMcrYqnkZhBBah2betXQnnDRGOx0ysS9m2fdJOwMm3B-TB1SZtfAWVERDJXA" />
    <input value="110" 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/tofu-sticks-organic-approx-150-g-15934">
          <img alt="Tofu Sticks Organic, approx." class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7328/file/small-c2eb97e0b7ca6aa600503f3543f146dd.webp 600w, https://assets.fabulous.ch/public/variant_asset/7328/file/medium-5c9e21c7de196fa0e10ec68b06c6c1a2.webp 900w, https://assets.fabulous.ch/public/variant_asset/7328/file/large-33c4bf6c2645fca3339b1d9b0c8d6bc8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7328/file/medium-5c9e21c7de196fa0e10ec68b06c6c1a2.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">Engel-Tofu</p>
          <a href="/en/products/tofu-sticks-organic-approx-150-g-15934">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tofu Sticks Organic, approx., 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.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 2.97 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="J-fCR5n_48gbmp6lb_lWsbwoDoeQJYYf2n15IqC4nYYqDnZf5a4QeLq37y2ItN6scnJP6_iW5RMpRx2zpwmNbQ" />
    <input value="15934" 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/margarine-palm-oil-free-megarine-organic-250-g-6344">
          <img alt="Margarine Palm Oil Free Megarine Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3637/file/small-944fa63327b220351f71f7ac564f5635.webp 600w, https://assets.fabulous.ch/public/variant_asset/3637/file/medium-999f158f041290089d42fd7184ef7341.webp 900w, https://assets.fabulous.ch/public/variant_asset/3637/file/large-12b0506098feef88e90432a9680926fc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3637/file/medium-999f158f041290089d42fd7184ef7341.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">Vitaquell</p>
          <a href="/en/products/margarine-palm-oil-free-megarine-organic-250-g-6344">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Margarine Palm Oil Free Megarine Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.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 1.56 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ny45zO1pnIGAuyCMDa5BjKCG7gCdtm3pLjjV-Id-hV-Sx43UkThvMSGWUQTq48mRbtyvbPUFDuXdArFpgM-VtA" />
    <input value="6344" 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">
      240 of 3&#39;201 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/zuger?format=turbo_stream&amp;page=13">Show more</a>
  </div>
</div>

</template></turbo-stream>