<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/my-yo-lacto-pro-ferments-organic-3-bags-5-g-2953">
          <img alt="My.Yo LACTO PRO Ferments Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2092/file/small-ec5de9cd117b6f27276b3ef13a2969ec.webp 600w, https://assets.fabulous.ch/public/variant_asset/2092/file/medium-844a6271b5e49e91c0bf1689d9c30433.webp 900w, https://assets.fabulous.ch/public/variant_asset/2092/file/large-72a9e6d66402d9b3e457a27b9c0dc22b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2092/file/medium-844a6271b5e49e91c0bf1689d9c30433.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">my.yo</p>
          <a href="/en/products/my-yo-lacto-pro-ferments-organic-3-bags-5-g-2953">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">My.Yo LACTO PRO Ferments Organic, 3 x 5 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qzl3HLJYJgsZDbF-ArdPqNKB1vyHlKc9HOoahxEu54C50ZSqJ2210F27VzXT12m6OMw0dOnHXjdnTYGqTCJXKA" />
    <input value="2953" 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/my-yo-probiotic-ferments-mild-organic-3-bags-5-g-2952">
          <img alt="My.Yo Probiotic Ferments MILD Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2090/file/small-dfce6eb30e5c4def9a2ab8a18741e01f.webp 600w, https://assets.fabulous.ch/public/variant_asset/2090/file/medium-118f2b15a00c7650e860e4236e8d2a72.webp 900w, https://assets.fabulous.ch/public/variant_asset/2090/file/large-e32dd495a270c2c34d1507d8e0af28f8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2090/file/medium-118f2b15a00c7650e860e4236e8d2a72.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">my.yo</p>
          <a href="/en/products/my-yo-probiotic-ferments-mild-organic-3-bags-5-g-2952">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">My.Yo Probiotic Ferments MILD Organic, 3 x 5 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_eMa7-d3U0A5_QH4R2EnB2wxqYgpQaAbLulKe1D5xN3vC_lZckLAm31L57OWAQEVhnxLAEcSWRFVTtFWDfV0dQ" />
    <input value="2952" 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/cenovis-spread-with-salt-70-g-15167">
          <img alt="Cenovis Spread with Salt" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6946/file/small-b13ad3438d520f80dd800a5ec501c0da.webp 600w, https://assets.fabulous.ch/public/variant_asset/6946/file/medium-68b53929172dd9161efd2fb8486bd25e.webp 900w, https://assets.fabulous.ch/public/variant_asset/6946/file/large-01161d5f974de6bab3500d2a1685183e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6946/file/medium-68b53929172dd9161efd2fb8486bd25e.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">Cenovis</p>
          <a href="/en/products/cenovis-spread-with-salt-70-g-15167">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cenovis Spread with Salt, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VoRESFHabUtqZCErNPg8_ijomHJSe6SbhhOHrthhHGBEbKf-xO_-kC7Sx2DlmBrswqV6-jwoXZH9tByDhW2syA" />
    <input value="15167" 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/rapeseed-frying-oil-organic-500-ml-17021">
          <img alt="Rapeseed Frying Oil Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7938/file/small-ec8c7e76b6f248880d5f54ca878b8504.webp 600w, https://assets.fabulous.ch/public/variant_asset/7938/file/medium-9cbb934c632804e33f51e92549c1b866.webp 900w, https://assets.fabulous.ch/public/variant_asset/7938/file/large-28bd1f819303474cf6febb51b1c643c0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7938/file/medium-9cbb934c632804e33f51e92549c1b866.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biofarm</p>
          <a href="/en/products/rapeseed-frying-oil-organic-500-ml-17021">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rapeseed Frying Oil Organic, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Cq7N_I6_YoSppqmTFflBLZYFKG9RlZdEuDWcWjrvA7gYRi5KG4rxX-0QT9jEmWc_fEjK5z_Gbk7Dkgd3Z-OzEA" />
    <input value="17021" 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/sonett-eco-scouring-sponge-2-piece-17778">
          <img alt="Sonett Eco Scouring Sponge" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8725/file/small-1699129b43cf15d811b98166476f16e5.webp 600w, https://assets.fabulous.ch/public/variant_asset/8725/file/medium-5455db1f3c1f3847b0f28395edb46cf7.webp 900w, https://assets.fabulous.ch/public/variant_asset/8725/file/large-1d13c14744eb188eb56d793b60531077.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8725/file/medium-5455db1f3c1f3847b0f28395edb46cf7.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/sonett-eco-scouring-sponge-2-piece-17778">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sonett Eco Scouring Sponge, 2 pieces</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 2.10 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tU_vOwynZKRDffw1XChqd4pb5RusojQG3hxEZcd3QWanpwyNmZL3fwfLGn6NSExlYBYHk8LxzQylu99Imnvxzg" />
    <input value="17778" 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/cookies-vegan-chocolate-peanut-butter-organic-50-g-7843">
          <img alt="Cookies Vegan Chocolate Peanut Butter Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4575/file/small-fff6a82c48e564a1e0a4cbe81d2eeba1.webp 600w, https://assets.fabulous.ch/public/variant_asset/4575/file/medium-2f1adc6ba7f75fd84ff39fd453beea46.webp 900w, https://assets.fabulous.ch/public/variant_asset/4575/file/large-ff16d724607ec003f869163c1c928d30.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4575/file/medium-2f1adc6ba7f75fd84ff39fd453beea46.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/cookies-vegan-chocolate-peanut-butter-organic-50-g-7843">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cookies Vegan Chocolate Peanut Butter Organic, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.65
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/pasta-fusilli-corn-rice-gluten-free-organic-250-g-16024">
          <img alt="Pasta Fusilli Corn Rice 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/7403/file/small-fb20aa7a3b91d72686143bf14f98224a.webp 600w, https://assets.fabulous.ch/public/variant_asset/7403/file/medium-a89abc3f8f4dcbac9a3f10433c4bad92.webp 900w, https://assets.fabulous.ch/public/variant_asset/7403/file/large-6546aaefae23aea1a66a7d4f1f65c500.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7403/file/medium-a89abc3f8f4dcbac9a3f10433c4bad92.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">Alce Nero</p>
          <a href="/en/products/pasta-fusilli-corn-rice-gluten-free-organic-250-g-16024">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pasta Fusilli Corn Rice Gluten-Free Organic, 250 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 1.44 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yun7ramaJsMiVDTno9UCzqt2ecXxkhH8okN51tAUL2zYARgbPK-1GGbi0qxytSTcQTubTZ_B6PbZ5OL7jRifxA" />
    <input value="16024" 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/castor-oil-care-oil-organic-100-ml-14898">
          <img alt="Castor Oil Care Oil Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6830/file/small-9f973c593f2329fba7f01fd0d5a8c626.webp 600w, https://assets.fabulous.ch/public/variant_asset/6830/file/medium-4b151cc087353b042acf1a36dd37c194.webp 900w, https://assets.fabulous.ch/public/variant_asset/6830/file/large-48b9cfb2472b1feda03fcd3d33d3f901.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6830/file/medium-4b151cc087353b042acf1a36dd37c194.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">NaturKraftWerke</p>
          <a href="/en/products/castor-oil-care-oil-organic-100-ml-14898">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Castor Oil Care Oil Organic, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9fytpR-dFww-0qllUdp-jDMpRewbc73N7JpF_ubSQxHnFE4TiqiE13pkTy6Aulie2WSnZHUgRMeXPd7Tu97zuQ" />
    <input value="14898" 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/raspberry-in-dark-chocolate-organic-90-g-17290">
          <img alt="Raspberry in Dark Chocolate Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8077/file/small-7e9c462a6af4c21b30d19d1d02ca98dd.webp 600w, https://assets.fabulous.ch/public/variant_asset/8077/file/medium-ab42e75eebc963aff15d0bb67d81d3c3.webp 900w, https://assets.fabulous.ch/public/variant_asset/8077/file/large-76fc78952bb53e1ca1e5da70a4aec2be.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8077/file/medium-ab42e75eebc963aff15d0bb67d81d3c3.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">Landgarten</p>
          <a href="/en/products/raspberry-in-dark-chocolate-organic-90-g-17290">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Raspberry in Dark Chocolate Organic, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.85
            </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-17290-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QrNZjb5mbgse7YHtpScxi93sNnZvH6eSoxIwgj3cr9lQW7o7K1P90FpbZ6Z0RxeZN6HU_gFMXpjYtauvYNAfcQ" />
    <input value="17290" 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/cookies-coconut-crunch-organic-135-g-4142">
          <img alt="Cookies Coconut Crunch Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2616/file/small-1a25367693aae337ec7c2138522d5666.webp 600w, https://assets.fabulous.ch/public/variant_asset/2616/file/medium-cd3862c5228b1f5be28647803a47e8d1.webp 900w, https://assets.fabulous.ch/public/variant_asset/2616/file/large-65a4805ad4f7c666f091fa203f5925c7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2616/file/medium-cd3862c5228b1f5be28647803a47e8d1.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/cookies-coconut-crunch-organic-135-g-4142">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cookies Coconut Crunch Organic, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MIpdg70TKMWI_66dQS1pdS1f_ZDs78CbJE16kuC8TzsiYr41KCa7HsxJSNaQTU9nxxIfGIK8OZFf6uG_vbD_kw" />
    <input value="4142" 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/sweet-lupins-demeter-340-g-6928">
          <img alt="Sweet Lupins Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4010/file/small-2f716d65b1984798411264f98c5c7bd8.webp 600w, https://assets.fabulous.ch/public/variant_asset/4010/file/medium-70b3e138f1cf21116b3f9470f54fe269.webp 900w, https://assets.fabulous.ch/public/variant_asset/4010/file/large-d59afe29dcdeeb40aac6cff4e03bbc1a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4010/file/medium-70b3e138f1cf21116b3f9470f54fe269.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">Nur Puur</p>
          <a href="/en/products/sweet-lupins-demeter-340-g-6928">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sweet Lupins Demeter, 340 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.35
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ibIKFGyvdOl5auV7kM8Pc9O4Z5Z3-VnuT0t8LAynpHSbWumi-ZrnMj3cAzBBrylhOfWFHhmqoOQ07OcBUasU3A" />
    <input value="6928" 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/baked-beans-organic-360-g-5880">
          <img alt="Baked Beans Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9008/file/small-00d17717ea2f9e346e05036ac27c38af.webp 600w, https://assets.fabulous.ch/public/variant_asset/9008/file/medium-031c4fedb96b411a8a78d6a680eaf606.webp 900w, https://assets.fabulous.ch/public/variant_asset/9008/file/large-07d8609b770cc4aa3ed235f5ac5d58e9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9008/file/medium-031c4fedb96b411a8a78d6a680eaf606.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/baked-beans-organic-360-g-5880">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Baked Beans Organic, 360 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 1.14 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FmcRyTPS8KXbr83kP2w1nKBHx9xwCD2DGxI54a8k7KIEj_J_pudjfp8ZK6_uDBOOSgolVB5bxIlgtaLM8ihcCg" />
    <input value="5880" 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/strained-tomatoes-demeter-400-ml-14924">
          <img alt="Strained tomatoes Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6844/file/small-107a90ca6efd7c52821f357f8132b0d5.webp 600w, https://assets.fabulous.ch/public/variant_asset/6844/file/medium-2003ec2e6a1b6cbb73177c6d3df51b90.webp 900w, https://assets.fabulous.ch/public/variant_asset/6844/file/large-d033cb5032c048fb6b3a0ac687b4f314.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6844/file/medium-2003ec2e6a1b6cbb73177c6d3df51b90.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturata</p>
          <a href="/en/products/strained-tomatoes-demeter-400-ml-14924">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Strained tomatoes Demeter, 400 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xIyX_ipacGNc89meG1ehhzVEC447vWhfI2ymQxOvTL3WZHRIv2_juBhFP9XKN4eV3wnpBlXukVVYyz1uTqP8FQ" />
    <input value="14924" 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/seaweed-spaghetti-organic-30-g-2870">
          <img alt="Seaweed Spaghetti Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2031/file/small-7426f5222376ab337fb780e6ac408510.webp 600w, https://assets.fabulous.ch/public/variant_asset/2031/file/medium-845505f63af1e5c13799f72e62c7cd22.webp 900w, https://assets.fabulous.ch/public/variant_asset/2031/file/large-39c175e0ad67caf6cf89336c9d479191.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2031/file/medium-845505f63af1e5c13799f72e62c7cd22.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Arche</p>
          <a href="/en/products/seaweed-spaghetti-organic-30-g-2870">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Seaweed Spaghetti Organic, 30 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 14.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LZBE8NpKmW24XS6MSSg-bPocfD_DHI9NKaFyEMdv0Uk_eKdGT38KtvzryMeYSBh-EFGet61PdkdSBuk9mmNh4Q" />
    <input value="2870" 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/yeast-flakes-shaker-can-150-g-98">
          <img alt="Yeast Flakes (Shaker Can)" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/108/file/small-f65b91f00d1a8406c0c438b1a67efae2.webp 600w, https://assets.fabulous.ch/public/variant_asset/108/file/medium-fb85950a34be0472e990807352ebb517.webp 900w, https://assets.fabulous.ch/public/variant_asset/108/file/large-0ed1691d7e885c37327be04597be132c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/108/file/medium-fb85950a34be0472e990807352ebb517.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturata</p>
          <a href="/en/products/yeast-flakes-shaker-can-150-g-98">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Yeast Flakes (Shaker Can), 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ag4SCMaoCdocJp7JUPONIrHqDgGQsdGgq2gr7e5B-RgQ5vG-U52aAViQeIKBk6swW6fsif7iKKrQz7DAs01JsA" />
    <input value="98" 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/dattel-schoko-lemon-bar-57-organic-85-g-15623">
          <img alt="Dattel Schoko Lemon Bar 57% Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7129/file/small-6a079f81decad30c3c243a3c835aabfe.webp 600w, https://assets.fabulous.ch/public/variant_asset/7129/file/medium-0573f63785970cfc669dd4a9eaa76327.webp 900w, https://assets.fabulous.ch/public/variant_asset/7129/file/large-d445c79ac2da8592bde3f243f83f73bb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7129/file/medium-0573f63785970cfc669dd4a9eaa76327.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">MAKRi</p>
          <a href="/en/products/dattel-schoko-lemon-bar-57-organic-85-g-15623">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dattel Schoko Lemon Bar 57% Organic, 85 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="57wsz8-Idk5oeaHel5pK666ITQXhrKN0QVWp2eD-6wf1VM95Wr3llSzPR5VG-mz5RMWvjY__Wn468jL0vfJbrw" />
    <input value="15623" 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/seitan-fix-wheat-gluten-organic-200-g-14242">
          <img alt="Seitan-Fix Wheat Gluten Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6659/file/small-6cad1c989cc81704da1fb5dd8cc7f28c.webp 600w, https://assets.fabulous.ch/public/variant_asset/6659/file/medium-d4cd6060ce575a123f2af1925fefa36d.webp 900w, https://assets.fabulous.ch/public/variant_asset/6659/file/large-08d137a1b1b8d504bdaffdf7ebffec26.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6659/file/medium-d4cd6060ce575a123f2af1925fefa36d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Arche</p>
          <a href="/en/products/seitan-fix-wheat-gluten-organic-200-g-14242">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Seitan-Fix Wheat Gluten Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gFW79Ao2qUU2vIi89DtgEqc7-5mtdawXgz8gex55CFaSvVhCnwM6nnIKbvclW0YATXYZEcMmVR34mLtWQ3W4_g" />
    <input value="14242" 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/hummus-jalapeno-organic-170-g-5895">
          <img alt="Hummus Jalapeno Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3382/file/small-d198c7f6bd76254da7565df2c23d0eb9.webp 600w, https://assets.fabulous.ch/public/variant_asset/3382/file/medium-31cd3a7259f321cd390c88f2b705f68e.webp 900w, https://assets.fabulous.ch/public/variant_asset/3382/file/large-0d183a8b9e15bb303fb2de5092457670.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3382/file/medium-31cd3a7259f321cd390c88f2b705f68e.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">Florentin</p>
          <a href="/en/products/hummus-jalapeno-organic-170-g-5895">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hummus Jalapeno Organic, 170 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.85
            </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.85 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="17I_UE50DuhHEPI3sWPfcyQvpfq3sXCaObJKtRJXL0LFWtzm20GdMwOmFHxgA_lhzmJHctniiZBCFdGYT1uf6g" />
    <input value="5895" 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/sour-cherry-juice-organic-200-ml-16514">
          <img alt="Sour Cherry Juice Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7611/file/small-00d967a135718dd8ebd7afaef692a2f6.webp 600w, https://assets.fabulous.ch/public/variant_asset/7611/file/medium-3a5deeac2d077fadf5a92cabe85d1776.webp 900w, https://assets.fabulous.ch/public/variant_asset/7611/file/large-cafdf3a37dee57d140bfd3b8b3b88afc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7611/file/medium-3a5deeac2d077fadf5a92cabe85d1776.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">Beutelsbacher</p>
          <a href="/en/products/sour-cherry-juice-organic-200-ml-16514">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sour Cherry Juice Organic, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pDf0pAhkP5DwiIL6o9CYQB9kyiCoOfjUBKaJ6YjG_Lu23xcSnVGsS7Q-ZLFysL5S9SkoqMZqAd5_ARLE1cpMEw" />
    <input value="16514" 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/sugar-raw-cane-sugar-demeter-1-kg-1022">
          <img alt="Sugar Raw Cane Sugar Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/895/file/small-4f68654387630ef8592ca8f834f76e68.webp 600w, https://assets.fabulous.ch/public/variant_asset/895/file/medium-e3827febde9eaffa478d1b660c007a25.webp 900w, https://assets.fabulous.ch/public/variant_asset/895/file/large-1970810cf2db7687011a988466f3f009.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/895/file/medium-e3827febde9eaffa478d1b660c007a25.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">Ekkharthof</p>
          <a href="/en/products/sugar-raw-cane-sugar-demeter-1-kg-1022">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sugar Raw Cane Sugar Demeter, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yfTrHaHwvcP39dSFtljc4LNseyi0lwCN5ZSioCa0eDTbHAirNMUuGLNDMs5nOPryWSGZoNrE-YeeMzmNe7jInA" />
    <input value="1022" 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">
      1&#39;100 of 3&#39;211 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/unfished-verdino-green-foods?format=turbo_stream&amp;page=56">Show more</a>
  </div>
</div>

</template></turbo-stream>