<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/ground-hazelnut-organic-200-g-11538">
          <img alt="Ground Hazelnut Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5909/file/small-a320fcad9882392f7c815d598f4776ad.webp 600w, https://assets.fabulous.ch/public/variant_asset/5909/file/medium-cef03f42d2cb80a69dc41a6380a50b68.webp 900w, https://assets.fabulous.ch/public/variant_asset/5909/file/large-46e00a5a9eb59df47e67dcfad0abb868.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5909/file/medium-cef03f42d2cb80a69dc41a6380a50b68.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/ground-hazelnut-organic-200-g-11538">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ground Hazelnut Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5oTywJswSW0p44eAllDiqNq8ctww9Mse2HTnpi2P-lZni_4WFddAmZ6642G-rI3tZYxpLjeIDw6eUzIu5fJpJg" />
    <input value="11538" 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/zopf-flour-mixture-organic-1-kg-11548">
          <img alt="Zopf Flour Mixture Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5913/file/small-cbf0ff27388e6abb1a45ee1e26b7c3a8.webp 600w, https://assets.fabulous.ch/public/variant_asset/5913/file/medium-468360ccae576d777048f2f491b0c07a.webp 900w, https://assets.fabulous.ch/public/variant_asset/5913/file/large-a212cf1b61afd44ad586ea196b23844a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5913/file/medium-468360ccae576d777048f2f491b0c07a.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-organic-1-kg-11548">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Zopf Flour Mixture Organic, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="E3uvvi7BZvmbvdkuhV0DxuO4_YCdEb3ho2MxN8BTI3-SdKNooCZvDSzkvc-toWyDXIjmcpptefHlROS_CC6wDw" />
    <input value="11548" 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/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="K2z_IaaDY8SyFRzrmxuYEw0BjarvfRQoBva9SfmD8KWqY_P3KGRqMAVMeAqz5_dWsjGWWOgB0DhA0WjBMf5j1Q" />
    <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/ketjap-manis-indonesian-organic-250-ml-11568">
          <img alt="Ketjap Manis Indonesian Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5911/file/small-b4d63f8728db82445e948fd416a97260.webp 600w, https://assets.fabulous.ch/public/variant_asset/5911/file/medium-b2d482cf10dbba3f8292639c7ea5e937.webp 900w, https://assets.fabulous.ch/public/variant_asset/5911/file/large-967d495bac64c990d9873e265580ecfb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5911/file/medium-b2d482cf10dbba3f8292639c7ea5e937.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">Terrasana</p>
          <a href="/en/products/ketjap-manis-indonesian-organic-250-ml-11568">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ketjap Manis Indonesian Organic, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ut2GGZGNcCUsWL6pxru4CCVAGzyJEZt_e5wt_886tLjT0orPH2p50ZsB2kjuR9dNmnAAzo5tX289u_h3B0cnyA" />
    <input value="11568" 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/grillsauce-curry-mango-organic-210-ml-11578">
          <img alt="Grillsauce Curry Mango Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5915/file/small-8d695004717207dbbe5304cd31ec6116.webp 600w, https://assets.fabulous.ch/public/variant_asset/5915/file/medium-4b574c002e841633f16207bc44e63b22.webp 900w, https://assets.fabulous.ch/public/variant_asset/5915/file/large-15c496067accaf0debe6bfd8f2e49a77.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5915/file/medium-4b574c002e841633f16207bc44e63b22.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">Sanchon</p>
          <a href="/en/products/grillsauce-curry-mango-organic-210-ml-11578">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Grillsauce Curry Mango Organic, 210 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="M62Xs0fgNGUznv5Xeerh3Z8g6m92RnJSGiL68CUaIryyoptlyQc9kYTHmrZRFo6YIBDxnXE6tkJcBS947WexzA" />
    <input value="11578" 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/lasagna-sheets-whole-grain-organic-250-g-11580">
          <img alt="Lasagna sheets whole grain organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5917/file/small-289df9840bd5e8b273603f81029d4b00.webp 600w, https://assets.fabulous.ch/public/variant_asset/5917/file/medium-2261b5738adf1849fd1ded1a4c78e135.webp 900w, https://assets.fabulous.ch/public/variant_asset/5917/file/large-466f5bebccaab1f76c502dcf90617c12.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5917/file/medium-2261b5738adf1849fd1ded1a4c78e135.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/lasagna-sheets-whole-grain-organic-250-g-11580">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lasagna sheets whole grain organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.35
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6DKnsRoR81okuhciFSb-C5M8cCtNEgKsfuX3Q01zp2JpPatnlPb6rpPjc8M92pFOLAxr2Upuxrw4wiLLhQ40Eg" />
    <input value="11580" 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/marshmallows-mini-dandies-vegan-200-g-11605">
          <img alt="Marshmallows Mini Dandies Vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5923/file/small-2a65b8e25ee4a845ae2782bb089e8dd2.webp 600w, https://assets.fabulous.ch/public/variant_asset/5923/file/medium-2467bec7b96df4982fd812de1b8401d3.webp 900w, https://assets.fabulous.ch/public/variant_asset/5923/file/large-c81cb098331c36251ce9911d5963f81c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5923/file/medium-2467bec7b96df4982fd812de1b8401d3.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">Dandies Vegan Marshmallows</p>
          <a href="/en/products/marshmallows-mini-dandies-vegan-200-g-11605">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Marshmallows Mini Dandies Vegan, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gSHA6GQgZevn6ExVer-Jn0He4Ypc8vr0rQi2-vaTLJIALsw-6sdsH1CxKLRSQ-ba_u76eFuOPuTrL2NyPu6_4g" />
    <input value="11605" 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="nURM5kHPtOor18KVwrl7PogOD4VEi2i_1icCnxmzbqEcS0Awzyi9HpyOpnTqRRR7Nz4Ud0P3rK-QANcX0c790Q" />
    <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/le-pain-des-fleurs-flower-bread-hazelnut-organic-150-g-11651">
          <img alt="Le pain des fleurs Flower Bread Hazelnut Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5943/file/small-625881ccc5f9df5ba9a544568181943a.webp 600w, https://assets.fabulous.ch/public/variant_asset/5943/file/medium-068cdfb59fc5ac4083df881a55233dad.webp 900w, https://assets.fabulous.ch/public/variant_asset/5943/file/large-703147ab679d66d4c99ba2cc0ae7aafa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5943/file/medium-068cdfb59fc5ac4083df881a55233dad.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">Le Pain des Fleurs</p>
          <a href="/en/products/le-pain-des-fleurs-flower-bread-hazelnut-organic-150-g-11651">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Le pain des fleurs Flower Bread Hazelnut Organic, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mcROLNvu4oAQ27SvJ0Av1-wSIRq5tYNN70gzVxW6f5wYy0L6VQnrdKeC0E4PvECSUyI66L7JR12pb-bf3cfs7A" />
    <input value="11651" 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/loveraw-peanut-caramel-bar-40-g-11653">
          <img alt="LoveRaw Peanut Caramel Bar" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5941/file/small-a58913abba4e49eea45858b669e62443.webp 600w, https://assets.fabulous.ch/public/variant_asset/5941/file/medium-7a5a3b13fbb5cc68ea2a55c73f5661c8.webp 900w, https://assets.fabulous.ch/public/variant_asset/5941/file/large-3b243972f960895b74f625d29e2281c4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5941/file/medium-7a5a3b13fbb5cc68ea2a55c73f5661c8.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">Love Raw</p>
          <a href="/en/products/loveraw-peanut-caramel-bar-40-g-11653">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">LoveRaw Peanut Caramel Bar, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jZhfbjbk9IbzWdcOAuf7U305EvGRzGWDL3bzQCL2ICUMl1O4uAP9ckQAs-8qG5QWwgkJA5awoZNpUSbI6ouzVQ" />
    <input value="11653" 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/express-wok-noodles-asia-style-organic-250-g-11710">
          <img alt="Express Wok Noodles Asia Style Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5955/file/small-01f606e642dc5389e38d09c367673d5a.webp 600w, https://assets.fabulous.ch/public/variant_asset/5955/file/medium-b3e4ac84dc70aa8c291a63b1091e688c.webp 900w, https://assets.fabulous.ch/public/variant_asset/5955/file/large-2dd3bd4c4e80ce16530525def0ec1e08.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5955/file/medium-b3e4ac84dc70aa8c291a63b1091e688c.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">Natur Compagnie</p>
          <a href="/en/products/express-wok-noodles-asia-style-organic-250-g-11710">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Express Wok Noodles Asia Style Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TjWvhmhj4181BP5YXH5caHxv200C_oYUTBMHY8tvEcDPOqNQ5oTqq4Jdmrl0gjMtw1_AvwWCQgQKNNLrAxKCsA" />
    <input value="11710" 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-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="NbkVCDCH6aUTKkMK95HC63cFTFuGnLd-YYmY7jFcuhS0thnevmDgUaRzJ-vfba2uyDVXqYHgc24nrk1m-SEpZA" />
    <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 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/erva-schubregia-tea-18-tea-bags-18-bag-11735">
          <img alt="Erva Schubregia Tea, 18 Tea Bags" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5994/file/small-2c8ea037dd467f75bff87d88fcaa9cbe.webp 600w, https://assets.fabulous.ch/public/variant_asset/5994/file/medium-c1bb5818e3c1839586835d18ebc41e76.webp 900w, https://assets.fabulous.ch/public/variant_asset/5994/file/large-2749041384ac026f4c53adebcbeb207d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5994/file/medium-c1bb5818e3c1839586835d18ebc41e76.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">Erva Medica AG</p>
          <a href="/en/products/erva-schubregia-tea-18-tea-bags-18-bag-11735">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Erva Schubregia Tea, 18 Tea Bags, 18 bag</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.80
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.54 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bkiOZI6AQV4oNMyDRC-QLvfwJyFLQZcKibPSHAqxXMrvR4KyAGdIqp9tqGJs0_9rSMA800w9UxrPlAeUwszPug" />
    <input value="11735" 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/erva-tuoscher-tea-18-tea-bags-18-bag-11736">
          <img alt="Erva Tuoscher Tea, 18 Tea Bags" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5997/file/small-dce85d49bd4e581c51aee1b27798965b.webp 600w, https://assets.fabulous.ch/public/variant_asset/5997/file/medium-12ee4015905ea4bd4491d8a2ed95517d.webp 900w, https://assets.fabulous.ch/public/variant_asset/5997/file/large-a7f1ae933421802c05798940ac60cefd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5997/file/medium-12ee4015905ea4bd4491d8a2ed95517d.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">Erva Medica AG</p>
          <a href="/en/products/erva-tuoscher-tea-18-tea-bags-18-bag-11736">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Erva Tuoscher Tea, 18 Tea Bags, 18 bag</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.80
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.54 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aK3LC6pH_AzzgyoThwafzuLfW2rsgzDuVsDy9SZ8wFfposfdJKD1-ETaTvKv-vCLXe9AmOv_9P4Q5yd97gFTJw" />
    <input value="11736" 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/erva-ranuogl-tea-18-bags-18-bag-11737">
          <img alt="Erva Ranuogl Tea, 18 bags" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6000/file/small-d1395f6c72eee320000f1b731f56db61.webp 600w, https://assets.fabulous.ch/public/variant_asset/6000/file/medium-5137e206c2d04520da88e048f0b20182.webp 900w, https://assets.fabulous.ch/public/variant_asset/6000/file/large-461de87e9ac8eeee8487b88729b0e1c2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6000/file/medium-5137e206c2d04520da88e048f0b20182.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">Erva Medica AG</p>
          <a href="/en/products/erva-ranuogl-tea-18-bags-18-bag-11737">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Erva Ranuogl Tea, 18 bags, 18 bag</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.80
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.54 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ePdQ8ldPP852exT-Wd8QVX9xPzGOpoWJ82bP-N-EKxD5-Fwk2ag2OsEicB9xI38QwEEkw4naQZm1QRpwF_m4YA" />
    <input value="11737" 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/oat-drink-low-fat-1-5-fat-1-l-11760">
          <img alt="Oat Drink Low Fat 1.5% Fat" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6005/file/small-5725e23f074362e54092e68cef5a21ad.webp 600w, https://assets.fabulous.ch/public/variant_asset/6005/file/medium-50f3b94680cfdf68d2502743555e4676.webp 900w, https://assets.fabulous.ch/public/variant_asset/6005/file/large-eb507edd657d694521bba85d3c6ce329.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6005/file/medium-50f3b94680cfdf68d2502743555e4676.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">Oatly</p>
          <a href="/en/products/oat-drink-low-fat-1-5-fat-1-l-11760">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Oat Drink Low Fat 1.5% Fat, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="18_wHu--yOSmLTHmQgYg43vWggIPvvyi3GEMs6cRdoJWwPzIYVnBEBF0VQdq-k-mxOaZ8AjCOLKaRtk7b2zl8g" />
    <input value="11760" 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/oatly-oat-drink-full-2-8-fat-1-l-11761">
          <img alt="Oatly Oat Drink Full 2.8% Fat" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6006/file/small-54367572380fa9f89ca9d70540f47057.webp 600w, https://assets.fabulous.ch/public/variant_asset/6006/file/medium-fdb39f27f5798cb4582173b490fbd554.webp 900w, https://assets.fabulous.ch/public/variant_asset/6006/file/large-195bd9c604068c5e08cd9e3c198ba702.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6006/file/medium-fdb39f27f5798cb4582173b490fbd554.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">Oatly</p>
          <a href="/en/products/oatly-oat-drink-full-2-8-fat-1-l-11761">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Oatly Oat Drink Full 2.8% Fat, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/vegan-alternative-to-cream-and-grilled-cheese-nature-organic-200-g-11767">
          <img alt="Vegan Alternative to Cream- and Grilled Cheese Nature Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6011/file/small-528e6f03457f4074ba66b3de5b58a85b.webp 600w, https://assets.fabulous.ch/public/variant_asset/6011/file/medium-6007ae2a91e313ad8c4903970827410f.webp 900w, https://assets.fabulous.ch/public/variant_asset/6011/file/large-a5dd70322835ad0a1d5d2a1ce76161f8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6011/file/medium-6007ae2a91e313ad8c4903970827410f.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/vegan-alternative-to-cream-and-grilled-cheese-nature-organic-200-g-11767">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan Alternative to Cream- and Grilled Cheese Nature Organic, 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="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-11767-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YGcCfPgZbNruRzhlM7TJgg3ZLlGqI4im7Q1RD0Q1LDLhaA6qdv5lLlkeXIQbSKbHsuk1o61fTLarKoSHjEi_Qg" />
    <input value="11767" 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/sim-sala-mi-500-g-11790">
          <img alt="Sim Sala Mi" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6019/file/small-861fec463c1805bee07657a14763739d.webp 600w, https://assets.fabulous.ch/public/variant_asset/6019/file/medium-558870cc4b9abbb0b94882a4f518b4af.webp 900w, https://assets.fabulous.ch/public/variant_asset/6019/file/large-aab893360aa711ead43f22ce77f32a3c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6019/file/medium-558870cc4b9abbb0b94882a4f518b4af.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">Vantastic</p>
          <a href="/en/products/sim-sala-mi-500-g-11790">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sim Sala Mi, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="D8wqRCmXLj94Nq4FPSewnCPUqEeGO4gk60LItVH1xzaOwyaSp3Any89vyuQV29_ZnOSztYFHTDStZR09mYhURg" />
    <input value="11790" 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/sojade-so-soya-strawberry-organic-400-g-11792">
          <img alt="Sojade So Soya! Strawberry Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6021/file/small-dbc375ddfe6a0f63f580748d479949c6.webp 600w, https://assets.fabulous.ch/public/variant_asset/6021/file/medium-894e1fe4909f67498617d6ba94a1f0fd.webp 900w, https://assets.fabulous.ch/public/variant_asset/6021/file/large-3d8922664d25d69c95d3d4e4686f45ad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6021/file/medium-894e1fe4909f67498617d6ba94a1f0fd.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">Sojade</p>
          <a href="/en/products/sojade-so-soya-strawberry-organic-400-g-11792">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sojade So Soya! Strawberry Organic, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.00
            </p>

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

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

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

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



</template></turbo-stream>
<turbo-stream action="replace" target="infinite_scroll_sentinel"><template>
  <div id="infinite_scroll_sentinel" class="w-full py-8">
  <div class="flex flex-col items-center gap-3">
    <p class="text-sm text-gray-500">
      1&#39;340 of 2&#39;267 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/food?format=turbo_stream&amp;page=68">Show more</a>
  </div>
</div>

</template></turbo-stream>