<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/cuisine-almond-organic-500-ml-6842">
          <img alt="Cuisine Almond Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3965/file/small-d84c2a6bd82442762f57e403365b5569.webp 600w, https://assets.fabulous.ch/public/variant_asset/3965/file/medium-71bdfca6cbb2babb7fae6c501d600f49.webp 900w, https://assets.fabulous.ch/public/variant_asset/3965/file/large-8d0636fc8abd5ee6abd8a0abd391d137.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3965/file/medium-71bdfca6cbb2babb7fae6c501d600f49.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">Ecomil</p>
          <a href="/en/products/cuisine-almond-organic-500-ml-6842">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cuisine Almond Organic, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TP_yt9IYbK_Fplhe1AHd0E0BKEBbuZX9VNZr5wHFKDrNjyHtT-GhszQ-5jJXxQItgySkwWXcATZF2VVSZp2ZYQ" />
    <input value="6842" 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/voelkel-kombucha-lime-ginger-organic-330-ml-16575">
          <img alt="Voelkel Kombucha Lime Ginger Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7640/file/small-8dabb88d251b9447705d1c24277b5c3e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7640/file/medium-8c32410c7b55acfa9b91e608a75cecac.webp 900w, https://assets.fabulous.ch/public/variant_asset/7640/file/large-c80d76589027742df58b33fbeb217e22.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7640/file/medium-8c32410c7b55acfa9b91e608a75cecac.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">Voelkel</p>
          <a href="/en/products/voelkel-kombucha-lime-ginger-organic-330-ml-16575">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Voelkel Kombucha Lime Ginger Organic, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vxqVHHkDuWbPNfNzYg-ESa31KWV1Gg-m-M6Z1MywqjI-akZG5Pp0ej6tTR_hy1u0Y9Cl5Et_m23pwadhq-gbaQ" />
    <input value="16575" type="hidden" name="variant_id" id="variant_id" />
    <input value="10" 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/veggiemix-kottbullar-organic-180-g-9470">
          <img alt="VeggieMix Köttbullar Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5334/file/small-a853ea7d1f6967bdaefde7b6a90b6c87.webp 600w, https://assets.fabulous.ch/public/variant_asset/5334/file/medium-906c9543aacb368df14d76904cb265b9.webp 900w, https://assets.fabulous.ch/public/variant_asset/5334/file/large-d9c53d8463f50b64eb5736cc885ccf3e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5334/file/medium-906c9543aacb368df14d76904cb265b9.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/veggiemix-kottbullar-organic-180-g-9470">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">VeggieMix Köttbullar Organic, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vBQ5JZtVo27Fr0ONJpKy21UiAYDvGNjJMvg5IibQwsA9ZOp_BqxucjQ3_eGlVm0mmweNAdF9TAIj9weXQYhzmw" />
    <input value="9470" 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/semolina-of-maize-polenta-gluten-free-demeter-500-g-5310">
          <img alt="Semolina of Maize (Polenta) 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/8778/file/small-bec6edb8a5105a06f3639e2231bb7d51.webp 600w, https://assets.fabulous.ch/public/variant_asset/8778/file/medium-c08bffb3190886855a8cfe4a0ecaf1ca.webp 900w, https://assets.fabulous.ch/public/variant_asset/8778/file/large-cac1350639f70af03d2d8af6928f699b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8778/file/medium-c08bffb3190886855a8cfe4a0ecaf1ca.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Davert</p>
          <a href="/en/products/semolina-of-maize-polenta-gluten-free-demeter-500-g-5310">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Semolina of Maize (Polenta) Gluten Free Organic, 500 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 0.82 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_zOJ_e5z8T0ZAz7hmSEFTCUk5WuxXcsDUr3xQu4TdJN-Q1qnc4o8IeibgI0a5dqx6wFp6o84X8hDss_3iUvFyA" />
    <input value="5310" 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/my-vegan-bolognese-organic-28-g-7862">
          <img alt="My Vegan Bolognese Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4596/file/small-d8821acd7cd9ba8ebde3753a66ee63a3.webp 600w, https://assets.fabulous.ch/public/variant_asset/4596/file/medium-7f329a20a5cc37699985319bd8a2cc33.webp 900w, https://assets.fabulous.ch/public/variant_asset/4596/file/large-106d6636444d648906d910fa477d8bbf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4596/file/medium-7f329a20a5cc37699985319bd8a2cc33.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/my-vegan-bolognese-organic-28-g-7862">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">My Vegan Bolognese Organic, 28 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yXYUqaeXzy8HMycJb3et2PYNCuuY6vf61avEEIZOpEBIBsfzOm4CM_armWXss3IlOCiGaqaPYzHEpPql4RYVGw" />
    <input value="7862" 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-scrambled-eggs-with-bacon-substitute-organic-50-g-14971">
          <img alt="Vegan Scrambled Eggs with Bacon Substitute Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6860/file/small-0d22aa06da56dd673acd7a8310e82b50.webp 600w, https://assets.fabulous.ch/public/variant_asset/6860/file/medium-5abfe1f28f84c78ef365e31f0d9378c8.webp 900w, https://assets.fabulous.ch/public/variant_asset/6860/file/large-fd0218c94ac196ab0183228beebf4e53.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6860/file/medium-5abfe1f28f84c78ef365e31f0d9378c8.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/vegan-scrambled-eggs-with-bacon-substitute-organic-50-g-14971">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan Scrambled Eggs with Bacon Substitute Organic, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VNxkr9EgAfUa5Mbq6cRW-MjIKh7nwCON7jYzb-vwYwTVrLf1TNnM6et8eIZqAIkFBu2mn9mlt0b_OQ3ajKjSXw" />
    <input value="14971" 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/champs-peanut-caramel-bar-organic-45-g-14661">
          <img alt="Champs Peanut Caramel Bar Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6778/file/small-6ac6311554a849f3229ece93533a4a05.webp 600w, https://assets.fabulous.ch/public/variant_asset/6778/file/medium-da9442a03e3ae69cc074998fe0c5871e.webp 900w, https://assets.fabulous.ch/public/variant_asset/6778/file/large-aa59a8b51bec5cf4060f1ded9ebd0004.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6778/file/medium-da9442a03e3ae69cc074998fe0c5871e.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">Champs</p>
          <a href="/en/products/champs-peanut-caramel-bar-organic-45-g-14661">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Champs Peanut Caramel Bar Organic, 45 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YOoj7JKKLfZz-SvpFJDmgu2wXAQ1l7v8zOYGKF4WtXzhmvC2D3Pg6oJhlYWXVDl_I5XQhQvyLzfd6TidOU4EJw" />
    <input value="14661" 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/champs-cocoa-caramel-bar-organic-43-g-14622">
          <img alt="Champs Cocoa Caramel Bar Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6770/file/small-7ab39b86605fefd47404f172150552aa.webp 600w, https://assets.fabulous.ch/public/variant_asset/6770/file/medium-4d9c9f14a0fd5ffc9d6f8ac868bc81e5.webp 900w, https://assets.fabulous.ch/public/variant_asset/6770/file/large-1c0e31c162e81ef3f09e9c6b98c60f3c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6770/file/medium-4d9c9f14a0fd5ffc9d6f8ac868bc81e5.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">Champs</p>
          <a href="/en/products/champs-cocoa-caramel-bar-organic-43-g-14622">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Champs Cocoa Caramel Bar Organic, 43 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="52W1KvwoxemWqDf7ej8Jx22XFNFvDTaNfCgFr7C9MYRmFWZwYdEI9WcwiZf5-9Y6o7KYUFFookZtJzsa1-WA3w" />
    <input value="14622" 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/gnocchi-classic-organic-400-g-214">
          <img alt="Gnocchi Classic Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/213/file/small-8f20dfe30c2f2eb360a2553b8eb42a9f.webp 600w, https://assets.fabulous.ch/public/variant_asset/213/file/medium-28c50cce89a81a1d8a9f67faeae79845.webp 900w, https://assets.fabulous.ch/public/variant_asset/213/file/large-be9cd2519d3a934ffe9d6dbdd8756ba5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/213/file/medium-28c50cce89a81a1d8a9f67faeae79845.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Pural</p>
          <a href="/en/products/gnocchi-classic-organic-400-g-214">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gnocchi Classic Organic, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

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

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


  

  <div class="border-gray-200  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/white-sausage-organic-130-g-104">
          <img alt="White Sausage Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/116/file/small-8c8fe2d67fe1e575963f13dd3e342546.webp 600w, https://assets.fabulous.ch/public/variant_asset/116/file/medium-14869a1cdbf53d0962d388a5b6b20d09.webp 900w, https://assets.fabulous.ch/public/variant_asset/116/file/large-062f9c08dbe8522099b4cdeafd6e6046.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/116/file/medium-14869a1cdbf53d0962d388a5b6b20d09.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Wheaty</p>
          <a href="/en/products/white-sausage-organic-130-g-104">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">White Sausage Organic, 130 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/coconut-milk-chocolate-dessert-organic-80-g-14602">
          <img alt="Coconut Milk Chocolate Dessert Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8997/file/small-acfe4c512a50a1420d1cdd887e3e2217.webp 600w, https://assets.fabulous.ch/public/variant_asset/8997/file/medium-6c5c91c6e80da781b33b6c2458d001e5.webp 900w, https://assets.fabulous.ch/public/variant_asset/8997/file/large-8e50e900c10581497492d7584c3c479c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8997/file/medium-6c5c91c6e80da781b33b6c2458d001e5.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">Harvest Moon</p>
          <a href="/en/products/coconut-milk-chocolate-dessert-organic-80-g-14602">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Coconut Milk Chocolate Dessert Organic, 2 x 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/pralinis-lini-s-bites-brownie-cashew-caramel-organic-46-g-9284">
          <img alt="Pralinis Lini&#39;s Bites Brownie Caramel Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8762/file/small-236ccd339b70e81109b64635dbd9e9e3.webp 600w, https://assets.fabulous.ch/public/variant_asset/8762/file/medium-1a8325a47d1085a51c172d8471c8ad66.webp 900w, https://assets.fabulous.ch/public/variant_asset/8762/file/large-cd1e782eebdede383e92235ff1e4e555.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8762/file/medium-1a8325a47d1085a51c172d8471c8ad66.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">Lini&#39;s Bites</p>
          <a href="/en/products/pralinis-lini-s-bites-brownie-cashew-caramel-organic-46-g-9284">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pralinis Lini&#39;s Bites Brownie Caramel Organic, 46 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aXX2e_ztaZ5uwYod6-vlU-evWi_OLFj-sLumpSVJLeToBSUhYRSkgp9ZNHFoLzquKYrWrvBJzDWhtJgQQhGcvw" />
    <input value="9284" 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/pralinis-lini-s-bites-vanilla-cookie-organic-46-g-17122">
          <img alt="Pralinis Lini&#39;s Bites Vanilla Cookie Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8758/file/small-d1daad3cc452fd6bde8c6b824fb4ba0d.webp 600w, https://assets.fabulous.ch/public/variant_asset/8758/file/medium-19c26a309c80de809f6d4cae5aafc9b0.webp 900w, https://assets.fabulous.ch/public/variant_asset/8758/file/large-a466c040750b7c169d6b6b06e7928e1e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8758/file/medium-19c26a309c80de809f6d4cae5aafc9b0.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">Lini&#39;s Bites</p>
          <a href="/en/products/pralinis-lini-s-bites-vanilla-cookie-organic-46-g-17122">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pralinis Lini&#39;s Bites Vanilla Cookie Organic, 46 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JJa9KRPXcScru8h0aZE9L2pSHdE7c249C4HMYheKZDyl5m5zji68O9ojdhjqVeLSpHeRUAUW-vYajvLXcNLVZw" />
    <input value="17122" 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/peanut-butter-cups-salted-caramel-organic-39-g-15431">
          <img alt="Peanut Butter Cups Salted Caramel Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7052/file/small-ca633e9cf4ec7fe3640945c12758e1c2.webp 600w, https://assets.fabulous.ch/public/variant_asset/7052/file/medium-e2a8e6f88e12f052d3554e2283516b24.webp 900w, https://assets.fabulous.ch/public/variant_asset/7052/file/large-45b1b1d5bcfbd2dde1d502435324f8de.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7052/file/medium-e2a8e6f88e12f052d3554e2283516b24.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">Naughty Nuts</p>
          <a href="/en/products/peanut-butter-cups-salted-caramel-organic-39-g-15431">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Peanut Butter Cups Salted Caramel Organic, 39 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GLAx-5SCg6uySJAtKnvrfaSNVkP7-FYuRK5oghFqmHKZwOKhCXtOt0PQLkGpvzSAaqjawsWdwuVVoVY3djIpKQ" />
    <input value="15431" 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/spacebar-chili-snacker-organic-40-g-432">
          <img alt="Spacebar Chili Snacker Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/388/file/small-b0ac7c84a5ab5e79dedf72c4e55bd83c.webp 600w, https://assets.fabulous.ch/public/variant_asset/388/file/medium-d9ea2a707d4ec135b2be9403cda5355b.webp 900w, https://assets.fabulous.ch/public/variant_asset/388/file/large-179908b63a323479584ff60b4e2a2cca.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/388/file/medium-d9ea2a707d4ec135b2be9403cda5355b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Wheaty</p>
          <a href="/en/products/spacebar-chili-snacker-organic-40-g-432">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Spacebar Chili Snacker Organic, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PS9ap_2L-KDVwYKQqhlOhcIj4HuJU9KumhA3y5jgjXy8X4n9YHI1vCRZPPwp3ZF4DAZs-rc2RmWLHwl-_7g8Jw" />
    <input value="432" 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/pretzel-with-chickpeas-organic-75-g-8900">
          <img alt="Pretzel with Chickpeas Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5158/file/small-ae1f27a62c1880894ce86164ab76f9aa.webp 600w, https://assets.fabulous.ch/public/variant_asset/5158/file/medium-bdf6123c520ae5470015eb78ab5f8861.webp 900w, https://assets.fabulous.ch/public/variant_asset/5158/file/large-832bbfa22cae474187024023b3c2cdee.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5158/file/medium-bdf6123c520ae5470015eb78ab5f8861.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">Freche Freunde</p>
          <a href="/en/products/pretzel-with-chickpeas-organic-75-g-8900">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pretzel with Chickpeas Organic, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.55
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="y3Fp4bgR8eUZuqrAaUiUkEaV9upZHAu3wYAtU40Jto1KAbq7Jeg8-egiFKzqjEttiLB6a2d5n3zQjxPm6lEH1g" />
    <input value="8900" 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-fruit-chips-mango-organic-14-g-8972">
          <img alt="Chips Fruit Chips Mango Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5184/file/small-e23f9270f65a1f2b3516cbf9dcc3f191.webp 600w, https://assets.fabulous.ch/public/variant_asset/5184/file/medium-fb422b32dd45647c3cdf5c75fed66355.webp 900w, https://assets.fabulous.ch/public/variant_asset/5184/file/large-e6bef22fc5f9c1333fba8407348dcfc6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5184/file/medium-fb422b32dd45647c3cdf5c75fed66355.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">Freche Freunde</p>
          <a href="/en/products/chips-fruit-chips-mango-organic-14-g-8972">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chips Fruit Chips Mango Organic, 14 g</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 25.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZXWx6dJcnp1UpJeafLlVT8sMq0QnPvgIxc54csHhn2_kBWKzT6VTgaU8Kfb_fYqyBSknxRlbbMPUwUbHprkuNA" />
    <input value="8972" 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/cuisine-ohne-muhhh-cooking-cream-organic-200-ml-13322">
          <img alt="Cuisine Ohne Muhhh Cooking Cream Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6449/file/small-7b9a7e3eed511f0cb41f81e2a0d0595e.webp 600w, https://assets.fabulous.ch/public/variant_asset/6449/file/medium-11aeac540303f1cad039bc9fb0b10f56.webp 900w, https://assets.fabulous.ch/public/variant_asset/6449/file/large-51b5e1c8eec3ed0b276999aab1ebefe8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6449/file/medium-11aeac540303f1cad039bc9fb0b10f56.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/cuisine-ohne-muhhh-cooking-cream-organic-200-ml-13322">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cuisine Ohne Muhhh Cooking Cream Organic, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FjWt_ZjufWr6MmzI7Q_6KJbm7NuwSKFGXAUNAE9cUS6XRX6nBRewdguq0qRuyyXVWMNgWo4tNY1NCjO1KATgdQ" />
    <input value="13322" 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/spread-papayango-organic-160-g-390">
          <img alt="Spread Papayango Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8990/file/small-c432a9e6e1a18f55c3fbe9e305e11a79.webp 600w, https://assets.fabulous.ch/public/variant_asset/8990/file/medium-7982de895f69588cfc37b529c1d25df3.webp 900w, https://assets.fabulous.ch/public/variant_asset/8990/file/large-0b27115d946246e17479e757fcfc99e0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8990/file/medium-7982de895f69588cfc37b529c1d25df3.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">Zwergenwiese</p>
          <a href="/en/products/spread-papayango-organic-160-g-390">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Spread Papayango Organic, 135 g</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 2.74 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2mYGeK1WM_6JdSMy736mefuaF3_pOD3_93yowd4xM9pbFtUiMK_-4njtnV5sunmENb-b_tddqTTmc5Z0uWmCgQ" />
    <input value="390" 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/spread-peppers-and-zucchini-papucchini-organic-135-g-10321">
          <img alt="Spread Peppers and Zucchini Papucchini Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5551/file/small-9ffd78a7c8381eadbfb03ea59179e983.webp 600w, https://assets.fabulous.ch/public/variant_asset/5551/file/medium-4822a8de8dfca0cc00eb7d1532546e69.webp 900w, https://assets.fabulous.ch/public/variant_asset/5551/file/large-767cda88a28bcac994cbcba0bcb27896.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5551/file/medium-4822a8de8dfca0cc00eb7d1532546e69.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">Zwergenwiese</p>
          <a href="/en/products/spread-peppers-and-zucchini-papucchini-organic-135-g-10321">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Spread Peppers and Zucchini Papucchini Organic, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Qoj0fmsQOitxJFkAVI5i6YtKvNbYm-LWjGJgJMA6nK_D-Cck9un3N4C852zXSr0URW8wV-b-dh2dbV6Rp2It9A" />
    <input value="10321" 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">
      420 of 1&#39;230 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/collections/under-5?format=turbo_stream&amp;page=22">Show more</a>
  </div>
</div>

</template></turbo-stream>