<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/tofu-filets-japanese-style-organic-80-g-348">
          <img alt="Tofu-Filets Japanese Style Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/311/file/small-e4d1d540636711afa63a6d5a746307e2.webp 600w, https://assets.fabulous.ch/public/variant_asset/311/file/medium-e6c4780d34431b49a447365e286db3b8.webp 900w, https://assets.fabulous.ch/public/variant_asset/311/file/large-258e8823c563e13b57ee4ed6afaf4dd1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/311/file/medium-e6c4780d34431b49a447365e286db3b8.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">Taifun</p>
          <a href="/en/products/tofu-filets-japanese-style-organic-80-g-348">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tofu-Filets Japanese Style Organic, 2 x 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.25
            </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.66 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PY-92CvOjM3yBCXTjepdaidjreEhmL6A90ENyLlprnejT4eEOkTocPN8qZePPFXNl-JxTKoExLUU4X3dDjYCeA" />
    <input value="348" 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/perform-plant-protein-cacao-26-servings-26-portion-12905">
          <img alt="Perform Plant Protein - Chocolate Brownie" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8732/file/small-0370bfd43bf56378135b42f3f653ce2b.webp 600w, https://assets.fabulous.ch/public/variant_asset/8732/file/medium-cf95ac37729a84ced33967f1e24709eb.webp 900w, https://assets.fabulous.ch/public/variant_asset/8732/file/large-d270de9485eb456e7e1ab88435550ab8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8732/file/medium-cf95ac37729a84ced33967f1e24709eb.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">Vivo Life</p>
          <a href="/en/products/perform-plant-protein-cacao-26-servings-26-portion-12905">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Perform Plant Protein - Chocolate Brownie, 26 portions</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 49.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="me8wXqE05bt5C3OA2geZNLz4SKighiTOTr-JI5HnSWoHLwoCsL6BBnhz_8TY0ZGTDHmUBSsaXvutH_k2JrjlZQ" />
    <input value="12905" 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/perform-plant-protein-madagascan-vanilla-26-servings-26-portion-12901">
          <img alt="Perform Plant Protein - Madagascan Vanilla" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8730/file/small-65f07490a905c5d4adeff9a6738f461d.webp 600w, https://assets.fabulous.ch/public/variant_asset/8730/file/medium-f76444f5af20a4829c7b13b3797dee8a.webp 900w, https://assets.fabulous.ch/public/variant_asset/8730/file/large-65fdf5c0fe3875323468100ff4665867.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8730/file/medium-f76444f5af20a4829c7b13b3797dee8a.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">Vivo Life</p>
          <a href="/en/products/perform-plant-protein-madagascan-vanilla-26-servings-26-portion-12901">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Perform Plant Protein - Madagascan Vanilla, 26 portions</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 49.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fcYfbiZJWpRCajYRuekoi1ouxL_YyKfoMrDvKm0cCazjBiUyN8M-KUMSulW7PyAs6q8YElNU3d3REJ8_2kOlow" />
    <input value="12901" 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/perform-plant-protein-salted-maca-caramel-26-servings-26-portion-12904">
          <img alt="Perform Plant Protein - Salted Caramel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8738/file/small-92c1fddc87c53929b433776bee591c36.webp 600w, https://assets.fabulous.ch/public/variant_asset/8738/file/medium-72e9f46401391420f8601db2a35f3ca2.webp 900w, https://assets.fabulous.ch/public/variant_asset/8738/file/large-d56e3fd7ea596f60d8d81648d583c1ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8738/file/medium-72e9f46401391420f8601db2a35f3ca2.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">Vivo Life</p>
          <a href="/en/products/perform-plant-protein-salted-maca-caramel-26-servings-26-portion-12904">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Perform Plant Protein - Salted Caramel, 26 portions</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 49.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mn5O6O3pez9IcaMCdCg716Czb2YAl08Ompx1PMj4bWkEvnS0_GMfgkkJL0Z2_jNwEDKzy4sLNTt5PAUpf6fBZg" />
    <input value="12904" 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/perform-plant-protein-cai-blueberry-26-servings-26-portion-12903">
          <img alt="Perform Plant Protein - Blueberry Muffin" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8736/file/small-83591a0e721e4813b2171d17316bf279.webp 600w, https://assets.fabulous.ch/public/variant_asset/8736/file/medium-bc4cfbf556a7860be6745d3b76983bdc.webp 900w, https://assets.fabulous.ch/public/variant_asset/8736/file/large-5861cdb37cda6c9716220e1f9e9a7983.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8736/file/medium-bc4cfbf556a7860be6745d3b76983bdc.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">Vivo Life</p>
          <a href="/en/products/perform-plant-protein-cai-blueberry-26-servings-26-portion-12903">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Perform Plant Protein - Blueberry Muffin, 26 portions</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 49.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uddE-vWJvtD-4-gN6zFue51Qq2ZVwDpm_T5QZkiMS9YnF36m5APabf-bZEnp52bcLdF3y95cQFMeniBz_9Pn2Q" />
    <input value="12903" 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/perform-plant-protein-banana-cinnamon-26-servings-26-portion-12902">
          <img alt="Perform Plant Protein - Banana Bread" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8734/file/small-ffd2a19fb868da5a878bc3b2feb4f37d.webp 600w, https://assets.fabulous.ch/public/variant_asset/8734/file/medium-0b7a92af5a45475b5df273ed832bfda7.webp 900w, https://assets.fabulous.ch/public/variant_asset/8734/file/large-3d75042b72095c92971dfb05a76c5098.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8734/file/medium-0b7a92af5a45475b5df273ed832bfda7.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">Vivo Life</p>
          <a href="/en/products/perform-plant-protein-banana-cinnamon-26-servings-26-portion-12902">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Perform Plant Protein - Banana Bread, 26 portions</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 49.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MXlm3fAHbcYAavKmiR7dVrq0RQDkR1981ZipBsloGOWvuVyB4Y0JewESfuKLyNXxCjWZrW_bJUk2ONkTfje06g" />
    <input value="12902" 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/whole-plant-protein-meal-caramel-biscuit-25-servings-25-portion-12906">
          <img alt="WHOLE Plant Protein Meal - Caramel Biscuit" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6341/file/small-3d2d2c581b5c83ab3f1cfcc93b16775f.webp 600w, https://assets.fabulous.ch/public/variant_asset/6341/file/medium-dbce91c50d284c41557f60c6a96a7a92.webp 900w, https://assets.fabulous.ch/public/variant_asset/6341/file/large-ccfa6cda1156951c3ff8aa5613c2f960.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6341/file/medium-dbce91c50d284c41557f60c6a96a7a92.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">Vivo Life</p>
          <a href="/en/products/whole-plant-protein-meal-caramel-biscuit-25-servings-25-portion-12906">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">WHOLE Plant Protein Meal - Caramel Biscuit, 25 portions</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 49.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0c0EYTOpdltxLe9Id-99-LgTtKm-CEWnCg9eYx7jHwpPDT49IiMS5nBVYwx1OXVfCJJoBDWUP5Lpry52qbyzBQ" />
    <input value="12906" 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/whole-plant-protein-meal-strawberry-25-servings-25-portion-12907">
          <img alt="WHOLE Plant Protein Meal - Strawberry" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6342/file/small-67c38c7dcc483b6c876f4b55c75c26d9.webp 600w, https://assets.fabulous.ch/public/variant_asset/6342/file/medium-acbb110cebb8049d85273eabde7bf9a1.webp 900w, https://assets.fabulous.ch/public/variant_asset/6342/file/large-5c56f08eb146955cdca7d1db3240189b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6342/file/medium-acbb110cebb8049d85273eabde7bf9a1.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">Vivo Life</p>
          <a href="/en/products/whole-plant-protein-meal-strawberry-25-servings-25-portion-12907">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">WHOLE Plant Protein Meal - Strawberry, 25 portions</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 49.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vOebPsdP-xdHs0KdqN58f8Zya71DZt9oKM7t0fIEALAiJ6Fi1sWfqkbLztmqCHTYdvO3EMj6pV3Lbp3ERVusvw" />
    <input value="12907" 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/whole-plant-protein-meal-vanilla-25-servings-25-portion-12908">
          <img alt="WHOLE Plant Protein Meal - Vanilla" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6343/file/small-3a46684e4220f5f4e947643554bc1829.webp 600w, https://assets.fabulous.ch/public/variant_asset/6343/file/medium-34361d5e073e234fc66ba45d4c8033fc.webp 900w, https://assets.fabulous.ch/public/variant_asset/6343/file/large-a836aaa72cf1f2fd374e05686bddb4f1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6343/file/medium-34361d5e073e234fc66ba45d4c8033fc.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">Vivo Life</p>
          <a href="/en/products/whole-plant-protein-meal-vanilla-25-servings-25-portion-12908">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">WHOLE Plant Protein Meal - Vanilla, 25 portions</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 49.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1yvqZVqdhQpabPctAt_i63k22UAjp4iKIdpWcxMylk5J69A5Sxfht1sUe2kACepMybcF7ag78r_CeiZmpG06QQ" />
    <input value="12908" 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/plant-protein-collagen-builder-vanilla-cinnamon-25-servings-25-portion-13257">
          <img alt="Plant Protein Collagen Builder - Vanilla &amp; Cinnamon" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6439/file/small-e5e1c498d05cdcd53841ef9f10c68801.webp 600w, https://assets.fabulous.ch/public/variant_asset/6439/file/medium-4ad18cf3c7bca9f7bc8cf622dcb8e91e.webp 900w, https://assets.fabulous.ch/public/variant_asset/6439/file/large-0feaef69ab841ffacb9d01a00a360cad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6439/file/medium-4ad18cf3c7bca9f7bc8cf622dcb8e91e.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">Vivo Life</p>
          <a href="/en/products/plant-protein-collagen-builder-vanilla-cinnamon-25-servings-25-portion-13257">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Plant Protein Collagen Builder - Vanilla &amp; Cinnamon, 25 portions</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 49.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AMDeen7PR783RSShG__-93pfj0rE8nT3lkWRf71UT2KeAOQmb0UjAjY9qOUZKfZQyt5T509uDsJ15eFqCgvjbQ" />
    <input value="13257" 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/vivo-scoop-set-2-pcs-2-piece-12910">
          <img alt="Vivo Scoop Set" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6345/file/small-51c011bbc2e94035aed9b5b5e4783602.webp 600w, https://assets.fabulous.ch/public/variant_asset/6345/file/medium-d426c0bc39d6a8f607c7e0109dfc1d2d.webp 900w, https://assets.fabulous.ch/public/variant_asset/6345/file/large-a6971f678783c7e176747a3948f6c25f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6345/file/medium-d426c0bc39d6a8f607c7e0109dfc1d2d.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">Vivo Life</p>
          <a href="/en/products/vivo-scoop-set-2-pcs-2-piece-12910">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vivo Scoop Set, 2 pieces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fd5xdsh1hlyR3FTrPNXAPBiqP7495vmYGW4TYbHroz7jHksq2f_i4ZCk2K8-A8ibqCvjE7Z6g636zmN0BrQPMQ" />
    <input value="12910" 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/vivo-protein-shaker-600-ml-12911">
          <img alt="Vivo Protein Shaker" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6346/file/small-6230d602a4713abe4e379b1f78f54745.webp 600w, https://assets.fabulous.ch/public/variant_asset/6346/file/medium-d2150d6d85e0b39b31cd404ebd86b35f.webp 900w, https://assets.fabulous.ch/public/variant_asset/6346/file/large-04ea63cb842992d770b3c1f1adb43b29.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6346/file/medium-d2150d6d85e0b39b31cd404ebd86b35f.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">Vivo Life</p>
          <a href="/en/products/vivo-protein-shaker-600-ml-12911">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vivo Protein Shaker, 600 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.55
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HfSiw-7aZ25g3LUVL3hKBneuOVfE89MsPcqgS0UxgcWDNJif_1AD02GkOVEtrkKhxy_l-k9vqRneatBe8m4tyg" />
    <input value="12911" 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-d3-k2-complex-50-ml-12929">
          <img alt="Vegan D3 &amp; K2 Complex" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6349/file/small-20790248e09a3bb82404556f06678cf7.webp 600w, https://assets.fabulous.ch/public/variant_asset/6349/file/medium-7aecae0064c51edd0a85b57bd1f8bf81.webp 900w, https://assets.fabulous.ch/public/variant_asset/6349/file/large-f31ab8f35a6fa0651215412a1c072196.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6349/file/medium-7aecae0064c51edd0a85b57bd1f8bf81.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">Vivo Life</p>
          <a href="/en/products/vegan-d3-k2-complex-50-ml-12929">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan D3 &amp; K2 Complex, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="o1FfPODyqetF-mXVbj3ZMEUm-kgUqp3d-kqXAwIlqhw9kWVg8XjNVkSC6ZFs69GX9acm5Z825-gZ6ucWtXoGEw" />
    <input value="12929" 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-liquid-b12-complex-60-ml-12928">
          <img alt="Vegan Liquid B12 Complex" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6348/file/small-f7339f61463a57f9221432bb17310d83.webp 600w, https://assets.fabulous.ch/public/variant_asset/6348/file/medium-ebec0bba781b9873d1a6a812fbaf5dc8.webp 900w, https://assets.fabulous.ch/public/variant_asset/6348/file/large-8b612acfa26d852224f0292118c73777.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6348/file/medium-ebec0bba781b9873d1a6a812fbaf5dc8.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">Vivo Life</p>
          <a href="/en/products/vegan-liquid-b12-complex-60-ml-12928">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan Liquid B12 Complex, 60 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="r_k0QBT_oa7yu-LOPf1JaKUucJxr1JwRubGTebAfAJQxOQ4cBXXFE_PDboo_K0HPFa-sMeBI5iRaEeNsB0Csmw" />
    <input value="12928" 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/plant-based-omega-3-epa-dha-60-ml-12927">
          <img alt="Plant Based Omega-3 EPA/DHA" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6347/file/small-29baba6cd6fe15ea7a786713105e2694.webp 600w, https://assets.fabulous.ch/public/variant_asset/6347/file/medium-cf5e01b8afe7f12440d66c84202bc40a.webp 900w, https://assets.fabulous.ch/public/variant_asset/6347/file/large-3eadadacae390770aff5eec7012ff5f1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6347/file/medium-cf5e01b8afe7f12440d66c84202bc40a.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">Vivo Life</p>
          <a href="/en/products/plant-based-omega-3-epa-dha-60-ml-12927">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Plant Based Omega-3 EPA/DHA, 60 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 28.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OcBR86XXQCgWXiR4bEINt3rlHq_HEBucdAqSPh53sNanAGuvtF0klRcmqDxulAUQymTCAkyMYamXquIrqSgc2Q" />
    <input value="12927" 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/creatine-monohydrate-84-portions-84-portion-12899">
          <img alt="Creatine Monohydrate, 84 Portions" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6334/file/small-1acb7a7a19875ebf918f99d85aab134c.webp 600w, https://assets.fabulous.ch/public/variant_asset/6334/file/medium-8ac25574e438aadcbdb5248e2258a5fc.webp 900w, https://assets.fabulous.ch/public/variant_asset/6334/file/large-d098722652008af9ad123ab58991c661.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6334/file/medium-8ac25574e438aadcbdb5248e2258a5fc.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">Vivo Life</p>
          <a href="/en/products/creatine-monohydrate-84-portions-84-portion-12899">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Creatine Monohydrate, 84 Portions, 84 portions</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Us33tyl7ujVE3pcsOdm2pkGhvWVoigcP_2pBeBfzeFPMDc3rOPHeiEWmG2g7D74B8SBhyOMWfTocyjFtoKzUXA" />
    <input value="12899" 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-multinutrient-capsule-60-servings-60-portion-12909">
          <img alt="Vegan Multinutrient" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6344/file/small-018c21bf7bff609c39ca7e243fd39a4e.webp 600w, https://assets.fabulous.ch/public/variant_asset/6344/file/medium-28858abc51ea3c13ba6321b906e1f781.webp 900w, https://assets.fabulous.ch/public/variant_asset/6344/file/large-4153c6b6712e8172c13292aab8db33a0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6344/file/medium-28858abc51ea3c13ba6321b906e1f781.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">Vivo Life</p>
          <a href="/en/products/vegan-multinutrient-capsule-60-servings-60-portion-12909">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan Multinutrient, 60 capsules</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Gc8pxaRMmX3wLRYAf-pkbw2ugUGLxzWXuB-oEJvz6uSHDxOZtcb9wPFVmkR9PGzIvS9d7ABbT6Jbv9gFLKxG6w" />
    <input value="12909" 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/kombucha-urban-green-tea-peppermint-organic-330-ml-15947">
          <img alt="Kombucha Urban Green Tea &amp; Peppermint Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7340/file/small-d937ae2981d9cf9e19920cf9eb7cd107.webp 600w, https://assets.fabulous.ch/public/variant_asset/7340/file/medium-4ec4635689221a9b7ec010cd2517628f.webp 900w, https://assets.fabulous.ch/public/variant_asset/7340/file/large-37399ef4fe36d1917fe8a97c82cbafff.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7340/file/medium-4ec4635689221a9b7ec010cd2517628f.webp" />
