<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/zopf-flour-mixture-large-container-biosuisse-5-kg-11549">
          <img alt="Zopf Flour Mixture Large Container BioSuisse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5914/file/small-ec6b25634bb76193c66a5c15f4a1cf8c.webp 600w, https://assets.fabulous.ch/public/variant_asset/5914/file/medium-eec22f37d0c99590eae522a39e21ef3e.webp 900w, https://assets.fabulous.ch/public/variant_asset/5914/file/large-8842f41aa5c4510b6ee15b56bff866cd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5914/file/medium-eec22f37d0c99590eae522a39e21ef3e.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/zopf-flour-mixture-large-container-biosuisse-5-kg-11549">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Zopf Flour Mixture Large Container BioSuisse, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 32.00
            </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-11549-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="o9ItyuFcTc3lD-Co7r5Hw00D_aphIKPE2be8gmWgF4_xMJYmSrnfGupwXSXontxivGZD6n_bd72lKZM_DkufvA" />
    <input value="11549" 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/rice-syrup-gluten-free-organic-460-g-11633">
          <img alt="Rice Syrup 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/5940/file/small-2034fc53d5a9a438ed0f19b2ab5e7ffd.webp 600w, https://assets.fabulous.ch/public/variant_asset/5940/file/medium-8fa3d37085c8980e9f4c0ff23fb306b3.webp 900w, https://assets.fabulous.ch/public/variant_asset/5940/file/large-32e3092429586890400ccc23b76853c4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5940/file/medium-8fa3d37085c8980e9f4c0ff23fb306b3.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">Werz</p>
          <a href="/en/products/rice-syrup-gluten-free-organic-460-g-11633">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rice Syrup Gluten-Free Organic, 460 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tdeYs2ewmVX0hjymf6WqLRx-5cIHg6VpfzKEYx1zFN3nNSNfzFULgvv5gSt5hTGM7Rtbghl4cRADrKvedpic7g" />
    <input value="11633" 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/date-syrup-organic-250-g-11711">
          <img alt="Date Syrup Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5956/file/small-4a6a30dae253ae10ec31b007f95b6492.webp 600w, https://assets.fabulous.ch/public/variant_asset/5956/file/medium-cda4aacad387bf8b5caefb3ebe9f353a.webp 900w, https://assets.fabulous.ch/public/variant_asset/5956/file/large-292870b342de58fa6c87e8a80cd701ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5956/file/medium-cda4aacad387bf8b5caefb3ebe9f353a.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/date-syrup-organic-250-g-11711">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Date Syrup Organic, 250 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 2.34 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tW1rzf8-rMe084p31wFvKVJv1nTa-ntwEIUwoBEG7WTnj9AhVNs-ELuMN_rRIfSIowpoNMQBrwlsGx8deu1lVw" />
    <input value="11711" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/xucker-like-sugar-can-600-g-11807">
          <img alt="Xucker Like Sugar Can" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6030/file/small-d64067a1eae06009c2b9e3720174274f.webp 600w, https://assets.fabulous.ch/public/variant_asset/6030/file/medium-f520da178d83b323da59613a25b263de.webp 900w, https://assets.fabulous.ch/public/variant_asset/6030/file/large-55193633869859b22e9ddbeadf9a1034.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6030/file/medium-f520da178d83b323da59613a25b263de.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">Xucker</p>
          <a href="/en/products/xucker-like-sugar-can-600-g-11807">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xucker Like Sugar Can, 600 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.80
            </p>

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

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

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

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


  

  <div class="border-gray-200 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/agave-syrup-organic-1450-ml-12020">
          <img alt="Agave Syrup Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6105/file/small-5c5d6c51982e3f1f03ff3ff57eeedb5b.webp 600w, https://assets.fabulous.ch/public/variant_asset/6105/file/medium-a905517cfab178c85f775af3b6f4a52a.webp 900w, https://assets.fabulous.ch/public/variant_asset/6105/file/large-4a97a758cc2b5e7783d591ab471aef89.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6105/file/medium-a905517cfab178c85f775af3b6f4a52a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Allos</p>
          <a href="/en/products/agave-syrup-organic-1450-ml-12020">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Agave Syrup Organic, 1450 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 39.45
            </p>

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

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/cocoa-covered-cinder-toffee-35-g-12245">
          <img alt="Cocoa covered Cinder Toffee" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6167/file/small-f020e169db3d769b0d605ca9b0add15c.webp 600w, https://assets.fabulous.ch/public/variant_asset/6167/file/medium-de04340b0be1467f129e25d007e4f0c6.webp 900w, https://assets.fabulous.ch/public/variant_asset/6167/file/large-fdcaf02a3f5ad74f54a138760bac8475.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6167/file/medium-de04340b0be1467f129e25d007e4f0c6.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">Moo Free Chocolates</p>
          <a href="/en/products/cocoa-covered-cinder-toffee-35-g-12245">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cocoa covered Cinder Toffee, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.40
            </p>

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

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

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

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


  

  <div class="border-gray-200 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/beet-sugar-white-demeter-500-g-12284">
          <img alt="Beet Sugar White Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6175/file/small-f57f6d483609e27a7a18ab88777caf35.webp 600w, https://assets.fabulous.ch/public/variant_asset/6175/file/medium-fa5e7d71273fe2f62358b05fb48cc2f6.webp 900w, https://assets.fabulous.ch/public/variant_asset/6175/file/large-3eaf18cd77eab17725e2a1e32797fd56.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6175/file/medium-fa5e7d71273fe2f62358b05fb48cc2f6.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/beet-sugar-white-demeter-500-g-12284">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Beet Sugar White Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.45
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2yaaxred4DQG9Ee2vr4RIKpHvJa1rddkfV379wKCQ1GJxCEqHHhy4wmL-ju4noqBWyIC1qtWAx0Bw9RKaWnLYg" />
    <input value="12284" 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/tonka-beans-ground-organic-10-g-12831">
          <img alt="Tonka Beans ground Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6327/file/small-effc1c39acd73e3c87d40d3f76ffadc3.webp 600w, https://assets.fabulous.ch/public/variant_asset/6327/file/medium-534010237cbe18fe28b18f938dd19c7c.webp 900w, https://assets.fabulous.ch/public/variant_asset/6327/file/large-9069b17efdc77ce2eaeed583d737e8c3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6327/file/medium-534010237cbe18fe28b18f938dd19c7c.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/tonka-beans-ground-organic-10-g-12831">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tonka Beans ground Organic, 10 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/hello-sweety-sugar-substitute-250-g-13583">
          <img alt="Hello Sweety sugar substitute" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6557/file/small-b33a502b25c8de0f9128b5bea7a25ad6.webp 600w, https://assets.fabulous.ch/public/variant_asset/6557/file/medium-5bdfaa95eede3e1a1b6ae15e7c634bc8.webp 900w, https://assets.fabulous.ch/public/variant_asset/6557/file/large-d0da120da004aed996c9ad63d8052384.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6557/file/medium-5bdfaa95eede3e1a1b6ae15e7c634bc8.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">Hello Sweety</p>
          <a href="/en/products/hello-sweety-sugar-substitute-250-g-13583">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hello Sweety sugar substitute, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/apple-syrup-organic-250-g-13693">
          <img alt="Apple Syrup Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6578/file/small-14205adb3dec179c3cca7419eef80fef.webp 600w, https://assets.fabulous.ch/public/variant_asset/6578/file/medium-c8b36ac9d2d4260ba2ba830199ac6239.webp 900w, https://assets.fabulous.ch/public/variant_asset/6578/file/large-9ca19ec3433597c7906cd9cf91dd23c4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6578/file/medium-c8b36ac9d2d4260ba2ba830199ac6239.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/apple-syrup-organic-250-g-13693">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Apple Syrup Organic, 250 g</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 2.56 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OmV660OjDTddZyxzZDgN6vmrmHOVKVG2j8ZvrmfH4UFoh8EH6Eaf4FIYkf5iGJZLCM4mM4vShc_zWEATDCxpcg" />
    <input value="13693" 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/dessert-sauce-coconut-chocolate-fudge-organic-200-g-13769">
          <img alt="Dessert Sauce Coconut Chocolate Fudge Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6590/file/small-05544b0cbdab676d6302d70ccb7472ef.webp 600w, https://assets.fabulous.ch/public/variant_asset/6590/file/medium-f70eb24ab17375cb5d19b98d94345246.webp 900w, https://assets.fabulous.ch/public/variant_asset/6590/file/large-fa247406025a864cd83927f2ddb96818.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6590/file/medium-f70eb24ab17375cb5d19b98d94345246.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">Nature&#39;s Charm</p>
          <a href="/en/products/dessert-sauce-coconut-chocolate-fudge-organic-200-g-13769">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dessert Sauce Coconut Chocolate Fudge Organic, 200 g</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 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9XicjPS9lNq439J0b1O4qbJzpjY-MqRiCxMU91UTQ5-nmidgX1gGDbegb_lpcyMIQxYYdiDJcBt3jTtKPvjLrA" />
    <input value="13769" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/dessert-sauce-coconut-caramel-200-g-13772">
          <img alt="Dessert Sauce Coconut Caramel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6593/file/small-f10e2fadb9fca2c60814342e2433bf5a.webp 600w, https://assets.fabulous.ch/public/variant_asset/6593/file/medium-050e0f1ddc925611e17ac1becfa541f0.webp 900w, https://assets.fabulous.ch/public/variant_asset/6593/file/large-fd3a7195ca2afbe38e62647129a4e099.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6593/file/medium-050e0f1ddc925611e17ac1becfa541f0.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">Nature&#39;s Charm</p>
          <a href="/en/products/dessert-sauce-coconut-caramel-200-g-13772">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dessert Sauce Coconut Caramel, 200 g</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 g
            </p>
        </div>
      </div>

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

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

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


  

  <div class="border-gray-200 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/apple-syrup-organic-850-g-14005">
          <img alt="Apple Syrup Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6634/file/small-4d2db6ddb503ea44ee9cbeb0623b9611.webp 600w, https://assets.fabulous.ch/public/variant_asset/6634/file/medium-b1f250fd239ac2c615aaed90139fe01d.webp 900w, https://assets.fabulous.ch/public/variant_asset/6634/file/large-bb69cb8e9f0575fcde38c1a6380d8000.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6634/file/medium-b1f250fd239ac2c615aaed90139fe01d.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/apple-syrup-organic-850-g-14005">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Apple Syrup Organic, 850 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TKQcaavpJZfIJK_LTQXk9TQ0jyqp1TCb35zo9UtedCAeRqeFAAy3QMdbEkZLJX9UxVExarcu5OKjAsdIILX8Ew" />
    <input value="14005" 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/yacon-syrup-organic-250-g-14110">
          <img alt="Yacon Syrup Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6654/file/small-df894fceffb2df40052d4e5aae4dbdfa.webp 600w, https://assets.fabulous.ch/public/variant_asset/6654/file/medium-82a2e9ba36de9bdd27c2c8ddf95be3c2.webp 900w, https://assets.fabulous.ch/public/variant_asset/6654/file/large-f0e4ad978fee15d5269f52b2929caec2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6654/file/medium-82a2e9ba36de9bdd27c2c8ddf95be3c2.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">Sembrador</p>
          <a href="/en/products/yacon-syrup-organic-250-g-14110">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Yacon Syrup Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0y5fNzVVCMAHCRy18F1mN0wD1Q9NX2_-WWWvNzsSXMaBzOTbnrCaFwh2oTj2ff2WvWZrT1Oku4cl-4CKUPnU9Q" />
    <input value="14110" 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/lecker-s-mandarin-oil-lime-oil-organic-2-ml-14449">
          <img alt="Lecker&#39;s Mandarin Oil &amp; Lime Oil Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6687/file/small-d8e02b926398125cb99b8a149074e265.webp 600w, https://assets.fabulous.ch/public/variant_asset/6687/file/medium-d504fedf7ab356c0b4f5d9fe650c7e91.webp 900w, https://assets.fabulous.ch/public/variant_asset/6687/file/large-bb859ac310fbdc2958f8b96badc88c2d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6687/file/medium-d504fedf7ab356c0b4f5d9fe650c7e91.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">Lecker&#39;s</p>
          <a href="/en/products/lecker-s-mandarin-oil-lime-oil-organic-2-ml-14449">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lecker&#39;s Mandarin Oil &amp; Lime Oil Organic, 2 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LKcWL1nH-igqS473baCQRcTFxOBD0SwI1lD_AhVnZZl-Ra3D8iJo_yU0M3prgAvkNaB6oF0q-HGqztC_foztqg" />
    <input value="14449" 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/vanilla-extract-bourbon-organic-20-ml-14611">
          <img alt="Vanilla Extract Bourbon Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6764/file/small-fe61eeb7c2683210963f0d22a556a3f3.webp 600w, https://assets.fabulous.ch/public/variant_asset/6764/file/medium-16267d5612d4c139800ceaf91b0913fb.webp 900w, https://assets.fabulous.ch/public/variant_asset/6764/file/large-3504401e68834964a8af37baedbdc8b9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6764/file/medium-16267d5612d4c139800ceaf91b0913fb.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biovegan</p>
          <a href="/en/products/vanilla-extract-bourbon-organic-20-ml-14611">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vanilla Extract Bourbon Organic, 20 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.95
            </p>

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

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/flave-powder-vanilla-flavor-120-g-14855">
          <img alt="Flave Powder Vanilla Flavor" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6796/file/small-49d58416202b9396c8e42de5c4b2bfbb.webp 600w, https://assets.fabulous.ch/public/variant_asset/6796/file/medium-77a20a7e985dfef6dfffb34e5c92f3c5.webp 900w, https://assets.fabulous.ch/public/variant_asset/6796/file/large-85a2b934bdcc34ab9091ea775e275d09.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6796/file/medium-77a20a7e985dfef6dfffb34e5c92f3c5.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">Xucker</p>
          <a href="/en/products/flave-powder-vanilla-flavor-120-g-14855">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Flave Powder Vanilla Flavor, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/cocoa-powder-fine-flavoured-cocoa-fairtrade-organic-125-g-14931">
          <img alt="Cocoa Powder Fine Flavoured Cocoa Fairtrade Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6850/file/small-267f1caeddac328a23d3662101a2d350.webp 600w, https://assets.fabulous.ch/public/variant_asset/6850/file/medium-639e3d601857a1241ef6e6405100c22c.webp 900w, https://assets.fabulous.ch/public/variant_asset/6850/file/large-92e58db84696774ba18e37b6aba5942d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6850/file/medium-639e3d601857a1241ef6e6405100c22c.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/cocoa-powder-fine-flavoured-cocoa-fairtrade-organic-125-g-14931">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cocoa Powder Fine Flavoured Cocoa Fairtrade Organic, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dt602_HDDuC-_CCrYR1P9FpgTkUdC0To6CssVxo_IPskPA83WiacN7GDnSZnPdRVqwXwBQPwkJGUtQPqcdSoyA" />
    <input value="14931" 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/white-chocolate-drops-organic-200-g-15059">
          <img alt="White Chocolate Drops Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6900/file/small-6dad61b3d7e23c57c8bba0f0e8be0678.webp 600w, https://assets.fabulous.ch/public/variant_asset/6900/file/medium-28636daf2ea8be2efc3bdb1e34f7baba.webp 900w, https://assets.fabulous.ch/public/variant_asset/6900/file/large-2c6bc64e57528eba03cbb9c6cb747061.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6900/file/medium-28636daf2ea8be2efc3bdb1e34f7baba.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/white-chocolate-drops-organic-200-g-15059">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">White Chocolate Drops Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="D58nYgqB3uLiM40pAOpMgAJQRuowel-m9iLt2JALfmVdfZyOoWRMNe1MMKQGytch8zX4qi6Bi9-KvMJl--D2Vg" />
    <input value="15059" 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/agar-agar-gluten-free-organic-60-g-15119">
          <img alt="Agar Agar 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/6933/file/small-fed87f61590338498c887298b3cbe1fd.webp 600w, https://assets.fabulous.ch/public/variant_asset/6933/file/medium-8d65b464f2ac77bf6cafd7b0b887cdff.webp 900w, https://assets.fabulous.ch/public/variant_asset/6933/file/large-d9a0f618b6960d161ca487ec64824ad4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6933/file/medium-8d65b464f2ac77bf6cafd7b0b887cdff.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/agar-agar-gluten-free-organic-60-g-15119">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Agar Agar Gluten Free Organic, 60 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 11.75 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="V-tLiEGPVN3kc_2RheB3r0_8szVJhvrG5PHQpmEzByIFCfBk6mrGCusMQByDwOwOvpkNdVd9Lr-Yb_8bCtiPEQ" />
    <input value="15119" 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">
      140 of 181 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/food/bakery-ingredients?format=turbo_stream&amp;page=8">Show more</a>
  </div>
</div>

</template></turbo-stream>