<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/toothpaste-day-night-fluoride-75-ml-16217">
          <img alt="Toothpaste Day &amp; Night + Fluoride" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7462/file/small-00229e754a477949b62dec126bbeec7a.webp 600w, https://assets.fabulous.ch/public/variant_asset/7462/file/medium-53db4f5f49fedd3caebb8f4244afbb7b.webp 900w, https://assets.fabulous.ch/public/variant_asset/7462/file/large-58610fb4c113ad21ecf2b2f3be40a0dd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7462/file/medium-53db4f5f49fedd3caebb8f4244afbb7b.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">Zahnheld</p>
          <a href="/en/products/toothpaste-day-night-fluoride-75-ml-16217">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Toothpaste Day &amp; Night + Fluoride, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aiuwxortRhLMSrhDt8PcLtBB7wxqX7kPxmmUDsOfjnLKAsAAPgA8ug5EmU_zni6VahAJqYwUQKPN9S6WI82IAQ" />
    <input value="16217" 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/mouthwash-mint-400-ml-16218">
          <img alt="Mouthwash Mint" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7463/file/small-160d60ab6162d92522f8aa2989da0d4c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7463/file/medium-bada067493d64567efbbc4db4d7e6389.webp 900w, https://assets.fabulous.ch/public/variant_asset/7463/file/large-7367a58348595382ceda2eaf0375cd73.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7463/file/medium-bada067493d64567efbbc4db4d7e6389.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">Zahnheld</p>
          <a href="/en/products/mouthwash-mint-400-ml-16218">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mouthwash Mint, 400 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wHgaSC05690ke6kgaW1hfDJxCsjn-gOgeuZcLRGAnQRgUWqOmdSRdeZ1iCwtMJPHiCDsbQGx-gxxeua18dKbdw" />
    <input value="16218" 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/mint-toothpaste-tablets-fluoride-free-125-tabs-125-piece-16219">
          <img alt="Mint Toothpaste Tablets Fluoride-Free, 125 Tabs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7464/file/small-ffec2d9b4e083dcd2098465a3dca31c6.webp 600w, https://assets.fabulous.ch/public/variant_asset/7464/file/medium-ff715d570b868f59c585c641a3cfd70b.webp 900w, https://assets.fabulous.ch/public/variant_asset/7464/file/large-ef4dcdd7e50e3eca6cea36df1ad49d01.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7464/file/medium-ff715d570b868f59c585c641a3cfd70b.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">Zahnheld</p>
          <a href="/en/products/mint-toothpaste-tablets-fluoride-free-125-tabs-125-piece-16219">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mint Toothpaste Tablets Fluoride-Free, 125 Tabs, 125 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.15
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tJW68H-PAaF4ejxAcm-tbPnF3Guox0Ma1MZAkjrkQcIUvMo2y2J7Cbp0HUw2Ml_XQ5Q6zk6MurbfWvoK2rZHsQ" />
    <input value="16219" 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/mint-toothpaste-tablets-with-fluoride-125-tabs-125-piece-16223">
          <img alt="Mint Toothpaste Tablets with Fluoride, 125 Tabs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7466/file/small-8b69f8d20ed30a650a916c5d1b318fdf.webp 600w, https://assets.fabulous.ch/public/variant_asset/7466/file/medium-be37d2c8b22ac2af18e2b696693c0e69.webp 900w, https://assets.fabulous.ch/public/variant_asset/7466/file/large-093f40757cee12aaed040ad826d9ae22.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7466/file/medium-be37d2c8b22ac2af18e2b696693c0e69.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">Zahnheld</p>
          <a href="/en/products/mint-toothpaste-tablets-with-fluoride-125-tabs-125-piece-16223">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mint Toothpaste Tablets with Fluoride, 125 Tabs, 125 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.15
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nBbrgnkUOZTl47C5pRE6-9duIuo20rz5N4dSp7JePVM8P5tEzflDPCftkbXhTMhAbT_ET9CZRVU8G-g_Ugw7IA" />
    <input value="16223" 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/mikroveda-enzyme-ferment-life-pur-organic-0-5-l-16301">
          <img alt="MikroVeda Enzyme Ferment LIFE PUR Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7506/file/small-2bcd6ab2bf37ee163e99c6934f079f42.webp 600w, https://assets.fabulous.ch/public/variant_asset/7506/file/medium-cde4a90e0f2d1bb9849678b79b135704.webp 900w, https://assets.fabulous.ch/public/variant_asset/7506/file/large-23ec00bdf1ffd5a6e8d483bd7f36f579.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7506/file/medium-cde4a90e0f2d1bb9849678b79b135704.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">MikroVeda</p>
          <a href="/en/products/mikroveda-enzyme-ferment-life-pur-organic-0-5-l-16301">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">MikroVeda Enzyme Ferment LIFE PUR Organic, 0.5 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.05 / l
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OFaBvktGq7wKXsBV5dzBzrLxIA4FiAdwiRTnbA1vpUyYf_F4_6vRFMhQ4VmhgTN1CKDGq-PD_tyCiF307T2jPw" />
    <input value="16301" 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/mikroveda-enzyme-ferment-life-pur-organic-1-l-16302">
          <img alt="MikroVeda Enzyme Ferment LIFE PUR Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7507/file/small-c6f90b9bfe615afdaaee6f1d218ddcbe.webp 600w, https://assets.fabulous.ch/public/variant_asset/7507/file/medium-2c13f8573506ea6bc9b8f59846d38bc8.webp 900w, https://assets.fabulous.ch/public/variant_asset/7507/file/large-c859031253f570659afaf84b8dd2f100.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7507/file/medium-2c13f8573506ea6bc9b8f59846d38bc8.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">MikroVeda</p>
          <a href="/en/products/mikroveda-enzyme-ferment-life-pur-organic-1-l-16302">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">MikroVeda Enzyme Ferment LIFE PUR Organic, 1 l</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 0.04 / l
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fsxlaWRrbb89RSv1pJhKOjNPOEMmtGXSUEJbeTL_rcfe5RWv0IYXF_9LCvngxbiBiR7e5sD_nH5b3uHh0q2rtA" />
    <input value="16302" 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/mikroveda-enzyme-ferment-life-organic-0-5-l-16321">
          <img alt="MikroVeda Enzyme Ferment LIFE Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7509/file/small-3fe475209911bef034ef82ac579eaf5a.webp 600w, https://assets.fabulous.ch/public/variant_asset/7509/file/medium-c6596ea6618da9e74e4040400b151c83.webp 900w, https://assets.fabulous.ch/public/variant_asset/7509/file/large-111389709a33983588da62e1af3f8f9b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7509/file/medium-c6596ea6618da9e74e4040400b151c83.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">MikroVeda</p>
          <a href="/en/products/mikroveda-enzyme-ferment-life-organic-0-5-l-16321">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">MikroVeda Enzyme Ferment LIFE Organic, 0.5 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.05 / l
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gRNl8qSffwdHi0j7R8w-hiJysTr5994s63Qrcw8LUUohOhU0EHIFr4WFafcDkcw9mCNXnx-8J4Dg6JHr71lXOQ" />
    <input value="16321" 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/mikroveda-enzyme-ferment-life-organic-1-l-16322">
          <img alt="MikroVeda Enzyme Ferment LIFE Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7512/file/small-b9a86382f4d53092807c6ce4d42951b2.webp 600w, https://assets.fabulous.ch/public/variant_asset/7512/file/medium-cc4550bc3868c72cf3148e1472a70fe6.webp 900w, https://assets.fabulous.ch/public/variant_asset/7512/file/large-0e756dc631745c00cc8e991d3fe23e39.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7512/file/medium-cc4550bc3868c72cf3148e1472a70fe6.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">MikroVeda</p>
          <a href="/en/products/mikroveda-enzyme-ferment-life-organic-1-l-16322">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">MikroVeda Enzyme Ferment LIFE Organic, 1 l</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 0.04 / l
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UFxtt-6T1ycWJ2HaWiP2QHlndHK3yvN8msg1pCWeJDDwdR1xWn6tj9QpQNYefgT7wzaS11GBCtCRVI88xcwiQw" />
    <input value="16322" 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/mikroveda-m33-mouth-spray-organic-50-ml-16324">
          <img alt="MikroVeda M33+ Mouth Spray Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7522/file/small-8bb4fccc936ac52b8df079809a433cbc.webp 600w, https://assets.fabulous.ch/public/variant_asset/7522/file/medium-3d7a7351fc0e3225162bd4d3a22d10d4.webp 900w, https://assets.fabulous.ch/public/variant_asset/7522/file/large-1e127948c7c8d90c0fe60d562a63092a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7522/file/medium-3d7a7351fc0e3225162bd4d3a22d10d4.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">MikroVeda</p>
          <a href="/en/products/mikroveda-m33-mouth-spray-organic-50-ml-16324">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">MikroVeda M33+ Mouth Spray Organic, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.90
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-16324-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/mitocell-omega-3-oil-vegan-100-ml-16513">
          <img alt="Mitocell Omega-3 Oil Vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7610/file/small-78bed1f235b814e08f09f733c3827b01.webp 600w, https://assets.fabulous.ch/public/variant_asset/7610/file/medium-1a786b8529ee9d46cdff8f406656d25b.webp 900w, https://assets.fabulous.ch/public/variant_asset/7610/file/large-b118163148b277d7e0d005fe5bd9672b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7610/file/medium-1a786b8529ee9d46cdff8f406656d25b.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">MitoSana</p>
          <a href="/en/products/mitocell-omega-3-oil-vegan-100-ml-16513">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mitocell Omega-3 Oil Vegan, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 34.50
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-16513-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/lion-s-mane-medicinal-mushroom-liquid-extract-organic-100-ml-16705">
          <img alt="Lion’s Mane Medicinal Mushroom Liquid Extract Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7735/file/small-0e6ee1251e89efb3c1721a667371c5b1.webp 600w, https://assets.fabulous.ch/public/variant_asset/7735/file/medium-8c215076faa378143e929c4f05799167.webp 900w, https://assets.fabulous.ch/public/variant_asset/7735/file/large-e29e7ffe6859ef442a228332ebd0af8c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7735/file/medium-8c215076faa378143e929c4f05799167.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">NaturKraftWerke</p>
          <a href="/en/products/lion-s-mane-medicinal-mushroom-liquid-extract-organic-100-ml-16705">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lion’s Mane Medicinal Mushroom Liquid Extract Organic, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EKHKoJXSDebz3AtSUla8J5i8zzdCXUmVSdeOgzSzvLiwiLpmIT93TjHSKl4WC06cIu0pkqQWsDlCSzQb1OG6yw" />
    <input value="16705" 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/chaga-medicinal-mushroom-liquid-extract-organic-100-ml-16706">
          <img alt="Chaga Medicinal Mushroom Liquid Extract Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7736/file/small-9b289fcbd4734280d1bf6107b2bd2e2c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7736/file/medium-ccc83fb7548692455d3423d1adce84cc.webp 900w, https://assets.fabulous.ch/public/variant_asset/7736/file/large-cc8262403986bfc341dbf818b44b5a57.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7736/file/medium-ccc83fb7548692455d3423d1adce84cc.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">NaturKraftWerke</p>
          <a href="/en/products/chaga-medicinal-mushroom-liquid-extract-organic-100-ml-16706">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chaga Medicinal Mushroom Liquid Extract Organic, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uueZ-noorzikY_-UQ5JEZdonJOLyf9ztXH1D02s4Zawazuk8zsXVkGZt3pgHz7beYHbCRxQ0JUFX4flLi2pj3w" />
    <input value="16706" 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/lion-s-mane-mushroom-powder-organic-50-g-16710">
          <img alt="Lion’s Mane Mushroom Powder Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7748/file/small-f2209b75589c9e4ee8738d775f5a9c86.webp 600w, https://assets.fabulous.ch/public/variant_asset/7748/file/medium-042fcc543cf35d610a31d6b6594bac66.webp 900w, https://assets.fabulous.ch/public/variant_asset/7748/file/large-24af174f978e65c2f180fd9d212cfc88.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7748/file/medium-042fcc543cf35d610a31d6b6594bac66.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">NaturKraftWerke</p>
          <a href="/en/products/lion-s-mane-mushroom-powder-organic-50-g-16710">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lion’s Mane Mushroom Powder Organic, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 30.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZCrwsVgvmKihM0RPRUOW947EpWPejbh26rMF0BLW94XEA4B37MLiAGM9ZUMBHmRMNJVDxjjGQdrhL79I8oTx9g" />
    <input value="16710" 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/black-cumin-oil-demeter-100-ml-16724">
          <img alt="Black Cumin Oil Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7758/file/small-7f99eb8581609eb6efe4046e038138d9.webp 600w, https://assets.fabulous.ch/public/variant_asset/7758/file/medium-1b0b00fe6e6d5780fad9cb6a8fac8ece.webp 900w, https://assets.fabulous.ch/public/variant_asset/7758/file/large-1cae23c03604dc2791421718b64c1c04.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7758/file/medium-1b0b00fe6e6d5780fad9cb6a8fac8ece.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">NaturKraftWerke</p>
          <a href="/en/products/black-cumin-oil-demeter-100-ml-16724">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Black Cumin Oil Demeter, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 31.05
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_rQ-pBcurBATU_h5KGO4veVXlqJWs50t9jPMnbwGzLRenU5io8PWuNFd2XVsPkoGXwZwB7D4ZIH9r3YFXFTKxw" />
    <input value="16724" 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/immune-kids-oral-spray-with-echinacea-zinc-and-vitamins-25-ml-16848">
          <img alt="Immune Kids Oral Spray with Echinacea + Zinc and Vitamins" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7850/file/small-9d104348ffe63d5dabb5d628b7f4c242.webp 600w, https://assets.fabulous.ch/public/variant_asset/7850/file/medium-d9a02a1d1b2ddbf40f8b14d528a9600f.webp 900w, https://assets.fabulous.ch/public/variant_asset/7850/file/large-d57f29fbe90e38ae59aa26c5a845d999.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7850/file/medium-d9a02a1d1b2ddbf40f8b14d528a9600f.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">energybalance</p>
          <a href="/en/products/immune-kids-oral-spray-with-echinacea-zinc-and-vitamins-25-ml-16848">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Immune Kids Oral Spray with Echinacea + Zinc and Vitamins, 25 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="StQtvhN5N2U-yisWTN2RIVU9AmNLudp_KklclErcy23q_V14p5RNzfzEChoIgGOa72zkxq3yI9Mh1eYMqo7NHg" />
    <input value="16848" 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/aloe-vera-juice-organic-700-ml-17135">
          <img alt="Aloe Vera Juice Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7978/file/small-7d2725937c1a6e5aef66ff64ba354b34.webp 600w, https://assets.fabulous.ch/public/variant_asset/7978/file/medium-269015ff95ade7abb51b6f85f48f83d7.webp 900w, https://assets.fabulous.ch/public/variant_asset/7978/file/large-f9f892992043d15376b1fe679458fa26.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7978/file/medium-269015ff95ade7abb51b6f85f48f83d7.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">NaturKraftWerke</p>
          <a href="/en/products/aloe-vera-juice-organic-700-ml-17135">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Aloe Vera Juice Organic, 700 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 39.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9Soc1uvd_dPsVGM0ArPb9Qr7NzySNnT4WnQY0YLTbPZVA2wQXzCHey5aQjhG7ilOsKrRmXR9jVRR6KJJYoFqhQ" />
    <input value="17135" 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/bitter-extract-from-bitter-herbs-organic-100-ml-17435">
          <img alt="Bitter Extract from Bitter Herbs Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8131/file/small-685de79c9259d098b032325a81650fd8.webp 600w, https://assets.fabulous.ch/public/variant_asset/8131/file/medium-82e98e537fda28d91e28a260a9d5a573.webp 900w, https://assets.fabulous.ch/public/variant_asset/8131/file/large-705d15417fd51f666e1374f0e71c03e1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8131/file/medium-82e98e537fda28d91e28a260a9d5a573.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">NaturKraftWerke</p>
          <a href="/en/products/bitter-extract-from-bitter-herbs-organic-100-ml-17435">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bitter Extract from Bitter Herbs Organic, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.45
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HELv_qsAyWacrogctRs-bv4pJwg1Oh5vhaye_r0sjy68a584H-2zzl6gqRDxRszVRHjBrdNx58OOMCRmXX6JXQ" />
    <input value="17435" 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/magnesium-citrate-forest-fruit-powder-200-g-17437">
          <img alt="Magnesium Citrate Forest Fruit Powder" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8134/file/small-536242d45018a508d3a09a4cf965f4e6.webp 600w, https://assets.fabulous.ch/public/variant_asset/8134/file/medium-ebf0dbbcb8a63b4625563dec2ff89455.webp 900w, https://assets.fabulous.ch/public/variant_asset/8134/file/large-4473c1635091b7214b348cd883ffc077.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8134/file/medium-ebf0dbbcb8a63b4625563dec2ff89455.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/magnesium-citrate-forest-fruit-powder-200-g-17437">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Magnesium Citrate Forest Fruit Powder, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LQiePUfHge0iJwPBClfmOE-vvPKVDTeiWSMqD86sgt2NIe778yr7ReApIs1OChSD9f5aV3NGzg5Sv5CXLv6Erg" />
    <input value="17437" 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/spirulina-tamandua-powder-demeter-150-g-17504">
          <img alt="Spirulina Tamandua Powder Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8160/file/small-3a3c8f9b75dbe299e322145a35caa4ac.webp 600w, https://assets.fabulous.ch/public/variant_asset/8160/file/medium-1ff9d7dd420a01ecfb5b17a206ea4da4.webp 900w, https://assets.fabulous.ch/public/variant_asset/8160/file/large-bce88257687f0516da80d272d5960227.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8160/file/medium-1ff9d7dd420a01ecfb5b17a206ea4da4.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">NaturKraftWerke</p>
          <a href="/en/products/spirulina-tamandua-powder-demeter-150-g-17504">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Spirulina Tamandua Powder Demeter, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 42.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pLxGtiniLhf_2Fj_9OrPB9bdwv4vSbTO5D4b3SAndzMElTZwnQ9Uvz3WefOwtz28bIwkW8kCTWLvoqFFwHVxQA" />
    <input value="17504" 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">
    28 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/chaga-medicinal-mushroom-liquid-extract-organic-100-ml-short-shelf-life-14-05-2026-17553">
          <img alt="Chaga Medicinal Mushroom Liquid Extract Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7736/file/small-9b289fcbd4734280d1bf6107b2bd2e2c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7736/file/medium-ccc83fb7548692455d3423d1adce84cc.webp 900w, https://assets.fabulous.ch/public/variant_asset/7736/file/large-cc8262403986bfc341dbf818b44b5a57.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7736/file/medium-ccc83fb7548692455d3423d1adce84cc.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">NaturKraftWerke</p>
          <a href="/en/products/chaga-medicinal-mushroom-liquid-extract-organic-100-ml-short-shelf-life-14-05-2026-17553">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chaga Medicinal Mushroom Liquid Extract Organic, 100 ml (Short shelf life 14.05.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 25.00</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 18.00</span>
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MRrmOslPJmutcGmQWVneSp4MfcfvhaGK8aXfMwRv9WSRM5b8faJcw29-SJwdBCzxJF2bYgnOWCb6OWWr5D3zFw" />
    <input value="17553" 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">
      140 of 140 products
    </p>
  </div>
</div>

</template></turbo-stream>