<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/cracker-olive-life-raw-organic-90-g-5393">
          <img alt="Cracker Olive Life Raw Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8823/file/small-800328ef2df4f372ca6762a152ea2f3d.webp 600w, https://assets.fabulous.ch/public/variant_asset/8823/file/medium-0e2139442c61037c5e090bf5ba4ff576.webp 900w, https://assets.fabulous.ch/public/variant_asset/8823/file/large-517118c177e77fbe7531c085a0e8a723.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8823/file/medium-0e2139442c61037c5e090bf5ba4ff576.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">Lifefood</p>
          <a href="/en/products/cracker-olive-life-raw-organic-90-g-5393">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cracker Olive Life Raw Organic, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tNj5afddY0fR3lkOLdltDka23eEoUMt9nd7G7cbNZlrNy_OaFyEu-fF0KTZMzr9hIwIQzUwekSrkBbasLeiqJA" />
    <input value="5393" 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/soy-drink-nature-no-added-sugar-organic-1-l-1687">
          <img alt="Soy Drink Nature No Added Sugar Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1344/file/small-2836380e8e071aa1c34dfe22aed96171.webp 600w, https://assets.fabulous.ch/public/variant_asset/1344/file/medium-43144f0f79eda6baa3359e518ff247a0.webp 900w, https://assets.fabulous.ch/public/variant_asset/1344/file/large-26440529d3908b3f48d022be176e0216.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1344/file/medium-43144f0f79eda6baa3359e518ff247a0.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Soyana</p>
          <a href="/en/products/soy-drink-nature-no-added-sugar-organic-1-l-1687">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soy Drink Nature No Added Sugar Organic, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.05
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kcgNSZft58KlAnS3MjexG5XZYbw8eFP5HjwMSGWcnIHo2we6d5GqfIWoBI9TIGN08G2skFg2Ca5n53wJjrlQ_w" />
    <input value="1687" 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/potato-chips-sea-salt-organic-125-g-14487">
          <img alt="Potato Chips Sea Salt Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6716/file/small-002b56a262de7e1c2523a4ea349813d1.webp 600w, https://assets.fabulous.ch/public/variant_asset/6716/file/medium-dd9f904deea403c75eeb31f5369651a8.webp 900w, https://assets.fabulous.ch/public/variant_asset/6716/file/large-394f30863769cb531491520322250596.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6716/file/medium-dd9f904deea403c75eeb31f5369651a8.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">Heimatgut</p>
          <a href="/en/products/potato-chips-sea-salt-organic-125-g-14487">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Potato Chips Sea Salt Organic, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.25
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="f3hUmll9FN51oA2LCIYlnH3529NgH0gnPydIPBVJBwsGa15puQFZYFUKfbNpkffzGE0W_wRREnBG_Dh9_mzLdQ" />
    <input value="14487" 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/date-chocolate-bar-white-pistachio-organic-90-g-17384">
          <img alt="Date Chocolate Bar White Pistachio Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8107/file/small-fd50c187a24cec95abc1f0ec46e93f54.webp 600w, https://assets.fabulous.ch/public/variant_asset/8107/file/medium-53612511b2a63fff27a7b562830d380a.webp 900w, https://assets.fabulous.ch/public/variant_asset/8107/file/large-98f7431e1b2ec6de5746590c108eb400.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8107/file/medium-53612511b2a63fff27a7b562830d380a.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">BioeCacao</p>
          <a href="/en/products/date-chocolate-bar-white-pistachio-organic-90-g-17384">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Date Chocolate Bar White Pistachio Organic, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.25
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZUreVdKQbwsAfJRR5H_afvzrTZ_pcjn1XDVYwrQvgEccWdSmMuwitSDW5GmFaAgRmV-As408Y6Il7iiDXwpMOQ" />
    <input value="17384" 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/kombucha-urban-raspberry-lemon-organic-330-ml-9047">
          <img alt="Kombucha Urban Raspberry &amp; Lemon Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5188/file/small-b0f7e32d4768765ecf846b8201db8c5b.webp 600w, https://assets.fabulous.ch/public/variant_asset/5188/file/medium-d90840f5a10839f4968d1b47717945f0.webp 900w, https://assets.fabulous.ch/public/variant_asset/5188/file/large-79cd0a214eb4045727bbae53e698e87f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5188/file/medium-d90840f5a10839f4968d1b47717945f0.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Urban Kombucha</p>
          <a href="/en/products/kombucha-urban-raspberry-lemon-organic-330-ml-9047">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kombucha Urban Raspberry &amp; Lemon Organic, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="txP6wZP1uAmECzMqzbnfVZSVlv3huPDEQ_N4KuyHJWjOAPAyc4n1t6ShQxKsrg068SFb0YX2qpM6KAhrB6LpFg" />
    <input value="9047" 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/kookie-cat-hemp-cacao-cookie-gluten-free-organic-50-g-2288">
          <img alt="KOOKIE CAT Hemp Cacao Cookie 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/1690/file/small-f7584bc26775add80c1d565eaf8509be.webp 600w, https://assets.fabulous.ch/public/variant_asset/1690/file/medium-862edc10914df33667bec2a291db8dce.webp 900w, https://assets.fabulous.ch/public/variant_asset/1690/file/large-6a507cb18cd16fa582b1f5481886f8a4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1690/file/medium-862edc10914df33667bec2a291db8dce.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">Kookie Cat</p>
          <a href="/en/products/kookie-cat-hemp-cacao-cookie-gluten-free-organic-50-g-2288">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">KOOKIE CAT Hemp Cacao Cookie Gluten Free Organic, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Rmrws96XnYaFVRX1a-bAD8PHzYK_-85NLc5igb1JOHU_efpAPuvQOKX_Zc0K8RJgpnMArtu1lBpUFRLAVmz0Cw" />
    <input value="2288" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/bett-r-pistachio-butter-cups-organic-39-g-17528">
          <img alt="Bett&#39;r Pistachio Butter Cups Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8174/file/small-612944aaf5a9e59982f54396d681b630.webp 600w, https://assets.fabulous.ch/public/variant_asset/8174/file/medium-fef98251d4c4bec6358258669112d50d.webp 900w, https://assets.fabulous.ch/public/variant_asset/8174/file/large-9966a867f1ad62fa4d92af639721df91.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8174/file/medium-fef98251d4c4bec6358258669112d50d.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">bett&#39;r</p>
          <a href="/en/products/bett-r-pistachio-butter-cups-organic-39-g-17528">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bett&#39;r Pistachio Butter Cups Organic, 39 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bYej7vEvxKo8YG2gwYCPe9JItRu3xbNUnZu93POLXfQUlKkdEVOJFBzKHZigl10Ut_x4N9OL6QPkQM2dGK6Rig" />
    <input value="17528" 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/nut-nougat-cream-organic-250-g-9583">
          <img alt="Nut Nougat Cream Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5378/file/small-6ff86486718403a8ccfe1e56ae78bf3d.webp 600w, https://assets.fabulous.ch/public/variant_asset/5378/file/medium-362830fc219ce69cf5a07620782f3660.webp 900w, https://assets.fabulous.ch/public/variant_asset/5378/file/large-edcab1960a69bc894af2c9cc0690b9a3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5378/file/medium-362830fc219ce69cf5a07620782f3660.webp" />
