<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/tea-infusion-little-dreamer-organic-20-bags-20-bag-5159">
          <img alt="Tea Infusion Little Dreamer Organic, 20 Bags" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3032/file/small-bf6a95d8501dd7e7a7624ac42a150152.webp 600w, https://assets.fabulous.ch/public/variant_asset/3032/file/medium-3cc9f6a05c1b8401bce10a57b7820be7.webp 900w, https://assets.fabulous.ch/public/variant_asset/3032/file/large-8c8da73d5df549e966622b08346984ab.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3032/file/medium-3cc9f6a05c1b8401bce10a57b7820be7.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">Cupper</p>
          <a href="/en/products/tea-infusion-little-dreamer-organic-20-bags-20-bag-5159">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tea Infusion Little Dreamer Organic, 20 Bags, 20 bags</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="V-ye3DCBDd1u5ah-bFxyI5f5mEDTMJwRyhPqk4Y_aD5F-MRddp1woVNCiRi1PUueE2WNnSE5TOFO0mVOED9Z8Q" />
    <input value="5159" 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/cashew-butter-organic-250-g-40376e7c-6a5b-4062-9fd8-456320b3d0b5-2215">
          <img alt="Cashew Butter Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8906/file/small-37d1dd35d33db6f1c485f8dac716fed7.webp 600w, https://assets.fabulous.ch/public/variant_asset/8906/file/medium-b56fbb54da96023485b87f6f541df50f.webp 900w, https://assets.fabulous.ch/public/variant_asset/8906/file/large-a8dd001ad6a6a61de615d643128d5e5a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8906/file/medium-b56fbb54da96023485b87f6f541df50f.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/cashew-butter-organic-250-g-40376e7c-6a5b-4062-9fd8-456320b3d0b5-2215">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cashew Butter Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jDrL7OTMcUGLKLN66Mh_430O7EaowG-U94y6bcHVJNqeLpFtotAMPbaPkhwxqUZe-ZL5m1rJv2RzTTWwV9UVFQ" />
    <input value="2215" 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/ramen-noodles-organic-300-g-16713">
          <img alt="Ramen Noodles Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7756/file/small-aecd8139e1003fda10287f5224cd75c1.webp 600w, https://assets.fabulous.ch/public/variant_asset/7756/file/medium-78d4c569bf654940dedf46a51c1dc9fe.webp 900w, https://assets.fabulous.ch/public/variant_asset/7756/file/large-49b23c2f37ee0bb1ac40174b90543ead.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7756/file/medium-78d4c569bf654940dedf46a51c1dc9fe.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">Just Taste</p>
          <a href="/en/products/ramen-noodles-organic-300-g-16713">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ramen Noodles Organic, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3ejrS6Ugsn3u8HwwN_Qx0aSBy3SY1Y3e1MhBm8s0WaHP_LHK4zzPAdNXXVbulQhsIB3eqWrcXS5QCc5GXTRobg" />
    <input value="16713" 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/pea-protein-powder-organic-400-g-3198">
          <img alt="Pea Protein Powder Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2186/file/small-5cf57ba78d6270ae74c255231b70ac84.webp 600w, https://assets.fabulous.ch/public/variant_asset/2186/file/medium-0e2ba14e645bf333fc9736ca7b0c8162.webp 900w, https://assets.fabulous.ch/public/variant_asset/2186/file/large-9e671df106fe2cfcff2d207a9161f64b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2186/file/medium-0e2ba14e645bf333fc9736ca7b0c8162.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">Raab</p>
          <a href="/en/products/pea-protein-powder-organic-400-g-3198">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pea Protein Powder Organic, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 28.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="d1Jzlu5AG3izgZvZH9a2I6UyJvgbujhJwyP3tR_NWM5lRikXqFxmBI4mur_Gt4-eIa4zJemz6LlH4nhoic1pAQ" />
    <input value="3198" 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/vegan-alternative-to-tuna-in-oil-organic-180-g-16174">
          <img alt="Vegan Alternative to Tuna in Oil Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7447/file/small-0e1a3d17533cf8661ffdb95ce977aaef.webp 600w, https://assets.fabulous.ch/public/variant_asset/7447/file/medium-10bb428c40cda9511353e482e3d5399d.webp 900w, https://assets.fabulous.ch/public/variant_asset/7447/file/large-7f64d959fd977def68d6bfde82a6b6b8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7447/file/medium-10bb428c40cda9511353e482e3d5399d.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">followfood</p>
          <a href="/en/products/vegan-alternative-to-tuna-in-oil-organic-180-g-16174">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan Alternative to Tuna in Oil Organic, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WHDL0BXbianDXVyJ8N8JM4N-WoT-tIl0qV6TdBekKAFKZJFRU8f01f76fe8pvjCOB-JPWQy9WYQtnxypgaQZzg" />
    <input value="16174" 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/sauce-from-hell-with-habanero-chili-organic-220-g-428">
          <img alt="Sauce from Hell with Habanero Chili Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/383/file/small-64cc66ce3de2028c0fab6e7bcac5dc3b.webp 600w, https://assets.fabulous.ch/public/variant_asset/383/file/medium-040b7d04f1af2b6a39e4f8fb89c8f980.webp 900w, https://assets.fabulous.ch/public/variant_asset/383/file/large-5e2a8833dd3d4412453500295522fff7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/383/file/medium-040b7d04f1af2b6a39e4f8fb89c8f980.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/sauce-from-hell-with-habanero-chili-organic-220-g-428">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sauce from Hell with Habanero Chili Organic, 220 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.05 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bqKu_Odbit4AR-T6ZfKZT47jD6ARMNvBiQ3yoVCAekZ8tvR9oUf3oj3gxZy8k6DyCn8afeM5CzENzH18xoBLiQ" />
    <input value="428" 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/vegan-remoulade-without-eggs-demeter-190-ml-5864">
          <img alt="Vegan Remoulade Without Eggs Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3373/file/small-f2913a98688308945d4fbcc96e5f68e1.webp 600w, https://assets.fabulous.ch/public/variant_asset/3373/file/medium-ccc54d2ab14681c8ee85f2296697fc43.webp 900w, https://assets.fabulous.ch/public/variant_asset/3373/file/large-b60370c713053b434597a9fa4d09d016.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3373/file/medium-ccc54d2ab14681c8ee85f2296697fc43.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/vegan-remoulade-without-eggs-demeter-190-ml-5864">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan Remoulade Without Eggs Demeter, 190 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_3pui1L5_tcu4wzgOGIKHPDoPk-ctsPHpj8yft3DisLtbjQKFOWDqxNELYbhAzOhdHQrkm6_Ezci_r2jS8O7DQ" />
    <input value="5864" 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/vego-melts-buttons-organic-180-g-7858">
          <img alt="Vego Melts Buttons Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4591/file/small-c91802dbfb356c333e902a57fc7ccc3e.webp 600w, https://assets.fabulous.ch/public/variant_asset/4591/file/medium-52b25bf400bdd363260bc834d200752d.webp 900w, https://assets.fabulous.ch/public/variant_asset/4591/file/large-5410af4ce69d5a0eae4ce273eaf9cc76.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4591/file/medium-52b25bf400bdd363260bc834d200752d.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">Vego Chocolate</p>
          <a href="/en/products/vego-melts-buttons-organic-180-g-7858">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vego Melts Buttons Organic, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0nYpeHBPTP4LYFQM7zkigKLAMsRy8G_04lIKnug5_orAYnP5NlMxgjbHdWo2WBs9JlwnGYD5vwRmk4VDfjnPRQ" />
    <input value="7858" 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/cold-cuts-lyonnaise-style-pea-based-paprika-organic-80-g-10030">
          <img alt="Cold Cuts Lyonnaise style pea-based PAPRIKA Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5485/file/small-53c6488ffcc63195258410c8485b6849.webp 600w, https://assets.fabulous.ch/public/variant_asset/5485/file/medium-be133a0c850bcb7ac7ea6f56de5e34e2.webp 900w, https://assets.fabulous.ch/public/variant_asset/5485/file/large-1281e7399461b3152dcb3307551c82a6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5485/file/medium-be133a0c850bcb7ac7ea6f56de5e34e2.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Wheaty</p>
          <a href="/en/products/cold-cuts-lyonnaise-style-pea-based-paprika-organic-80-g-10030">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cold Cuts Lyonnaise style pea-based PAPRIKA Organic, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/hummus-gluten-free-organic-170-g-53">
          <img alt="Hummus 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/56/file/small-970185bd511c27f3c2c8e720c70091c7.webp 600w, https://assets.fabulous.ch/public/variant_asset/56/file/medium-d3520438b74b0db68dcefcff29c16075.webp 900w, https://assets.fabulous.ch/public/variant_asset/56/file/large-a8fc7000aa53f304b358b27f1f791be2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/56/file/medium-d3520438b74b0db68dcefcff29c16075.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Florentin</p>
          <a href="/en/products/hummus-gluten-free-organic-170-g-53">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hummus Gluten Free Organic, 170 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </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.59 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XA3-9Tq1InwxE6my5junejcoPL_ob1PQNk13NkAo9a1OGaR0fKlfAAy0iNQ_Wp7Hs7QpYhpmgyCyjPjr1ijEYg" />
    <input value="53" 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/mozzarisella-mascarice-vegan-alternative-to-mascarpone-organic-150-g-10031">
          <img alt="MozzaRisella Mascarice Vegan Alternative to Mascarpone Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5484/file/small-cda62dfa5665bc7f0c07305c162fa022.webp 600w, https://assets.fabulous.ch/public/variant_asset/5484/file/medium-8171c0097a6cb56ffcf072eca90814f3.webp 900w, https://assets.fabulous.ch/public/variant_asset/5484/file/large-62346ea6ff458ac6f53e04592abcee0f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5484/file/medium-8171c0097a6cb56ffcf072eca90814f3.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">Mozzarisella</p>
          <a href="/en/products/mozzarisella-mascarice-vegan-alternative-to-mascarpone-organic-150-g-10031">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">MozzaRisella Mascarice Vegan Alternative to Mascarpone Organic, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9HBR6fLy0AGUW43IipWF_U0rjposZbR81zkco3D1M4fmZAtotO6tfan8rK5T9LxAybebR95sZIxT-JN-5vUCSA" />
    <input value="10031" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/my-yo-bulgarian-ferments-organic-3-x-5-g-18001">
          <img alt="My.Yo Bulgarian Ferments Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8913/file/small-ad3f62ef7d26001196adc972584e3e07.webp 600w, https://assets.fabulous.ch/public/variant_asset/8913/file/medium-219269e3dda425ac16b4313893682f0a.webp 900w, https://assets.fabulous.ch/public/variant_asset/8913/file/large-aa6c0a795da9ec626be239b9fdd18e64.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8913/file/medium-219269e3dda425ac16b4313893682f0a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">my.yo</p>
          <a href="/en/products/my-yo-bulgarian-ferments-organic-3-x-5-g-18001">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">My.Yo Bulgarian Ferments Organic, 3 x 5 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1egq2hKs0k2wv7O9BnH1HylFD9fH6eDxOUasxefSF8rH_HBbVLCvMY0YktvfEMyirdkaCjXgMAG9hyMYcdImBQ" />
    <input value="18001" 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/swiss-cereal-oat-drink-organic-1-l-6036">
          <img alt="Swiss Cereal Oat Drink Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3470/file/small-a064a525baa7d1fe50be2fcd40fcfdbe.webp 600w, https://assets.fabulous.ch/public/variant_asset/3470/file/medium-c556ac2f6514784ff5ecc0bad72e561f.webp 900w, https://assets.fabulous.ch/public/variant_asset/3470/file/large-89ecfbb344a4e15b05dd2aa8d0e2acc3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3470/file/medium-c556ac2f6514784ff5ecc0bad72e561f.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/swiss-cereal-oat-drink-organic-1-l-6036">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Swiss Cereal Oat Drink Organic, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.05
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UCbg7U6DA60VxwwY5_5I4cpMbuQLukX6lK5MChZYz7tCMrpsCJ9-0ShgLX4-n3FcTtB7OfmzlQoQb8PXgFj-dA" />
    <input value="6036" 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/jasmin-rice-bulk-buy-organic-10-kg-15499">
          <img alt="Jasmin Rice Bulk Buy Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7068/file/small-38273b85967b0b65e875f0b83bfd623c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7068/file/medium-9719110600f2d0af94689a1075bd7867.webp 900w, https://assets.fabulous.ch/public/variant_asset/7068/file/large-afcdc940a05262efb8083f78874398ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7068/file/medium-9719110600f2d0af94689a1075bd7867.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bio Grosshandel</p>
          <a href="/en/products/jasmin-rice-bulk-buy-organic-10-kg-15499">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Jasmin Rice Bulk Buy Organic, 10 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 56.75
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nn9m-PKEqxclz_Rn1K5ow-4MZdLQ17AB87425OuZLIuMazx5tJjWaxho1QENz1F-apBwDyLeYPF3f7k5fZkdRA" />
    <input value="15499" 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/raw-bar-protein-chocolate-chip-organic-60-g-3154">
          <img alt="Raw Bar Protein Chocolate Chip Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2170/file/small-783c60d32a7f723eb0d03fab16542a36.webp 600w, https://assets.fabulous.ch/public/variant_asset/2170/file/medium-34c0d461b494da52f87fd61b19718aed.webp 900w, https://assets.fabulous.ch/public/variant_asset/2170/file/large-aeca80af9768c434aec04f5d2bda184f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2170/file/medium-34c0d461b494da52f87fd61b19718aed.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">Roo&#39;Bar</p>
          <a href="/en/products/raw-bar-protein-chocolate-chip-organic-60-g-3154">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Raw Bar Protein Chocolate Chip Organic, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.45
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zUyqBrkaKz7QmrvtM3lO_UjnSHmYphuTYybGFJHTnBvfWPCH_wZWQu09movqGHdAzHtdpGqvy2Pn50nJB9Ot1A" />
    <input value="3154" 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/rapunzel-coconut-milk-vegan-chocolate-organic-80-g-7598">
          <img alt="Rapunzel Coconut Milk Vegan Chocolate Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4385/file/small-feca33cbfd36889f3af6cf2dc9c2e20e.webp 600w, https://assets.fabulous.ch/public/variant_asset/4385/file/medium-de3dbede6538e9944939d576ba37205b.webp 900w, https://assets.fabulous.ch/public/variant_asset/4385/file/large-08b077a2955635c5c36cc04335a5e39a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4385/file/medium-de3dbede6538e9944939d576ba37205b.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/rapunzel-coconut-milk-vegan-chocolate-organic-80-g-7598">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rapunzel Coconut Milk Vegan Chocolate Organic, 80 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 5.63 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Q78NH_eD1YQ8Esz0a2vUC1uIu0WUblDNOwkGa7p8k_xRq1eesZ-o-AG17ZKyCu223xSumGZngD2_yIm2LHyiMw" />
    <input value="7598" 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/tigernuts-chufas-roasted-organic-250-g-402">
          <img alt="Tigernuts (Chufas) roasted Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/355/file/small-4ea9bacb7f6a133eaea97b8c5bba1682.webp 600w, https://assets.fabulous.ch/public/variant_asset/355/file/medium-95b9ab6405df7b08c0cb9a76818919f6.webp 900w, https://assets.fabulous.ch/public/variant_asset/355/file/large-fb38526ed3eb471fe9039337b8d236f7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/355/file/medium-95b9ab6405df7b08c0cb9a76818919f6.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">Govinda</p>
          <a href="/en/products/tigernuts-chufas-roasted-organic-250-g-402">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tigernuts (Chufas) roasted Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LIDCsuIWfykXwmqdHhNeKe82hS-8fCxnAHhWqXkW4uo-lJgzpAoCVSplS_vHcmeUa6qQ8k51_JeEudl07xbTJQ" />
    <input value="402" 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/red-lentil-chili-spread-organic-140-g-16621">
          <img alt="Red Lentil Chili Spread Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7686/file/small-526293f960c53a4e5b92521eb6205a90.webp 600w, https://assets.fabulous.ch/public/variant_asset/7686/file/medium-0c38c1f73c653cd3adc89c0fb79e776b.webp 900w, https://assets.fabulous.ch/public/variant_asset/7686/file/large-6a45b6516543c2038309ce740ff1f2aa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7686/file/medium-0c38c1f73c653cd3adc89c0fb79e776b.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/red-lentil-chili-spread-organic-140-g-16621">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Red Lentil Chili Spread Organic, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TFtvrfwaQeK8IHckk_JV0gz9Dp5XffhgmYgv_WhEqkteTzUsugY8noGHVkJKk2xviGEbQ6V0KJAdSaAg_kSbhA" />
    <input value="16621" 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/vanilla-sugar-organic-8-g-470">
          <img alt="Vanilla Sugar Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/422/file/small-0a1a729dc9927ade81ae5f1738b9354d.webp 600w, https://assets.fabulous.ch/public/variant_asset/422/file/medium-43055fb785a02bf238217534d050964d.webp 900w, https://assets.fabulous.ch/public/variant_asset/422/file/large-f8cdc44df8c303dd8f85ec3bfc3757cd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/422/file/medium-43055fb785a02bf238217534d050964d.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-sugar-organic-8-g-470">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vanilla Sugar Organic, 8 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 0.85
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_QX-pSI5KuZ4ELPvvFeUD_EmUJ6MBV-YcjlqRwL9swDvEaQkZCVXmkW3kollNq2ydbpFQ34Mj2j2-OWalP2Czw" />
    <input value="470" 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/coconut-milk-organic-400-ml-1110">
          <img alt="Coconut Milk Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/989/file/small-1b48e7910282d4207f2dbeb628f91fda.webp 600w, https://assets.fabulous.ch/public/variant_asset/989/file/medium-f3f53ee4498ba6f3dc526bb40ff61637.webp 900w, https://assets.fabulous.ch/public/variant_asset/989/file/large-622c90206e71862639f9ef27229dfce7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/989/file/medium-f3f53ee4498ba6f3dc526bb40ff61637.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/coconut-milk-organic-400-ml-1110">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Coconut Milk Organic, 400 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.00
            </p>

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

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

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

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



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

</template></turbo-stream>