</a>    </header>

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

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XDzEUy5TGbskJ6c_Dfe4JdZqbNGfONhuZnwmG7J1rk7C_P4PP9l9BiVfK3sPIbCCZuuwfBSkoluF3FYOBSoCQQ" />
    <input value="15947" type="hidden" name="variant_id" id="variant_id" />
    <input value="12" 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/lentils-green-raw-food-quality-organic-500-g-6933">
          <img alt="Lentils Green Raw Food Quality Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4012/file/small-56d6b3ed4cbd0a76b50dffb6b858f41a.webp 600w, https://assets.fabulous.ch/public/variant_asset/4012/file/medium-6f816f31756b4f39832fb93fecaedf96.webp 900w, https://assets.fabulous.ch/public/variant_asset/4012/file/large-c7d0090f9fd9895b31ef752bd6f9e4ee.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4012/file/medium-6f816f31756b4f39832fb93fecaedf96.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/lentils-green-raw-food-quality-organic-500-g-6933">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lentils Green Raw Food Quality Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.15
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sVLPocY9D7e7xWpPGdQOhAv5CO3c8W95Nq4WhXZWFCAvkvX917drCrq95gsbAgYju3jUQFdtFUzVDmaQwQm4Lw" />
    <input value="6933" 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/pasta-penne-corn-rice-gluten-free-organic-250-g-16022">
          <img alt="Pasta Penne Corn Rice Gluten-Free Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7402/file/small-f39cd9be1f19c65e9db512e6372fbcf9.webp 600w, https://assets.fabulous.ch/public/variant_asset/7402/file/medium-70c3cb8ff784374252dc3211f35330f0.webp 900w, https://assets.fabulous.ch/public/variant_asset/7402/file/large-a00753dd4c6b1d9d1a6fb2e79662a52f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7402/file/medium-70c3cb8ff784374252dc3211f35330f0.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Alce Nero</p>
          <a href="/en/products/pasta-penne-corn-rice-gluten-free-organic-250-g-16022">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pasta Penne Corn Rice Gluten-Free Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-fNZK_J3TCl1CL1J-O4RHgQ5Xpi74m9LeZ3Llz32sj9nM2N34_0olHRwMQ36OBm5tLiCNTB-FX6aPbuCiqkeMA" />
    <input value="16022" 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">
      800 of 3&#39;186 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/kuhbonbons?format=turbo_stream&amp;page=41">Show more</a>
  </div>
</div>

</template></turbo-stream>