<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/tea-yogi-green-tea-ginger-lemon-organic-30-g-459">
          <img alt="Tea Yogi Green Tea Ginger Lemon Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/413/file/small-bc25461e16c77f2625264c2e72aa9def.webp 600w, https://assets.fabulous.ch/public/variant_asset/413/file/medium-4a198e5dc7865ca56c4eed5a6baf9c15.webp 900w, https://assets.fabulous.ch/public/variant_asset/413/file/large-30c4a0976c2facff8b53bb844aa41d8e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/413/file/medium-4a198e5dc7865ca56c4eed5a6baf9c15.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">Yogi Tee</p>
          <a href="/en/products/tea-yogi-green-tea-ginger-lemon-organic-30-g-459">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tea Yogi Green Tea Ginger Lemon Organic, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="49jZaA0g8XHmXZF8_ZjBk6tA05e3FxFz_X3itlsXulXgXXmb1huaHwy1UV-NZW4EZ7IE9LEswZoXuS4IKNX4lw" />
    <input value="459" 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/tea-yogi-black-chai-organic-30-g-461">
          <img alt="Tea Yogi Black Chai Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/415/file/small-dec2ba1e4cddeb7c0871e8d7e4e94aa5.webp 600w, https://assets.fabulous.ch/public/variant_asset/415/file/medium-9bfebd4cc99caf76284bc692a9eef7fa.webp 900w, https://assets.fabulous.ch/public/variant_asset/415/file/large-847f9687a03a1a5268bf604d674e3131.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/415/file/medium-9bfebd4cc99caf76284bc692a9eef7fa.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">Yogi Tee</p>
          <a href="/en/products/tea-yogi-black-chai-organic-30-g-461">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tea Yogi Black Chai Organic, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Eo68QWptMatPIENv6aV_NoIr-WVHe-R6GhBgraB4RvcRCxyysVZaxaXIg0yZWNChTtkuBkFANJPw1KwT07oENQ" />
    <input value="461" 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/tea-yogi-womens-balance-organic-38-g-463">
          <img alt="Tea Yogi Womens Balance Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/418/file/small-0d76c217db2f8c9e69b90e41f09dc624.webp 600w, https://assets.fabulous.ch/public/variant_asset/418/file/medium-0d4fa0c210308958838255d9dc97c639.webp 900w, https://assets.fabulous.ch/public/variant_asset/418/file/large-a51ef7ed411f9a7f70dbab99174a6cd6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/418/file/medium-0d4fa0c210308958838255d9dc97c639.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">Yogi Tee</p>
          <a href="/en/products/tea-yogi-womens-balance-organic-38-g-463">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tea Yogi Womens Balance Organic, 38 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tRDuW_u2NebRinXxA6u1lCVaNQePZcap9LG94EixY-e2lU6oII1eiDtitdJzVhoD6ajiZIleFkAedXFeO3MhJQ" />
    <input value="463" 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/tea-yogi-positive-energy-organic-38-g-464">
          <img alt="Tea Yogi Positive Energy Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/417/file/small-cc68971c0e1200b9542c5c884b069c0f.webp 600w, https://assets.fabulous.ch/public/variant_asset/417/file/medium-3836fc1b5c4ed9c8aa8cf202325346a2.webp 900w, https://assets.fabulous.ch/public/variant_asset/417/file/large-0e23b89404f3a977e0f681a40284ef8c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/417/file/medium-3836fc1b5c4ed9c8aa8cf202325346a2.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">Yogi Tee</p>
          <a href="/en/products/tea-yogi-positive-energy-organic-38-g-464">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tea Yogi Positive Energy Organic, 38 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Zd5VRZQTs22c2yLPxh3WLwtWTP4n3rOR-N6RHzdJXChmW_W2TyjYA3Yz4uy24Hm4x6SbnSHlY3gSGl2hRIse6g" />
    <input value="464" 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/baking-soda-gluten-free-20-g-469">
          <img alt="Baking Soda Gluten Free" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/423/file/small-b8526aeb0795133a91b94a7adb6698b6.webp 600w, https://assets.fabulous.ch/public/variant_asset/423/file/medium-8a52e48a57b0df8605695be562617604.webp 900w, https://assets.fabulous.ch/public/variant_asset/423/file/large-4fc66abde99e175310fc8b836e25559d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/423/file/medium-8a52e48a57b0df8605695be562617604.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">Biovegan</p>
          <a href="/en/products/baking-soda-gluten-free-20-g-469">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Baking Soda Gluten Free, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6sYfIelt0IfidaDAfTN5v5j9zJkq36ANH5YLa1iJjRTpQ7_SMla76QidYOMNztYoVA8b-izkcOT1UsfVK0vP1g" />
    <input value="469" 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/vivani-white-nougat-crisp-organic-35-g-480">
          <img alt="Vivani White Nougat Crisp Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/431/file/small-56cf522a66c80ddd3f2437c7fd737c7e.webp 600w, https://assets.fabulous.ch/public/variant_asset/431/file/medium-0a97ab9b7504c122e6cbda9f136fbe46.webp 900w, https://assets.fabulous.ch/public/variant_asset/431/file/large-06a298bce9e911d54e25a394f4886c59.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/431/file/medium-0a97ab9b7504c122e6cbda9f136fbe46.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Vivani / Ichoc</p>
          <a href="/en/products/vivani-white-nougat-crisp-organic-35-g-480">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vivani White Nougat Crisp Organic, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="T-QoltvRlBV8G5p3a9qlFLnMgor1E-bba5tdoWK7VINMYYhlAOr_e5bzWlQbJwqDdT5V6fMoNjKBX5EfEXkWQQ" />
    <input value="480" 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/vivani-cavi-quick-instant-chocolate-powder-organic-400-g-481">
          <img alt="Vivani Cavi quick Instant Chocolate Powder Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/432/file/small-92368a1ed0f3446814ca9689900f9205.webp 600w, https://assets.fabulous.ch/public/variant_asset/432/file/medium-049a1bc9943277d54be4a2af16bd20ad.webp 900w, https://assets.fabulous.ch/public/variant_asset/432/file/large-86291ef559db20a2d44994c142ea6782.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/432/file/medium-049a1bc9943277d54be4a2af16bd20ad.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Vivani / Ichoc</p>
          <a href="/en/products/vivani-cavi-quick-instant-chocolate-powder-organic-400-g-481">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vivani Cavi quick Instant Chocolate Powder Organic, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </p>

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

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/rice-basmati-himalaya-organic-500-g-485">
          <img alt="Rice Basmati Himalaya Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/438/file/small-254068701a18cd166010711725017767.webp 600w, https://assets.fabulous.ch/public/variant_asset/438/file/medium-0906f12ecde7503d4b62c71c3c2c32c4.webp 900w, https://assets.fabulous.ch/public/variant_asset/438/file/large-1b13cbfc82eac7a5e597169979a342e0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/438/file/medium-0906f12ecde7503d4b62c71c3c2c32c4.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">Davert</p>
          <a href="/en/products/rice-basmati-himalaya-organic-500-g-485">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rice Basmati Himalaya Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HgEeGXtGK0l2fOHAbHI-YtyE796u00Y64q4NF9qSXmkdhL7qoH1AJ5yUIeMcj5H1EHY4vajoltMIasGpqVAcqw" />
    <input value="485" 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/day-basis-sensitiv-anti-ageing-day-cream-50-ml-490">
          <img alt="Day basis sensitiv Anti-Ageing Day Cream" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/440/file/small-f00a069f6cfd9b8de4951c5d4008bcae.webp 600w, https://assets.fabulous.ch/public/variant_asset/440/file/medium-5df868f7b976b61f3417d4052918cce7.webp 900w, https://assets.fabulous.ch/public/variant_asset/440/file/large-a96cdfcfe08ca86918e11c099943deba.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/440/file/medium-5df868f7b976b61f3417d4052918cce7.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">Lavera</p>
          <a href="/en/products/day-basis-sensitiv-anti-ageing-day-cream-50-ml-490">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Day basis sensitiv Anti-Ageing Day Cream, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.25
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="deDsCJQlFoz14H3Zqb6Qa2VzFhBVkWVMyUWAj3Kjsnl2ZUz7Tx594h8IvfrZQz_8qYHBc1OqtaUjgUwxAWHwuw" />
    <input value="490" 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/barley-grass-powder-raw-food-quality-organic-75-g-515">
          <img alt="Barley Grass Powder 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/465/file/small-fe1886f70d3f2d860c9609c9a6d27f81.webp 600w, https://assets.fabulous.ch/public/variant_asset/465/file/medium-c02acdc0c134cbd55cdc87ee753f419e.webp 900w, https://assets.fabulous.ch/public/variant_asset/465/file/large-d855b06d121a172153af179c57bc5e76.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/465/file/medium-c02acdc0c134cbd55cdc87ee753f419e.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/barley-grass-powder-raw-food-quality-organic-75-g-515">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Barley Grass Powder Raw Food Quality Organic, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uBm6W2Woe9HHW9l2ZlH1n3bGOOOA9sNHENOblXbqgn27nBqovpMQvy2zGVUWrFoIujTvgIbNE676F1crBSjAvw" />
    <input value="515" 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/acerola-powder-organic-100-g-517">
          <img alt="Acerola Powder Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/466/file/small-f37e73153b4f22ebbb9413620e839eca.webp 600w, https://assets.fabulous.ch/public/variant_asset/466/file/medium-236e29e646488da3f16adbf395f5f085.webp 900w, https://assets.fabulous.ch/public/variant_asset/466/file/large-38d26d192d4e3460fa1886f7ce36b502.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/466/file/medium-236e29e646488da3f16adbf395f5f085.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/acerola-powder-organic-100-g-517">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Acerola Powder Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8QEoyj9LnpP4uj3Sr1j_qkQJCXxD1WcDkK1QMeo8SibyhIg55HD1_RJS_fHfpVA9iPveH0Xut-p6aZyPmf4I5A" />
    <input value="517" 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/wheat-grass-powder-organic-75-g-518">
          <img alt="Wheat Grass Powder Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/467/file/small-2dafdbee7462f6c69f2199d2afbea7a6.webp 600w, https://assets.fabulous.ch/public/variant_asset/467/file/medium-1389e6cbe77e36e967b716c0861fd1d0.webp 900w, https://assets.fabulous.ch/public/variant_asset/467/file/large-439abd0bc15fe774e63c76ac3d4409e0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/467/file/medium-1389e6cbe77e36e967b716c0861fd1d0.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/wheat-grass-powder-organic-75-g-518">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Wheat Grass Powder Organic, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.75
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XG1u_fFtzvMS2KskTI26gk1XpcbJVvgLckzt9p9MB-xf6M4OKlalnfgwawc8cBUVgaVypc9tKOKYiCFI7I5FLg" />
    <input value="518" 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/eyeliner-kajal-black-natural-1-13-g-1-piece-527">
          <img alt="Eyeliner Kajal Black Natural 1,13 g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/475/file/small-b5da63245a5525a687739b2a59a9351c.webp 600w, https://assets.fabulous.ch/public/variant_asset/475/file/medium-a153fce4d90ced80ce0b82dba702357d.webp 900w, https://assets.fabulous.ch/public/variant_asset/475/file/large-a50abba3b5a26de2f43a650ee290e41d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/475/file/medium-a153fce4d90ced80ce0b82dba702357d.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">benecos</p>
          <a href="/en/products/eyeliner-kajal-black-natural-1-13-g-1-piece-527">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Eyeliner Kajal Black Natural 1,13 g, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8mIH_mYVkKN8ePVTn2P5KZF5fCgtbsR5LTNg_psxUinx56cNvS77zZaQNXDvnla-XYurSytVFJDH96xA6PMQ6w" />
    <input value="527" 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/eyeliner-black-trend-sensitiv-soft-1-1g-1-piece-528">
          <img alt="Eyeliner Black Trend sensitiv Soft, 1,1g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/476/file/small-04673b04f075f311d97de731fda0ab70.webp 600w, https://assets.fabulous.ch/public/variant_asset/476/file/medium-7e7777a95f22b8d346b26ee0e255cb12.webp 900w, https://assets.fabulous.ch/public/variant_asset/476/file/large-92be680f35f8bb951e32388484c58e21.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/476/file/medium-7e7777a95f22b8d346b26ee0e255cb12.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">Lavera</p>
          <a href="/en/products/eyeliner-black-trend-sensitiv-soft-1-1g-1-piece-528">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Eyeliner Black Trend sensitiv Soft, 1,1g, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ghmG0QIlAnou757u1dfhe6eiroKepZmgx7yBIPd0B8iBnCYi2R5pFMQHXs2lKk7sa1B54ZieSUkteE2ehLZFCg" />
    <input value="528" 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/eyeliner-soft-eyeliner-brown-02-1-4g-1-piece-529">
          <img alt="Eyeliner Soft Eyeliner - Brown 02, 1,4g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/477/file/small-ec4075addb7a069c97b8d51897530080.webp 600w, https://assets.fabulous.ch/public/variant_asset/477/file/medium-1deb4abaae2198b63dfbadc3b37adb73.webp 900w, https://assets.fabulous.ch/public/variant_asset/477/file/large-a28da36366e9b45f8daaff9e687e66bb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/477/file/medium-1deb4abaae2198b63dfbadc3b37adb73.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">Lavera</p>
          <a href="/en/products/eyeliner-soft-eyeliner-brown-02-1-4g-1-piece-529">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Eyeliner Soft Eyeliner - Brown 02, 1,4g, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fyD3VIhbm-kwuB2RpdA8OOr29VfeccCABdn0AN-chN98pVenU2Dwh9pQ3bLVLZOvJgQiNNhKEGnvHTi-rF7GHQ" />
    <input value="529" 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/mascara-volume-brown-9-ml-533">
          <img alt="Mascara Volume Brown" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/481/file/small-5f347a3f1c20886d45df668e2113f217.webp 600w, https://assets.fabulous.ch/public/variant_asset/481/file/medium-9bb729c60a198c878aff0e35c4f2f0ce.webp 900w, https://assets.fabulous.ch/public/variant_asset/481/file/large-6ea918ca9626a69119b50b41dbcb1442.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/481/file/medium-9bb729c60a198c878aff0e35c4f2f0ce.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">Lavera</p>
          <a href="/en/products/mascara-volume-brown-9-ml-533">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mascara Volume Brown, 9 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.45
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VjBUt5q7K66cCDS3jXy4bbJ_CZ6wnDGmoruuLCyRJu5VtfREQYBAwHbg9JT9gRf6fo3e_ban4U9If2KSX1NkLA" />
    <input value="533" 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/make-up-natural-creamy-nude-30-ml-534">
          <img alt="Make-Up Natural Creamy nude" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/482/file/small-db85c3d0637858eb300c3b0f52b0da7e.webp 600w, https://assets.fabulous.ch/public/variant_asset/482/file/medium-696edd9110bcd0d74d733b9f6763e030.webp 900w, https://assets.fabulous.ch/public/variant_asset/482/file/large-9a66cfcbd4b53e6905fb4c368484c55d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/482/file/medium-696edd9110bcd0d74d733b9f6763e030.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">benecos</p>
          <a href="/en/products/make-up-natural-creamy-nude-30-ml-534">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Make-Up Natural Creamy nude, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7d9822UDs0M9ve6h7rp1P_Pk84h3a3JKJn3hwWNGw8TuWtwovjjYLddVLoKeR9qoPxYk63FQoqPMuS1_EISBBg" />
    <input value="534" 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/make-up-natural-creamy-caramel-30-ml-535">
          <img alt="Make-Up Natural Creamy caramel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/483/file/small-6f4b1e0e1bc922bd0c74987d62b5cff2.webp 600w, https://assets.fabulous.ch/public/variant_asset/483/file/medium-53d4dad458303c802e73de08d606c276.webp 900w, https://assets.fabulous.ch/public/variant_asset/483/file/large-830c33f5ea03b38b03c162e7257b7157.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/483/file/medium-53d4dad458303c802e73de08d606c276.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">benecos</p>
          <a href="/en/products/make-up-natural-creamy-caramel-30-ml-535">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Make-Up Natural Creamy caramel, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8L9949FjJTRaciduhuSZ9HRTU-nxwlAOLKkTogGs5M_zOt0QClhOWrCa5032GTZjuKGEivf5gOfGbd8ccm6mDQ" />
    <input value="535" 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/make-up-natural-creamy-honey-30-ml-536">
          <img alt="Make-Up Natural Creamy honey" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/484/file/small-6bb749e97bbbfa2887f5ed213de1c612.webp 600w, https://assets.fabulous.ch/public/variant_asset/484/file/medium-a3cf6fc30fff05f69a811ea54abf286a.webp 900w, https://assets.fabulous.ch/public/variant_asset/484/file/large-3691c4f0acc1ab079b06095879531330.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/484/file/medium-a3cf6fc30fff05f69a811ea54abf286a.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">benecos</p>
          <a href="/en/products/make-up-natural-creamy-honey-30-ml-536">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Make-Up Natural Creamy honey, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XeBQY3ZVOXo6KfIFUGjU4HcsfRjJuNlg60JoqOQRDTVeZfCQrW5SFNDBMiYglXt3u96qe8-DCYkBhqQWl9NP9w" />
    <input value="536" 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/glass-cleaner-0-5-l-541">
          <img alt="Glass Cleaner" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/493/file/small-f6bf3035569bd86c3261fbcbc9ae2c11.webp 600w, https://assets.fabulous.ch/public/variant_asset/493/file/medium-db1a72ceccd536652f2425d2daef51d0.webp 900w, https://assets.fabulous.ch/public/variant_asset/493/file/large-0fc496481fdc1f8dd9a6a60e868e69fe.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/493/file/medium-db1a72ceccd536652f2425d2daef51d0.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">Sonett</p>
          <a href="/en/products/glass-cleaner-0-5-l-541">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Glass Cleaner, 0.5 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8DOZOwuED2rq1DsfRMXuzrwRw_9l1NiMbIeqs5h4EjjztjnI0L9kBAA8-zw0OEFZcOMUnGPvCGWGQ2YN67pQ-g" />
    <input value="541" 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">
      1&#39;200 of 3&#39;190 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/farfalla?format=turbo_stream&amp;page=61">Show more</a>
  </div>
</div>

</template></turbo-stream>