</a>    </header>

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

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ji7_n4I67YnGEoGY6OxVdDkf4O05XvNvr01qvkSjPSv3PfVsYkagN-a48aCJ-4cbXKstwV0QqTjWlhr_r4bxVQ" />
    <input value="9583" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/ketchup-no-added-sugar-organic-330-g-16510">
          <img alt="Ketchup No Added Sugar Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7608/file/small-3714da30881decfe667f16dfadf4d2ef.webp 600w, https://assets.fabulous.ch/public/variant_asset/7608/file/medium-c1d27b0b69bb02672c00d4083182103a.webp 900w, https://assets.fabulous.ch/public/variant_asset/7608/file/large-176b6c0350faa454478f5d045afd9b69.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7608/file/medium-c1d27b0b69bb02672c00d4083182103a.webp" />
</a>    </header>

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

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ln_UQm9HFbNt9sjuwXoKOc4OUOp8ndjRu0scWKzu6XjvbN6xjztYDU1cuNagbdhWq7qdxhjTgobCkGwZR8slBg" />
    <input value="16510" 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/detergent-powder-concentrate-40-95-10-kg-12326">
          <img alt="Detergent Powder Concentrate 40°- 95°" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6190/file/small-8fa52bb148009a958701d872e5db8ca3.webp 600w, https://assets.fabulous.ch/public/variant_asset/6190/file/medium-b58811561233de7a22278a0bd1be6262.webp 900w, https://assets.fabulous.ch/public/variant_asset/6190/file/large-45a136540717c5789eea8d75452ae8f2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6190/file/medium-b58811561233de7a22278a0bd1be6262.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/detergent-powder-concentrate-40-95-10-kg-12326">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Detergent Powder Concentrate 40°- 95°, 10 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 70.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="h2qT2elG5cCmpBn8t_pFRTJJJ6JAdTvwnzdSwqTKawX-eZkqCTqofoYOacTW7ZcqV_3qjiQ7Yafm7CKDT--new" />
    <input value="12326" 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/millet-peeled-bulk-buy-organic-5-kg-4857">
          <img alt="Millet Peeled Bulk Buy Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2890/file/small-0a849bf2a56d41078312540d539c837f.webp 600w, https://assets.fabulous.ch/public/variant_asset/2890/file/medium-0e3de88c3c27430ede6c7265717016cd.webp 900w, https://assets.fabulous.ch/public/variant_asset/2890/file/large-1df84631be197d51fb13c94443daa5ca.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2890/file/medium-0e3de88c3c27430ede6c7265717016cd.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">Bio Grosshandel</p>
          <a href="/en/products/millet-peeled-bulk-buy-organic-5-kg-4857">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Millet Peeled Bulk Buy Organic, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 40.20
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/amaretti-with-walnuts-vegan-organic-32-g-ca1c89cd-6d9c-4118-8546-1cf56afb7052-16796">
          <img alt="Amaretti with Walnuts Vegan Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7809/file/small-9b4e0cdfb6911f7cfaa7e1e66b1f17c7.webp 600w, https://assets.fabulous.ch/public/variant_asset/7809/file/medium-8c8b17951e96a485b0e6dd4d0bbfacc2.webp 900w, https://assets.fabulous.ch/public/variant_asset/7809/file/large-2bfa95df16a205d85eab60d1f6798fd8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7809/file/medium-8c8b17951e96a485b0e6dd4d0bbfacc2.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Leibacher Biber-Manufaktur</p>
          <a href="/en/products/amaretti-with-walnuts-vegan-organic-32-g-ca1c89cd-6d9c-4118-8546-1cf56afb7052-16796">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Amaretti with Walnuts Vegan Organic, 2 x 32 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="e6a3dktTuT1rFDh6efsjSsJ_nI87HjToaKjGlpk7_RsCtb2Fqy_0g0u-SEIY7PElp8tRo19Qbr8Rc7bXch4xZQ" />
    <input value="16796" 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/tomato-paste-glas-organic-100-g-16531">
          <img alt="Tomato Paste Glas Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7621/file/small-76b4ec18a03bad261c8355ecce98faa7.webp 600w, https://assets.fabulous.ch/public/variant_asset/7621/file/medium-003b7519e4d24158e84cfed0a09796b2.webp 900w, https://assets.fabulous.ch/public/variant_asset/7621/file/large-68a933e5a2d4af6ddb67c3aa26f87c37.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7621/file/medium-003b7519e4d24158e84cfed0a09796b2.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/en/products/tomato-paste-glas-organic-100-g-16531">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tomato Paste Glas Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.15
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nrpCrYxIXq3Oaedt1XaFlgmvqwsJW4-GRezvW2RK6NjnqUhebDQTE-7Dl1W0YVf5bBtmJ20V1dE8N58aj28kpg" />
    <input value="16531" 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/tomato-paste-glas-organic-200-g-3982">
          <img alt="Tomato Paste Glas Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2523/file/small-555b483580c6a08d3e7b0b60a16556dc.webp 600w, https://assets.fabulous.ch/public/variant_asset/2523/file/medium-a33152d9da7abb27ef1951be3e55dc68.webp 900w, https://assets.fabulous.ch/public/variant_asset/2523/file/large-08e18b943fc9fef26eeb16ccc8bab263.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2523/file/medium-a33152d9da7abb27ef1951be3e55dc68.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/en/products/tomato-paste-glas-organic-200-g-3982">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tomato Paste Glas Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wEC2hF3Vf-jRt5cQ0_wOUE2gooj1pAJaFD_uKdh1q2-5U7x3vakyVvEd5yiy69w_KBRvpJHqWA1t5J5oM1BnEQ" />
    <input value="3982" 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/rice-camargue-red-rice-organic-500-g-625">
          <img alt="Rice Camargue Red Rice Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/570/file/small-b0dfc32b12a0698b48d7fbf886ac5db1.webp 600w, https://assets.fabulous.ch/public/variant_asset/570/file/medium-950b25d9cdb911be24281033a6055740.webp 900w, https://assets.fabulous.ch/public/variant_asset/570/file/large-cf695d1ad98f5e379ee183366a79793d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/570/file/medium-950b25d9cdb911be24281033a6055740.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/en/products/rice-camargue-red-rice-organic-500-g-625">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rice Camargue Red Rice Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.55
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JlfYAwztxLSacnUHhBaRhn9NF7jKDDvvsC1yLXZnA2xfRNLw7JGJCrrYBT_lAUPpGvnalK5CYbjJ9gJsnULPEg" />
    <input value="625" 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/smoked-tofu-switzerland-organic-250-g-16644">
          <img alt="Smoked Tofu Switzerland Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7703/file/small-96edc054baedfd4bbebf7c1a7b8f8d53.webp 600w, https://assets.fabulous.ch/public/variant_asset/7703/file/medium-78e69e4f9fa60f9ff58b9d7ee675fd85.webp 900w, https://assets.fabulous.ch/public/variant_asset/7703/file/large-23f8dd58e1b0d98a6a8cbc6048bdda96.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7703/file/medium-78e69e4f9fa60f9ff58b9d7ee675fd85.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">Futur</p>
          <a href="/en/products/smoked-tofu-switzerland-organic-250-g-16644">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Smoked Tofu Switzerland Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="62ma1uBO7shTihTwFr9txwtEbsgOV9rdPk0_qn7y_AuSepAlADKjdnMgZMh3qL-obvCj5GoZgIpHlk_rldcwdQ" />
    <input value="16644" 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/i-am-not-a-bratwurst-sausage-organic-100-g-5708">
          <img alt="&quot;I am not a Bratwurst Sausage&quot; Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3294/file/small-9d9f7ffb7d2da64eefd035ed148c370d.webp 600w, https://assets.fabulous.ch/public/variant_asset/3294/file/medium-6843749863ed6d97542c9114bf4eec1f.webp 900w, https://assets.fabulous.ch/public/variant_asset/3294/file/large-6d3d8014755214574e4e39007ba665c0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3294/file/medium-6843749863ed6d97542c9114bf4eec1f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Soyana</p>
          <a href="/en/products/i-am-not-a-bratwurst-sausage-organic-100-g-5708">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">&quot;I am not a Bratwurst Sausage&quot; Organic, 2 x 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TCcEaxbCF_gJr6-4Z8Fal7wcCKoJj0awn9WRb4BAews1NA6Y9r5aRikF34AG1oj42ajFhm3BHOfmDuEua2W3dQ" />
    <input value="5708" 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/bio-natto-nattosana-natural-200-g-14950">
          <img alt="Bio-Natto Nattosana Natural" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6852/file/small-fd35e63c73f37ab26550263eed352bd9.webp 600w, https://assets.fabulous.ch/public/variant_asset/6852/file/medium-34369eb49728b6f388e9d1c20e4ad8ab.webp 900w, https://assets.fabulous.ch/public/variant_asset/6852/file/large-7a4e8c60a7ec4e08d08bd1a9766589ba.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6852/file/medium-34369eb49728b6f388e9d1c20e4ad8ab.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Soyana</p>
          <a href="/en/products/bio-natto-nattosana-natural-200-g-14950">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bio-Natto Nattosana Natural, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.75
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MFxXjRYKLUEcUXtgQjBJ-4lhzG4RQUpzVgaJyK_gu5RJT11-9nZg_zz7C1gjJ5uU7NUBQnUPECQv3fmJRMV36g" />
    <input value="14950" 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/soy-tempeh-pepper-organic-200-g-17376">
          <img alt="Soy Tempeh Pepper Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8104/file/small-d45efdf77eda62591cd1271523b9bb7c.webp 600w, https://assets.fabulous.ch/public/variant_asset/8104/file/medium-23a87cd9294de5f8e7b60dc310193744.webp 900w, https://assets.fabulous.ch/public/variant_asset/8104/file/large-e6a885f9e91280587200126680ebb96a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8104/file/medium-23a87cd9294de5f8e7b60dc310193744.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Tempeh bagus</p>
          <a href="/en/products/soy-tempeh-pepper-organic-200-g-17376">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soy Tempeh Pepper Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HtcBNbq-UA8GNfZh68qsNNSS40yrmHblibQdbgvA1-FnxAvGWsIdsSafhlmK3X5bsSYuYM_WLLLwb20v4OUbnw" />
    <input value="17376" 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/soy-tempeh-indian-masala-organic-200-g-17374">
          <img alt="Soy Tempeh Indian Masala Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8101/file/small-9ffe5d3d4f438268ade96a0260ca97dd.webp 600w, https://assets.fabulous.ch/public/variant_asset/8101/file/medium-8c9568a7b5e28ee0c197a212f2521619.webp 900w, https://assets.fabulous.ch/public/variant_asset/8101/file/large-a5f62cc5acd9d17b24dcf5e1a24c49fe.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8101/file/medium-8c9568a7b5e28ee0c197a212f2521619.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Tempeh bagus</p>
          <a href="/en/products/soy-tempeh-indian-masala-organic-200-g-17374">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soy Tempeh Indian Masala Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ACWKkoBbK4Jj1t4j8ZYvm9gt-SueHcAR0bGMg5CyGm15NoBhYCdmPEN8rhuQgf30vZk0B_pTmkaoavzCe5fWEw" />
    <input value="17374" 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">
      60 of 3&#39;177 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/liebhart-s?format=turbo_stream&amp;page=4">Show more</a>
  </div>
</div>

</template></turbo-stream>