<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/vivani-hot-chocolate-demeter-300-g-13858">
          <img alt="Vivani Hot Chocolate Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6594/file/small-c5cae436e43cfc2ca92825becbf3a08c.webp 600w, https://assets.fabulous.ch/public/variant_asset/6594/file/medium-56e54221d624ddb2844bc13c6a10d480.webp 900w, https://assets.fabulous.ch/public/variant_asset/6594/file/large-2e92379810344b288445070ed8b43c3d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6594/file/medium-56e54221d624ddb2844bc13c6a10d480.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">Vivani / Ichoc</p>
          <a href="/en/products/vivani-hot-chocolate-demeter-300-g-13858">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vivani Hot Chocolate Demeter, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pOGsMnC5INE3w4HHf4mPf26oSi6NQh-Nz-09g58WFVGoueZlYpIZN-SVvUq60H0dlYBxXQrMxrLzVkpwbAjKRw" />
    <input value="13858" 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/nucleotides-intestaid-180-capsules-180-piece-13871">
          <img alt="Nucleotides Intestaid, 180 Capsules" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6595/file/small-64e7808694d6ed99c7c419b8b49c8beb.webp 600w, https://assets.fabulous.ch/public/variant_asset/6595/file/medium-839656bb21a3528b9d88e60ec639a4ea.webp 900w, https://assets.fabulous.ch/public/variant_asset/6595/file/large-c9ac4592f239ac5ccb0daebe067da95e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6595/file/medium-839656bb21a3528b9d88e60ec639a4ea.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Erva Medica AG</p>
          <a href="/en/products/nucleotides-intestaid-180-capsules-180-piece-13871">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nucleotides Intestaid, 180 Capsules, 180 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 88.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sT_5AncxaHfiVrww4O96jhPWPwl_A8aY4h_moWibW369Z7NVZRpRkTEAgL0ltojs6P4EeviNH6fepJFSm4WEaA" />
    <input value="13871" 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/nucleotides-intestaid-60-capsules-60-piece-13872">
          <img alt="Nucleotides Intestaid, 60 Capsules" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6596/file/small-7ec3e5e33105fc2ae3ff81eebb31e2bf.webp 600w, https://assets.fabulous.ch/public/variant_asset/6596/file/medium-2405a61be8b9e33336e430ec068133e9.webp 900w, https://assets.fabulous.ch/public/variant_asset/6596/file/large-a24e6046622a8ead7689aea2cf2443e4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6596/file/medium-2405a61be8b9e33336e430ec068133e9.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Erva Medica AG</p>
          <a href="/en/products/nucleotides-intestaid-60-capsules-60-piece-13872">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nucleotides Intestaid, 60 Capsules, 60 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 34.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="i0bPUoo1sMspDBgpwjXpHIl2SzFBj6HBjSHGTOLOFAGHHoUFmB6JLfpaJKQHbBt-cl5wQsYBeP6xmrG_EdDLFw" />
    <input value="13872" 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/nucleotides-nucleocell-180-capsules-180-piece-13873">
          <img alt="Nucleotides Nucleocell, 180 Capsules" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6597/file/small-635764dc41653cdfe33424c9a8f0349d.webp 600w, https://assets.fabulous.ch/public/variant_asset/6597/file/medium-d784c326a44509a32945ba73533d3a68.webp 900w, https://assets.fabulous.ch/public/variant_asset/6597/file/large-6a55e90d5ffb9a82f04c3a6b03bd08eb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6597/file/medium-d784c326a44509a32945ba73533d3a68.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Erva Medica AG</p>
          <a href="/en/products/nucleotides-nucleocell-180-capsules-180-piece-13873">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nucleotides Nucleocell, 180 Capsules, 180 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 88.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kUasPMvKJEpMkhL6y-DilNPCt1DiOpMbG6dQv8Z-FYGdHuZr2eEdrJ_ELncOuRD2KOqMI2W0SiQnHCdMNWDKlw" />
    <input value="13873" 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/crispy-nuggets-organic-180-g-13874">
          <img alt="Crispy Nuggets Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6598/file/small-0c8f68067b60ee685063630904d5875b.webp 600w, https://assets.fabulous.ch/public/variant_asset/6598/file/medium-2c86e3c86b733c78eb2feb418057a287.webp 900w, https://assets.fabulous.ch/public/variant_asset/6598/file/large-2978a604574d6e9bcf1adce3eebc79b0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6598/file/medium-2c86e3c86b733c78eb2feb418057a287.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">the vegan cow</p>
          <a href="/en/products/crispy-nuggets-organic-180-g-13874">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Crispy Nuggets Organic, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="w9cfOdsd0dcSNe7uElzHp4TD4r7wbM7-pCDQ2CFsI0XPj1VuyTboMcFj0mPXBTXFf-vZzXfiF8GYm6cr0nL8Uw" />
    <input value="13874" 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/nucleotides-nucleocell-60-capsules-60-piece-13875">
          <img alt="Nucleotides Nucleocell, 60 Capsules" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6599/file/small-5ad296c247baaced50325a03fd1fd438.webp 600w, https://assets.fabulous.ch/public/variant_asset/6599/file/medium-d664ff29d11dd7b3f149cc74eb287639.webp 900w, https://assets.fabulous.ch/public/variant_asset/6599/file/large-bcd1094e65696c37e61f4207c2d23f14.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6599/file/medium-d664ff29d11dd7b3f149cc74eb287639.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Erva Medica AG</p>
          <a href="/en/products/nucleotides-nucleocell-60-capsules-60-piece-13875">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nucleotides Nucleocell, 60 Capsules, 60 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 34.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qv_GQ0zLwji1EenS2BXdCKzX1E_uNHV2cfl22I9RWk-mp4wUXuD73mZH1V8dTC9qV__vPGm6rElNQgErfE-FWQ" />
    <input value="13875" 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/nucleotides-histocell-nt-180-capsules-180-piece-13877">
          <img alt="Nucleotides Histocell NT, 180 capsules" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6600/file/small-42982252c85fba3a8461fdd3bef8f8de.webp 600w, https://assets.fabulous.ch/public/variant_asset/6600/file/medium-a23d1ca1927c51531eea9d1558512763.webp 900w, https://assets.fabulous.ch/public/variant_asset/6600/file/large-99ec09aabc212fc20e2fde6d428925bf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6600/file/medium-a23d1ca1927c51531eea9d1558512763.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Erva Medica AG</p>
          <a href="/en/products/nucleotides-histocell-nt-180-capsules-180-piece-13877">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nucleotides Histocell NT, 180 capsules, 180 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 88.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5yLVL-mv2ExN9mjp6OtqDlQq8ZsADkJ5D9_PrwIZ3n_rep94-4Thqp6gVGQtsphsrwLK6IeAm0YzZLhc8QcBaQ" />
    <input value="13877" 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/nucleotides-histocell-nt-60-capsules-60-piece-13878">
          <img alt="Nucleotides Histocell NT, 60 capsules" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6602/file/small-b105fa6b9fcfa31e7b3d418648ec7cce.webp 600w, https://assets.fabulous.ch/public/variant_asset/6602/file/medium-09709fd4256b188ad168a138d69da8a2.webp 900w, https://assets.fabulous.ch/public/variant_asset/6602/file/large-6f5bcd34cc30670311d6aa3a288fe781.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6602/file/medium-09709fd4256b188ad168a138d69da8a2.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Erva Medica AG</p>
          <a href="/en/products/nucleotides-histocell-nt-60-capsules-60-piece-13878">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nucleotides Histocell NT, 60 capsules, 60 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 34.00
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/le-pain-des-fleurs-tomato-paprika-organic-150-g-13879">
          <img alt="Le Pain des Fleurs Tomato Paprika Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6604/file/small-06019b3e7e4eb5aae76cfa1d004ffd28.webp 600w, https://assets.fabulous.ch/public/variant_asset/6604/file/medium-668901ccd28aaf2335234d3a777846b7.webp 900w, https://assets.fabulous.ch/public/variant_asset/6604/file/large-632eb48bc42ee2f17dc418c9af7cee5a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6604/file/medium-668901ccd28aaf2335234d3a777846b7.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Le Pain des Fleurs</p>
          <a href="/en/products/le-pain-des-fleurs-tomato-paprika-organic-150-g-13879">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Le Pain des Fleurs Tomato Paprika Organic, 150 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 3.53 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Cms5GughU70fAfUomDyvXBN5YXhn3ABUaEztIXI-UEYGM3NN-gpqW8xXyaVdZV0-6FFaC-BS2WtU95rSgSCPUA" />
    <input value="13879" 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/le-pain-des-fleurs-onion-organic-150-g-13880">
          <img alt="Le Pain des Fleurs Onion Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6606/file/small-8b56daf7f92516a9d9beb1d913603bb0.webp 600w, https://assets.fabulous.ch/public/variant_asset/6606/file/medium-95522a8648959a88ea4b03125b97c585.webp 900w, https://assets.fabulous.ch/public/variant_asset/6606/file/large-375c63ea12b769ecfe4621ac6b073810.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6606/file/medium-95522a8648959a88ea4b03125b97c585.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Le Pain des Fleurs</p>
          <a href="/en/products/le-pain-des-fleurs-onion-organic-150-g-13880">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Le Pain des Fleurs Onion Organic, 150 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 3.53 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ncRIKM44pXhxpTEimMtdsf3GBPp6f63QS654HR0Z-aWRnAJ_3BOcnqLzDa9dkq_TBu4_if3xdO93FQ_u7gcmsw" />
    <input value="13880" 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/supergreens-blueberry-lucuma-240-g-13882">
          <img alt="Supergreens Blueberry &amp; Lucuma" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6611/file/small-dec23ce707f4c774c6bc94fe19df4d5b.webp 600w, https://assets.fabulous.ch/public/variant_asset/6611/file/medium-3b99c721056bfd007f5387c876614ba9.webp 900w, https://assets.fabulous.ch/public/variant_asset/6611/file/large-8755c22a5b7b5982427d05b319ed48f7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6611/file/medium-3b99c721056bfd007f5387c876614ba9.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/supergreens-blueberry-lucuma-240-g-13882">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Supergreens Blueberry &amp; Lucuma, 240 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 44.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LrDIGQYlEtajRZygvCSmp-3h-WZyqTmMhT5bCkAuP8Mi6IJOFA4rMHAToC15fVTFFsnCFfUn4LO5hSz5szDg1Q" />
    <input value="13882" 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/pre-workout-strawberry-beetroot-255-g-13883">
          <img alt="Pre-Workout Strawberry &amp; Beetroot" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6613/file/small-9c9bab7593adf4460d6e8ad185897f58.webp 600w, https://assets.fabulous.ch/public/variant_asset/6613/file/medium-ef290d4697a8a444c07059968945a877.webp 900w, https://assets.fabulous.ch/public/variant_asset/6613/file/large-2267b76c5fa4159cb6fc4fc1059b3e34.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6613/file/medium-ef290d4697a8a444c07059968945a877.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/pre-workout-strawberry-beetroot-255-g-13883">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pre-Workout Strawberry &amp; Beetroot, 255 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 39.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BBF1GzkDiuTed83pfjxYFRGGXQnWjMyWM7ohJAYPK40IST9MKyizAg0h8WS7Zap36q5melECFakPAVbX9RH0mw" />
    <input value="13883" 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/waterlovers-drinking-water-distiller-mkii-28-dl-13907">
          <img alt="Waterlovers Drinking Water Distiller MKII" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6615/file/small-f1380fa02eb66faa2bfc56a9f9f3e63d.webp 600w, https://assets.fabulous.ch/public/variant_asset/6615/file/medium-fbf00fdd2e421c3ded51996b0d0d2387.webp 900w, https://assets.fabulous.ch/public/variant_asset/6615/file/large-f3f66d9e99dc774f7b576b27230dab84.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6615/file/medium-fbf00fdd2e421c3ded51996b0d0d2387.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">Waterlovers</p>
          <a href="/en/products/waterlovers-drinking-water-distiller-mkii-28-dl-13907">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Waterlovers Drinking Water Distiller MKII, 28 dl</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 375.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lPG9rOHrbm67oCb7_mPoDjYyoqsIQYU9d92XyYS-3diYqff788BXiGj2GnY7OhpszRqZ2I_PXAJLZuA6d6ACzg" />
    <input value="13907" 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/waterlovers-distiller-mkii-replacement-carbon-filter-6-pieces-6-piece-13908">
          <img alt="Waterlovers Distiller MKII Replacement Carbon Filter, 6 pieces" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6616/file/small-2aa15b5763cf7cc2189aec3b54a1b957.webp 600w, https://assets.fabulous.ch/public/variant_asset/6616/file/medium-7ad88996bb50a10f923b0f7a560da119.webp 900w, https://assets.fabulous.ch/public/variant_asset/6616/file/large-8362fcde7e24ec71d7dfd94bf0be05fb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6616/file/medium-7ad88996bb50a10f923b0f7a560da119.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">Waterlovers</p>
          <a href="/en/products/waterlovers-distiller-mkii-replacement-carbon-filter-6-pieces-6-piece-13908">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Waterlovers Distiller MKII Replacement Carbon Filter, 6 pieces, 6 piece</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 3.15 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="v3tWdOUsHIOY-IU7udb7LgqatHIE-pF5fn6dkQp_fCqzIxwj9wclZUuuubZ8jwlM8bKPAYN0SEZCxepi-WGjPA" />
    <input value="13908" 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/lupilove-protein-curry-lupin-spread-organic-135-g-13913">
          <img alt="LupiLove Protein Curry Lupin Spread Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6620/file/small-d1c64598ffacdbba2f8e4ff2646f5e42.webp 600w, https://assets.fabulous.ch/public/variant_asset/6620/file/medium-abef035e4357826f9e17df98328e12fb.webp 900w, https://assets.fabulous.ch/public/variant_asset/6620/file/large-057710c1ae861326ce17a3fb1bf5342b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6620/file/medium-abef035e4357826f9e17df98328e12fb.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">Zwergenwiese</p>
          <a href="/en/products/lupilove-protein-curry-lupin-spread-organic-135-g-13913">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">LupiLove Protein Curry Lupin Spread Organic, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YRlMSUG1ze8z4dScMAs1ld73P7uUAHZ2xXDNNK3ajGVtQQYeU570CeC36BH1Usf3Jd8EyBOOr0n5y7rHXsRTcw" />
    <input value="13913" 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/lupilove-protein-paprika-pepper-lupin-spread-organic-135-g-13920">
          <img alt="LupiLove Protein Paprika-Pepper Lupin Spread Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6619/file/small-4e6b88b1a3e51369d65e6a8ca0c221f8.webp 600w, https://assets.fabulous.ch/public/variant_asset/6619/file/medium-006c5b4b0010141263a571b24d115018.webp 900w, https://assets.fabulous.ch/public/variant_asset/6619/file/large-5d6808447b55679055d9317857b73cca.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6619/file/medium-006c5b4b0010141263a571b24d115018.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">Zwergenwiese</p>
          <a href="/en/products/lupilove-protein-paprika-pepper-lupin-spread-organic-135-g-13920">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">LupiLove Protein Paprika-Pepper Lupin Spread Organic, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="peLVWwEv3-H5nXDTUQja1aZPRfod8VLRZ8Ck5sHOdY-pup8MEwTmByrLTF6UUSi3XWd-iZp_i-5be9MVMtCqmQ" />
    <input value="13920" 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/lupilove-protein-onion-garlic-lupin-spread-organic-135-g-13922">
          <img alt="LupiLove Protein Onion-Garlic Lupin Spread Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6622/file/small-4521ca3a0fcd42ac3de890d8b43bbb8b.webp 600w, https://assets.fabulous.ch/public/variant_asset/6622/file/medium-a39e2a47414e69e150227df94974e0e3.webp 900w, https://assets.fabulous.ch/public/variant_asset/6622/file/large-7b2f94ccc37956649f1c42363d332815.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6622/file/medium-a39e2a47414e69e150227df94974e0e3.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">Zwergenwiese</p>
          <a href="/en/products/lupilove-protein-onion-garlic-lupin-spread-organic-135-g-13922">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">LupiLove Protein Onion-Garlic Lupin Spread Organic, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nWAj1-UmCxbMp38U53jaiEyx-ItPe97b1PwEqXEMQI2ROGmA9w0y8B_xQ5kiISjqt5nD-Mj1B-ToR3NaghKfmw" />
    <input value="13922" 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/lupilove-protein-thai-lupin-spread-organic-135-g-13923">
          <img alt="LupiLove Protein Thai Lupin Spread Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6625/file/small-8c9708f1cbdf234654039a416d7dab70.webp 600w, https://assets.fabulous.ch/public/variant_asset/6625/file/medium-614ca3cd1ee6280bf365cf5353a002db.webp 900w, https://assets.fabulous.ch/public/variant_asset/6625/file/large-2a0162aca650e67e2dd03a153036f96d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6625/file/medium-614ca3cd1ee6280bf365cf5353a002db.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">Zwergenwiese</p>
          <a href="/en/products/lupilove-protein-thai-lupin-spread-organic-135-g-13923">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">LupiLove Protein Thai Lupin Spread Organic, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="t0KSr2EpkMMJ8cw5-_tQ-XXCpW47m-6gQdzKarX6jFq7Gtj4cwKpJdqn8LQ-oqKbjuqeHbwVN599Z72ZRuRTTA" />
    <input value="13923" 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/white-crunchy-raspberries-chocolate-fruits-bio-50-g-13928">
          <img alt="White Crunchy Raspberries Chocolate Fruits Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6630/file/small-01407975d9814ddd6f2ce8ca0c7a8007.webp 600w, https://assets.fabulous.ch/public/variant_asset/6630/file/medium-d8d1941dd6bcd9162c6b5cc98c15df23.webp 900w, https://assets.fabulous.ch/public/variant_asset/6630/file/large-970060c61fab1f2dbc8071028fe0dcfb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6630/file/medium-d8d1941dd6bcd9162c6b5cc98c15df23.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">Nucao</p>
          <a href="/en/products/white-crunchy-raspberries-chocolate-fruits-bio-50-g-13928">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">White Crunchy Raspberries Chocolate Fruits Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-13928-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/jay-joy-janis-vegan-alternative-to-feta-organic-140-g-13929">
          <img alt="Jay &amp; Joy JANIS - Vegan Alternative to Feta Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6633/file/small-118436857025670930c7c5cf7f7d88cd.webp 600w, https://assets.fabulous.ch/public/variant_asset/6633/file/medium-4f0bff9480c8f426c303cf3a2567f5f0.webp 900w, https://assets.fabulous.ch/public/variant_asset/6633/file/large-deef8e14fd91e7be840579d21031a114.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6633/file/medium-4f0bff9480c8f426c303cf3a2567f5f0.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">Jay &amp; Joy</p>
          <a href="/en/products/jay-joy-janis-vegan-alternative-to-feta-organic-140-g-13929">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Jay &amp; Joy JANIS - Vegan Alternative to Feta Organic, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </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 4.43 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-13929-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>



</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">
      2&#39;240 of 3&#39;171 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/togeco?format=turbo_stream&amp;page=113">Show more</a>
  </div>
</div>

</template></turbo-stream>