<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/vitaleo-juicer-da-1000-black-1-piece-2381">
          <img alt="Vitaleo Juicer DA-1000 Black" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1719/file/small-7e863b2986f986826e036eb36c3860f8.webp 600w, https://assets.fabulous.ch/public/variant_asset/1719/file/medium-d768ef64525340934ab683705fcd5467.webp 900w, https://assets.fabulous.ch/public/variant_asset/1719/file/large-80ebd17014c8ecf17a0397381f0ed8ad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1719/file/medium-d768ef64525340934ab683705fcd5467.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">Vitaleo</p>
          <a href="/en/products/vitaleo-juicer-da-1000-black-1-piece-2381">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vitaleo Juicer DA-1000 Black, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 340.25
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wt2sNxaJETtSfg1trSJRJ06p4Q4OPA6wh0DJ4eWb-9-tDczmqKPiMs5hb3LviOi1ziUyr6d9onxyk0Nh_8IuPg" />
    <input value="2381" 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/vitaleo-juicer-da-1000-bordeaux-1-piece-2382">
          <img alt="Vitaleo Juicer DA-1000 Bordeaux" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1720/file/small-e6878cb7ac22aec987f20bdf4fa52298.webp 600w, https://assets.fabulous.ch/public/variant_asset/1720/file/medium-2242a72d5325d152c08a480028954afb.webp 900w, https://assets.fabulous.ch/public/variant_asset/1720/file/large-1743a27723535d348007f3354099fe0d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1720/file/medium-2242a72d5325d152c08a480028954afb.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">Vitaleo</p>
          <a href="/en/products/vitaleo-juicer-da-1000-bordeaux-1-piece-2382">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vitaleo Juicer DA-1000 Bordeaux, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 339.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="044LncWMPIiu6TBkcebWKeRMGCHP0Gvn8DPmo0CMKo-8XmtMe6bPgTL2UnszTG-7ZMDLgGaRxysF4GwjWtX_bg" />
    <input value="2382" 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/veg-info-probeheft-german-1-piece-2458">
          <img alt="Veg Info Probeheft (german)" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1792/file/small-b3356e8f66ae64e6ddc083a8eda079b8.webp 600w, https://assets.fabulous.ch/public/variant_asset/1792/file/medium-831379cc5608e3b05a277ac30084dc3a.webp 900w, https://assets.fabulous.ch/public/variant_asset/1792/file/large-187a6eae52d7b673bd2f6ae1c7baee5d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1792/file/medium-831379cc5608e3b05a277ac30084dc3a.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">Swissveg</p>
          <a href="/en/products/veg-info-probeheft-german-1-piece-2458">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Veg Info Probeheft (german), 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 0.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PGjvUlVPnUeq9aMcOrGVKy7bdORnWV4Q-_So5vigUkNTuI-D62VuTjbqwQN4Gyy5rlenRc4Y8twOJyJm4vmHog" />
    <input value="2458" 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/cranberries-premium-organic-100-g-2470">
          <img alt="Cranberries Premium Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1803/file/small-d4ee03bf15e45522ad8f5f0e85b13b73.webp 600w, https://assets.fabulous.ch/public/variant_asset/1803/file/medium-95a3752bad1ecf1697d831362be08877.webp 900w, https://assets.fabulous.ch/public/variant_asset/1803/file/large-aab9aabdac53292aa66c88b76df3a2ff.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1803/file/medium-95a3752bad1ecf1697d831362be08877.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">Flores Farm</p>
          <a href="/en/products/cranberries-premium-organic-100-g-2470">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cranberries Premium Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JqULz7E4mT7P-tL9jG4fePpM-G46vhXEQSA-thSny0pJdWseDxJqN1PlsOLOxKbqesArz5P_uQi087Q2Dv4eqw" />
    <input value="2470" 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/lupins-sweet-organic-demeter-400-g-2485">
          <img alt="Lupins Sweet Organic Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1814/file/small-ff7593963236dd610bc5a8f8bfdb48d9.webp 600w, https://assets.fabulous.ch/public/variant_asset/1814/file/medium-40f1e52bc28bc876a84a99a9bcf28f9a.webp 900w, https://assets.fabulous.ch/public/variant_asset/1814/file/large-6c6d1abfaef065c3f7c0ab595fbb1082.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1814/file/medium-40f1e52bc28bc876a84a99a9bcf28f9a.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/lupins-sweet-organic-demeter-400-g-2485">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lupins Sweet Organic Demeter, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.55
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/coconut-milk-with-yoghurt-cultures-chocolate-organic-125-g-2512">
          <img alt="Coconut Milk with Yoghurt Cultures Chocolate Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1819/file/small-ea0156cf3f17af924dcab774422f0508.webp 600w, https://assets.fabulous.ch/public/variant_asset/1819/file/medium-db2539ac90f58a7f8647460a323cad80.webp 900w, https://assets.fabulous.ch/public/variant_asset/1819/file/large-228731d1d465fcf2108100c901246a5c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1819/file/medium-db2539ac90f58a7f8647460a323cad80.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">Harvest Moon</p>
          <a href="/en/products/coconut-milk-with-yoghurt-cultures-chocolate-organic-125-g-2512">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Coconut Milk with Yoghurt Cultures Chocolate Organic, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.25
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iu6NfpTjR05Er1wsUxLKc20NZGVN9LdW_lHcIaa7sHjlPu2vKsm0R9iwPjMRuHPh7YG3xOS1G5oLglahvOJlmQ" />
    <input value="2512" 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/vitamin-b12-500-g-methylcobalamin-vegan-kapseln-90-piece-2520">
          <img alt="Vitamin B12 500µg Methylcobalamin Vegan Kapseln" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1820/file/small-2a6ffed86d2e9a0ea64b55d00aa6850d.webp 600w, https://assets.fabulous.ch/public/variant_asset/1820/file/medium-cc24548dfed2ac331c3c239e4fb30195.webp 900w, https://assets.fabulous.ch/public/variant_asset/1820/file/large-dc2c36f2c5ac52af4d85eb7a6aa16ff3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1820/file/medium-cc24548dfed2ac331c3c239e4fb30195.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/vitamin-b12-500-g-methylcobalamin-vegan-kapseln-90-piece-2520">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vitamin B12 500µg Methylcobalamin Vegan Kapseln, 90 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_yNJdi8LevgrJgK64u26xFK1K_U_riH7UIJ5TVZmF_6Q8ymnkSGJ8bc5YKWgRwNW0jn4VJbvjTelUfPNTD_CHw" />
    <input value="2520" 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/vitamin-b12-methylcobalamin-vegan-3-g-kids-spray-25-ml-2521">
          <img alt="Vitamin B12 Methylcobalamin Vegan 3µg Kids Spray" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1821/file/small-8482fb98c3f10d5d4bc1a41a113161e2.webp 600w, https://assets.fabulous.ch/public/variant_asset/1821/file/medium-ce1dc44a8d0c7304879cb80fb4b08a53.webp 900w, https://assets.fabulous.ch/public/variant_asset/1821/file/large-e0a34abbada6c17f4e27c22927733633.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1821/file/medium-ce1dc44a8d0c7304879cb80fb4b08a53.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/vitamin-b12-methylcobalamin-vegan-3-g-kids-spray-25-ml-2521">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vitamin B12 Methylcobalamin Vegan 3µg Kids Spray, 25 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xo__7UGJX6oMpCi4TWWccCmxBLR7ZagCGfxsrOHQVhapX588_6Oso5C7SqcPzyXiqT3XFdIkBM7sL-Ys-4mD9w" />
    <input value="2521" 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/vitamin-b-complex-plus-bio-vitamin-c-magnesium-kapseln-90-piece-2523">
          <img alt="Vitamin B Complex plus Bio Vitamin C &amp; Magnesium Kapseln" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1823/file/small-66073734f6403118cfea9eda6d173e36.webp 600w, https://assets.fabulous.ch/public/variant_asset/1823/file/medium-d7e858d2d0a1ecd99a7ebccc86dc7410.webp 900w, https://assets.fabulous.ch/public/variant_asset/1823/file/large-8f9f26dc7a57264c6ebd5b6fcd0ac11f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1823/file/medium-d7e858d2d0a1ecd99a7ebccc86dc7410.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/vitamin-b-complex-plus-bio-vitamin-c-magnesium-kapseln-90-piece-2523">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vitamin B Complex plus Bio Vitamin C &amp; Magnesium Kapseln, 90 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 43.95
            </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-2523-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Sy80ujQnxyLchyN1fIWe9JmJEeaoIpzSaxRZmpAkHFkk_1Rrig00K0CYQWo-LydmGQXCRwFjMB6ex9Main3JuA" />
    <input value="2523" 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/ovega3-life-drink-with-dha-algae-oil-organic-250-ml-2524">
          <img alt="Ovega3 life drink with DHA algae oil organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1824/file/small-1c1a5ce2ba08310aa90f153557671e62.webp 600w, https://assets.fabulous.ch/public/variant_asset/1824/file/medium-e69977d78150c8abe58dffb6f89b3d18.webp 900w, https://assets.fabulous.ch/public/variant_asset/1824/file/large-c8fba242bc5caf2e7c529d0d40a99b1e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1824/file/medium-e69977d78150c8abe58dffb6f89b3d18.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/ovega3-life-drink-with-dha-algae-oil-organic-250-ml-2524">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ovega3 life drink with DHA algae oil organic, 250 ml</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 9.96 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="u-aaTDXkVibSsn8rFls0szKEVAZnQIwGsWhLOR31FK_UNvqdi86lL06tHTRU8Y0hsgiHp84BIMpEu8G5B6zBTg" />
    <input value="2524" 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/sticker-go-vegan-big-1-piece-2525">
          <img alt="Sticker: Go Vegan Big" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1826/file/small-c6a0cbf5c73fe449efa0ccaf74626564.webp 600w, https://assets.fabulous.ch/public/variant_asset/1826/file/medium-f709b4002f7955aa8152fc7bcf8a8141.webp 900w, https://assets.fabulous.ch/public/variant_asset/1826/file/large-aa4850c9f2cf0f83136a768903c0931f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1826/file/medium-f709b4002f7955aa8152fc7bcf8a8141.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">Swissveg</p>
          <a href="/en/products/sticker-go-vegan-big-1-piece-2525">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sticker: Go Vegan Big, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.00
            </p>

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

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/t-shirt-swissveg-black-small-1-piece-2529">
          <img alt="T-Shirt Swissveg Black SMALL" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1833/file/small-ab11be20a6aa0f973727686da16bbd48.webp 600w, https://assets.fabulous.ch/public/variant_asset/1833/file/medium-5cdceb088a0c0944454bc957e7bc0999.webp 900w, https://assets.fabulous.ch/public/variant_asset/1833/file/large-65d68ef214a02de9e322286ba749deeb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1833/file/medium-5cdceb088a0c0944454bc957e7bc0999.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">Swissveg</p>
          <a href="/en/products/t-shirt-swissveg-black-small-1-piece-2529">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">T-Shirt Swissveg Black SMALL, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.10
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-2529-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/t-shirt-swissveg-white-1-piece-2538">
          <img alt="T-Shirt Swissveg WHITE" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1843/file/small-f2b535f5c08037a5457ef33c77055bb3.webp 600w, https://assets.fabulous.ch/public/variant_asset/1843/file/medium-7a699fee04bf31caca01f49f61c10ee3.webp 900w, https://assets.fabulous.ch/public/variant_asset/1843/file/large-b52cd24b0b7741be1ca85601c440be31.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1843/file/medium-7a699fee04bf31caca01f49f61c10ee3.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">Swissveg</p>
          <a href="/en/products/t-shirt-swissveg-white-1-piece-2538">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">T-Shirt Swissveg WHITE, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uE4xpU-vOTBBNuzxXOUG97VjyTQ3NqZvc10LHHyhT-bXnlF08YXKOd0pju4eT79lNe8alZ53CqOGjoGcZviaBw" />
    <input value="2538" 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/t-shirt-swissveg-green-1-piece-2539">
          <img alt="T-Shirt Swissveg green" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1844/file/small-91a055e3691f27d844e1c924dcf3f1e6.webp 600w, https://assets.fabulous.ch/public/variant_asset/1844/file/medium-c619472a81027a7d125ec8553b10da5f.webp 900w, https://assets.fabulous.ch/public/variant_asset/1844/file/large-caff5a610d4b2c406aa0f9168629c6f1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1844/file/medium-c619472a81027a7d125ec8553b10da5f.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">Swissveg</p>
          <a href="/en/products/t-shirt-swissveg-green-1-piece-2539">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">T-Shirt Swissveg green, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5Prc2NMd6zSkRzsbRPvQV_ME1uazXHLNGdKRyPzHaGKLKrwJbTcYPThYWQQGUWnFc4gFRxod3gHsARtI5p69gw" />
    <input value="2539" 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/magnet-go-vegan-1-piece-2547">
          <img alt="Magnet: Go Vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1853/file/small-feebb14c5fb26be4a76f81bd761bdf12.webp 600w, https://assets.fabulous.ch/public/variant_asset/1853/file/medium-33babc8db207bb6a85d7317b502c3d8c.webp 900w, https://assets.fabulous.ch/public/variant_asset/1853/file/large-2ef87b8d6c2dbe862677cfd89ab66442.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1853/file/medium-33babc8db207bb6a85d7317b502c3d8c.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">Swissveg</p>
          <a href="/en/products/magnet-go-vegan-1-piece-2547">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Magnet: Go Vegan, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cTEB8PYnzVAjTGWmA3ysy79SIWYDxMwWTGp7jZXNI5we4WEhSA0-Wb9TB7lB1hVZP97yx6qFYNq5ufENj5T2fQ" />
    <input value="2547" 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/magnet-swissveg-1-piece-2550">
          <img alt="Magnet Swissveg" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1856/file/small-5fa93749442604d8fa9c04b9f56ca352.webp 600w, https://assets.fabulous.ch/public/variant_asset/1856/file/medium-c29c14238c662598a6b9307ceb9056d5.webp 900w, https://assets.fabulous.ch/public/variant_asset/1856/file/large-0a5db7027f8e45ee497dcc1203997d6a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1856/file/medium-c29c14238c662598a6b9307ceb9056d5.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">Swissveg</p>
          <a href="/en/products/magnet-swissveg-1-piece-2550">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Magnet Swissveg, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="H__nBIBY8cVXr0jozdhx8byQM176b-uAoPrcbj_Z2ltwL4fVPnICzMuwKvePcshjPBzg_1MuR0xVKVbuJYAPug" />
    <input value="2550" 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/lanyard-swissveg-1-piece-2553">
          <img alt="Lanyard Swissveg" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1857/file/small-3e0086693f220d65d633d81dac05bf70.webp 600w, https://assets.fabulous.ch/public/variant_asset/1857/file/medium-dc1c7049043942c1aecc807cc6da3055.webp 900w, https://assets.fabulous.ch/public/variant_asset/1857/file/large-a0562054d0e4f46491999efc07744231.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1857/file/medium-dc1c7049043942c1aecc807cc6da3055.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">Swissveg</p>
          <a href="/en/products/lanyard-swissveg-1-piece-2553">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lanyard Swissveg, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.05
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UMGuBbKSDfXl3_lJJmtSRtvq7eJKU1jj4L7HvQ33zuw_Ec7UDLj-_HnAm1ZkwevUW2Y-Q-MS9C8VbU09F64bDQ" />
    <input value="2553" 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/flour-almond-natural-not-deoiled-organic-250-g-2568">
          <img alt="Flour Almond Natural, not deoiled Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1863/file/small-ac376f425291341047f3bc867750b35f.webp 600w, https://assets.fabulous.ch/public/variant_asset/1863/file/medium-3c5b344302f008c205a8fa56c7e997f7.webp 900w, https://assets.fabulous.ch/public/variant_asset/1863/file/large-2508a68c549a36dc738b8e36b2516278.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1863/file/medium-3c5b344302f008c205a8fa56c7e997f7.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">Erdschwalbe</p>
          <a href="/en/products/flour-almond-natural-not-deoiled-organic-250-g-2568">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Flour Almond Natural, not deoiled Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QEfIQtPeNXREH5-cRZp8BCt1-OYbjrQ7iCycjGPt_XUvl6iTbfTGfdgA_YMHMMWWq_krR7LPGPd9_xYMebQolA" />
    <input value="2568" 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/coconut-flakes-premium-raw-food-quality-organic-300-g-2570">
          <img alt="Coconut Flakes Premium Raw Food Quality Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1865/file/small-2b0f9e56d62f8bc65af00617b557918b.webp 600w, https://assets.fabulous.ch/public/variant_asset/1865/file/medium-883bb3c01eace31e55949ddb6baa4084.webp 900w, https://assets.fabulous.ch/public/variant_asset/1865/file/large-4aaec18fa54c000792647a51aabfe860.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1865/file/medium-883bb3c01eace31e55949ddb6baa4084.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">Dr. Goerg</p>
          <a href="/en/products/coconut-flakes-premium-raw-food-quality-organic-300-g-2570">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Coconut Flakes Premium Raw Food Quality Organic, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dHakoHap1xVAeldOA9-zIve5UvOhT5zfdKJfwhhRrlUbpsRxyIMkHNxlNVFBdQqwdzWBUggOMBOBcdVCAgh7tA" />
    <input value="2570" 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/candy-sage-gluten-free-organic-100-g-2575">
          <img alt="Candy Sage Gluten Free Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1867/file/small-e8e9d6327cf8e1d0ec117ef3e2ac1538.webp 600w, https://assets.fabulous.ch/public/variant_asset/1867/file/medium-62453a0b2f1148f3271dd6582ceec852.webp 900w, https://assets.fabulous.ch/public/variant_asset/1867/file/large-56e6a9c57dc3f45952661eedc45c8470.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1867/file/medium-62453a0b2f1148f3271dd6582ceec852.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">Liebhart&#39;s</p>
          <a href="/en/products/candy-sage-gluten-free-organic-100-g-2575">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Candy Sage Gluten Free Organic, 100 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.95 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oDae1p0p81wnFMlgF2QzTzCVJgoDWqPz_7o_Rv4SonnP5v4HIwMAVbsLq39VzordsBn1q6obDz8KabXG5Et3mA" />
    <input value="2575" 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">
      480 of 3&#39;173 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/hownd?format=turbo_stream&amp;page=25">Show more</a>
  </div>
</div>

</template></turbo-stream>