<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/lazzaretti-red-lentils-pasta-organic-250-g-686">
          <img alt="Lazzaretti Red Lentils Pasta Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/641/file/small-03e80cee9855636698878f12671a9022.webp 600w, https://assets.fabulous.ch/public/variant_asset/641/file/medium-59b15d21753f640f3feaa4a53d20abea.webp 900w, https://assets.fabulous.ch/public/variant_asset/641/file/large-f181e6e2fa0b4b2e518755acf90aa126.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/641/file/medium-59b15d21753f640f3feaa4a53d20abea.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">Lazzaretti</p>
          <a href="/en/products/lazzaretti-red-lentils-pasta-organic-250-g-686">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lazzaretti Red Lentils Pasta Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GooRhmEA7dITquKoUF5LrlWPtStqJTNR0a_FUVcfP5wIcUuwshkJ9cw_78A_4CGhRCZnoI4TRbMEBfcKoPYYgg" />
    <input value="686" 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-100-g-1112">
          <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/990/file/small-c642aad954be1b85967e53d98669d8a3.webp 600w, https://assets.fabulous.ch/public/variant_asset/990/file/medium-4c159cc2bbdf5005b29c555f0c770a0b.webp 900w, https://assets.fabulous.ch/public/variant_asset/990/file/large-9506f9c74d223f56739f7d5db16a30b9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/990/file/medium-4c159cc2bbdf5005b29c555f0c770a0b.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-100-g-1112">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pea Protein Powder Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CpjQSgVfjy9Hm4XaMqkIk4URfCR18BHqWe34wWMdBqQYY4p81kZrCJgOiLJdF2KclLiur5HGZwiMR8qalPQhug" />
    <input value="1112" 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/lupine-protein-powder-raw-organic-100-g-1343">
          <img alt="Lupine Protein Powder Raw Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1128/file/small-78c00d060cf1e788ee96d837a9b21adf.webp 600w, https://assets.fabulous.ch/public/variant_asset/1128/file/medium-7a18eb105af685a091e15bf895da1ff6.webp 900w, https://assets.fabulous.ch/public/variant_asset/1128/file/large-d9f54af02f87ca51fa0c669f607c2437.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1128/file/medium-7a18eb105af685a091e15bf895da1ff6.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/lupine-protein-powder-raw-organic-100-g-1343">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lupine Protein Powder Raw Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oeVcRilTlfkBuMdNpGvn5Ki1gB6eEPP49qJ7pAbbyZGzHgZw-kpx3t4tyiXL1Y3ruRxSlXomhRojCEn_8TLujw" />
    <input value="1343" 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/hemp-protein-powder-organic-500-g-1346">
          <img alt="Hemp 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/1133/file/small-321ac0eaa577e19a144e4b1954d528d9.webp 600w, https://assets.fabulous.ch/public/variant_asset/1133/file/medium-50bf04d76eb217e5eb3ab8858112119c.webp 900w, https://assets.fabulous.ch/public/variant_asset/1133/file/large-49f80ff80d5e7335279c85db4178891a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1133/file/medium-50bf04d76eb217e5eb3ab8858112119c.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/hemp-protein-powder-organic-500-g-1346">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hemp Protein Powder Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Xx2FYqxj5B5qkQV_pSOvPzZ_XEfpiqOrbj_2gz-BI8NN5t9Uf3oAObUECBfKncUwJ9aOzA281Um7lcTYyGgE3Q" />
    <input value="1346" 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/lazzaretti-beluga-lentils-pasta-organic-250-g-1801">
          <img alt="Lazzaretti Beluga Lentils Pasta Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1408/file/small-ad9842b0ae5d4e11d4e3f15d81e9dd03.webp 600w, https://assets.fabulous.ch/public/variant_asset/1408/file/medium-e3e30cd211e8029eb63635ab382bc277.webp 900w, https://assets.fabulous.ch/public/variant_asset/1408/file/large-7e0c5f0a691f63b39de2656c0f7ec7dc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1408/file/medium-e3e30cd211e8029eb63635ab382bc277.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">Lazzaretti</p>
          <a href="/en/products/lazzaretti-beluga-lentils-pasta-organic-250-g-1801">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lazzaretti Beluga Lentils Pasta Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/lasagna-yellow-lentils-gluten-free-organic-250-g-7512">
          <img alt="Lasagna Yellow Lentils 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/4321/file/small-444201ae4b9d9b2534502fca17e33a10.webp 600w, https://assets.fabulous.ch/public/variant_asset/4321/file/medium-5a98cbc9adfca53509a16b5b46ba92fd.webp 900w, https://assets.fabulous.ch/public/variant_asset/4321/file/large-c9ebec0cf3186d788718d9282b326286.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4321/file/medium-5a98cbc9adfca53509a16b5b46ba92fd.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">Ma Vie Sans Gluten</p>
          <a href="/en/products/lasagna-yellow-lentils-gluten-free-organic-250-g-7512">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lasagna Yellow Lentils Gluten Free Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.75
            </p>

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

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/protein-cereal-cake-chickpeas-organic-100-g-8623">
          <img alt="Protein Cereal Cake Chickpeas Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5021/file/small-fcbd412790a1a89c9713a763f979834c.webp 600w, https://assets.fabulous.ch/public/variant_asset/5021/file/medium-4ea456481c7a3b93faa0c7f2077264a1.webp 900w, https://assets.fabulous.ch/public/variant_asset/5021/file/large-2e5e62383b3d5598efce49bee1968269.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5021/file/medium-4ea456481c7a3b93faa0c7f2077264a1.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">Lima</p>
          <a href="/en/products/protein-cereal-cake-chickpeas-organic-100-g-8623">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Protein Cereal Cake Chickpeas Organic, 100 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 3.60 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/protein-cereal-cake-lentils-organic-100-g-8624">
          <img alt="Protein Cereal Cake Lentils Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5022/file/small-67fd693af1de5ddf2673b2bd06fd11dc.webp 600w, https://assets.fabulous.ch/public/variant_asset/5022/file/medium-2ef002f25eba5ccebc89cf8744acc910.webp 900w, https://assets.fabulous.ch/public/variant_asset/5022/file/large-d3dffe909cabf364f85b509d1e4faeab.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5022/file/medium-2ef002f25eba5ccebc89cf8744acc910.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">Lima</p>
          <a href="/en/products/protein-cereal-cake-lentils-organic-100-g-8624">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Protein Cereal Cake Lentils Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/pasta-explore-cuisine-penne-made-from-red-lentils-organic-250-g-8639">
          <img alt="Pasta Explore Cuisine Penne made from Red Lentils Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5029/file/small-2f58e6551c8044162b3356482aa7cd04.webp 600w, https://assets.fabulous.ch/public/variant_asset/5029/file/medium-a31ce4858eeaad54cd2417300060806b.webp 900w, https://assets.fabulous.ch/public/variant_asset/5029/file/large-9eb7d6043733f18cf5331a7784f668d4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5029/file/medium-a31ce4858eeaad54cd2417300060806b.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">Explore Cuisine</p>
          <a href="/en/products/pasta-explore-cuisine-penne-made-from-red-lentils-organic-250-g-8639">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pasta Explore Cuisine Penne made from Red Lentils Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Cu3tBqak5trvcYAhHrv_bKfpTY3AyhgOPxsojWWHCFMYFrcwdb0C_TDkjUlxBZVjtkCfBiT8buzqsRrWkm4vTQ" />
    <input value="8639" 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/protein-balls-cocoa-hemp-seeds-organic-50-g-9327">
          <img alt="Protein Balls Cocoa &amp; Hemp Seeds Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5307/file/small-b73feb72705ee15fefc03ca5674cbacd.webp 600w, https://assets.fabulous.ch/public/variant_asset/5307/file/medium-0d709a5ab3f4c984239edc5b374efc8c.webp 900w, https://assets.fabulous.ch/public/variant_asset/5307/file/large-d092d23c1345b37aae7adb243b32a5a0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5307/file/medium-0d709a5ab3f4c984239edc5b374efc8c.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/protein-balls-cocoa-hemp-seeds-organic-50-g-9327">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Protein Balls Cocoa &amp; Hemp Seeds Organic, 50 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 6.90 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="j9n8NHihOTN28PctljCMbo64Clmd_kGmdRrBC7AIBcudIqYCq7jdFKll-kX5juZhnxHY0nnIN0SgsPNQR-Ei1Q" />
    <input value="9327" 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/protein-balls-raspberry-chia-organic-50-g-9328">
          <img alt="Protein Balls Raspberry &amp; Chia Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5310/file/small-818f9367921de6f0e12516324fba9796.webp 600w, https://assets.fabulous.ch/public/variant_asset/5310/file/medium-050439d1088abe717b7e2c836e997259.webp 900w, https://assets.fabulous.ch/public/variant_asset/5310/file/large-998e7cfe5dabaf651af2c7b080a95f53.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5310/file/medium-050439d1088abe717b7e2c836e997259.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/protein-balls-raspberry-chia-organic-50-g-9328">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Protein Balls Raspberry &amp; Chia Organic, 50 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 6.90 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BOorx_sLx_8OZGdAjAWHJN-kMnbtreZe6yRD4AexDjEWEXHxKBIj2NHxaijju-0rzg3g_QmbkLw-jnG78FgpLw" />
    <input value="9328" 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/protein-balls-mango-coconut-organic-50-g-9329">
          <img alt="Protein Balls Mango &amp; Coconut Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5311/file/small-70f31f1d5ea004515329bbaab2eea403.webp 600w, https://assets.fabulous.ch/public/variant_asset/5311/file/medium-a931a848f2253ea8b1bbe9eadaa8822d.webp 900w, https://assets.fabulous.ch/public/variant_asset/5311/file/large-330d43a8be448b7a2540fd9a98c37837.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5311/file/medium-a931a848f2253ea8b1bbe9eadaa8822d.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/protein-balls-mango-coconut-organic-50-g-9329">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Protein Balls Mango &amp; Coconut Organic, 50 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 6.90 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ThdF6L68kssKpY5L0owulCuVGR07kbMBC0vujzGujzJc7B_ebaV27NUwgyO9MkSbOjzLlt-nxePe4dzUxkeoLA" />
    <input value="9329" 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/lifebar-protein-bar-protein-strawberry-raw-organic-40-g-11023">
          <img alt="Lifebar Protein Bar Protein Strawberry Raw Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5666/file/small-89a133204b10f11b7fb361c2e081ba1c.webp 600w, https://assets.fabulous.ch/public/variant_asset/5666/file/medium-08ff38eeca9abca9b909ab56f751f7f6.webp 900w, https://assets.fabulous.ch/public/variant_asset/5666/file/large-d8df3bfdb204243dc41c39750fdb65b8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5666/file/medium-08ff38eeca9abca9b909ab56f751f7f6.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lifefood</p>
          <a href="/en/products/lifebar-protein-bar-protein-strawberry-raw-organic-40-g-11023">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lifebar Protein Bar Protein Strawberry Raw Organic, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.75
            </p>

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

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/perform-plant-protein-strawberry-vanilla-26-servings-26-portion-12900">
          <img alt="Perform Plant Protein - Strawberry Milkshake" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8740/file/small-2e618ff7e5593b50fd3342638f1665ca.webp 600w, https://assets.fabulous.ch/public/variant_asset/8740/file/medium-04d1c04a576e67060658b036a97404b6.webp 900w, https://assets.fabulous.ch/public/variant_asset/8740/file/large-af9959a157d51b523dd6a3b2c6abb337.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8740/file/medium-04d1c04a576e67060658b036a97404b6.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-strawberry-vanilla-26-servings-26-portion-12900">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Perform Plant Protein - Strawberry Milkshake, 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-12900-card">
        

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/bar-protein-smooth-cacao-organic-45-g-12974">
          <img alt="Bar Protein Smooth Cacao Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6371/file/small-69a98085bca7cac8c8f03402a52c06bf.webp 600w, https://assets.fabulous.ch/public/variant_asset/6371/file/medium-5f4e765a0405053ec3e1c48b623f326e.webp 900w, https://assets.fabulous.ch/public/variant_asset/6371/file/large-7480c36324ff7a05c2a4f229c9a40c65.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6371/file/medium-5f4e765a0405053ec3e1c48b623f326e.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">Raw Bite</p>
          <a href="/en/products/bar-protein-smooth-cacao-organic-45-g-12974">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bar Protein Smooth Cacao Organic, 45 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WQRe1SOt0Wz_EGEzkaUGhmwIxmczfSKZKUQ2unZGCttL_wTj8LQ1SyCFbFv-G2yJfaEU7NdLVHv87gThga8txQ" />
    <input value="12974" 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/brownie-batter-flavour-protein-bar-50-g-13365">
          <img alt="Brownie Batter Flavour Protein Bar" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6459/file/small-2e330944bf3ffd373bb1242791f18fbc.webp 600w, https://assets.fabulous.ch/public/variant_asset/6459/file/medium-99118408ac973ccc70205b5345cb368e.webp 900w, https://assets.fabulous.ch/public/variant_asset/6459/file/large-b4e47252e05aefc0c7e3b0a01d386a2d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6459/file/medium-99118408ac973ccc70205b5345cb368e.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">Misfits</p>
          <a href="/en/products/brownie-batter-flavour-protein-bar-50-g-13365">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Brownie Batter Flavour Protein Bar, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2ZgbEbXtsNQa0yyaG5rxYpOnDR7vvjeVaOCc9rC-4KrLY0EnZvRU88VGIfJ0JJttgg7flQuIQXe9Sq6tR1fHtA" />
    <input value="13365" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/cookie-dough-flavour-protein-bar-50-g-13401">
          <img alt="Cookie Dough Flavour Protein Bar" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6487/file/small-245c25e65444578e6711670f7d20327a.webp 600w, https://assets.fabulous.ch/public/variant_asset/6487/file/medium-e24e975b37f9f8120277720df4f56143.webp 900w, https://assets.fabulous.ch/public/variant_asset/6487/file/large-3cf2625a4701d6e6441f468732e07535.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6487/file/medium-e24e975b37f9f8120277720df4f56143.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">Misfits</p>
          <a href="/en/products/cookie-dough-flavour-protein-bar-50-g-13401">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cookie Dough Flavour Protein Bar, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/cookie-butter-flavour-protein-bar-50-g-13402">
          <img alt="Cookie Butter Flavour Protein Bar" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6491/file/small-d9811da56cfed28088eb663970835d16.webp 600w, https://assets.fabulous.ch/public/variant_asset/6491/file/medium-dabc58e82d2fbd185b582724e6b03b93.webp 900w, https://assets.fabulous.ch/public/variant_asset/6491/file/large-4e29c0836282afd4d34fd693fd62d1b9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6491/file/medium-dabc58e82d2fbd185b582724e6b03b93.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">Misfits</p>
          <a href="/en/products/cookie-butter-flavour-protein-bar-50-g-13402">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cookie Butter Flavour Protein Bar, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/caramel-fudge-flavour-protein-bar-50-g-13403">
          <img alt="Caramel Fudge Flavour Protein Bar" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6492/file/small-60e5226e36deb5a0e9008458dee836f6.webp 600w, https://assets.fabulous.ch/public/variant_asset/6492/file/medium-766f8201bde1d99f8b769ae201eb98e6.webp 900w, https://assets.fabulous.ch/public/variant_asset/6492/file/large-1dfc7f1cc3708f895ccd128576a7a84f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6492/file/medium-766f8201bde1d99f8b769ae201eb98e6.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">Misfits</p>
          <a href="/en/products/caramel-fudge-flavour-protein-bar-50-g-13403">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Caramel Fudge Flavour Protein Bar, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/bundle-protein-starter-set-vanilla-3-piece-set-1-piece-16001">
          <img alt="Bundle Protein Starter Set - Vanilla, 3-Piece Set" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7388/file/small-cc58ca2559d6703261ceeb0c166035c8.webp 600w, https://assets.fabulous.ch/public/variant_asset/7388/file/medium-760071f3ef7b96077fa495a11c278ccb.webp 900w, https://assets.fabulous.ch/public/variant_asset/7388/file/large-39e8abd788d62f2c4963601e85fe4533.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7388/file/medium-760071f3ef7b96077fa495a11c278ccb.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/bundle-protein-starter-set-vanilla-3-piece-set-1-piece-16001">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bundle Protein Starter Set - Vanilla, 3-Piece Set, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 65.15</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 58.50</span>
            </p>

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

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

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

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



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

</template></turbo-stream>