<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/food-colouring-gluten-free-organic-8-g-650">
          <img alt="Food Colouring 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/599/file/small-2502c9943eb2f571f6d726a7a7e73d61.webp 600w, https://assets.fabulous.ch/public/variant_asset/599/file/medium-457ea55fa40101e73b2bc1ffb425c053.webp 900w, https://assets.fabulous.ch/public/variant_asset/599/file/large-c24e03388cce01f93338a0913ea0211d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/599/file/medium-457ea55fa40101e73b2bc1ffb425c053.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/food-colouring-gluten-free-organic-8-g-650">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Food Colouring Gluten Free Organic, 8 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jPAMJ-9cUH5ogrsW1dXzWa-UkvWE0gHxtxgTHheXal2g7ceWnpwZfyb24xkDG9Ii1mAt3jbq7IOi5fkSp6hImg" />
    <input value="650" 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/premium-macadamia-nuts-organic-75-g-656">
          <img alt="Premium Macadamia Nuts Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/602/file/small-23c97ddda35465d8ad9a71c2df60b01a.webp 600w, https://assets.fabulous.ch/public/variant_asset/602/file/medium-491148e8aa170c8280b7f7ac4e50e452.webp 900w, https://assets.fabulous.ch/public/variant_asset/602/file/large-997732b054f0efc67c91ed102ccc5c47.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/602/file/medium-491148e8aa170c8280b7f7ac4e50e452.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/premium-macadamia-nuts-organic-75-g-656">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Premium Macadamia Nuts Organic, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Q6T8Vj11AR2xblJLkGxJSVrGks6DtcXhM1fQKOUMX51vuTfnTLVIHP8aCkRGomgyIzIt5TGNKJMmqjokVTN9Wg" />
    <input value="656" 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/premium-wild-peanuts-organic-100-g-659">
          <img alt="Premium Wild Peanuts Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/605/file/small-6438205fc5ec55bfa14f952fa1957c80.webp 600w, https://assets.fabulous.ch/public/variant_asset/605/file/medium-5827c5ee813b75876f5ebc06d8fb12d7.webp 900w, https://assets.fabulous.ch/public/variant_asset/605/file/large-feaa4de78c1869c1637ea2e2d6eae11c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/605/file/medium-5827c5ee813b75876f5ebc06d8fb12d7.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/premium-wild-peanuts-organic-100-g-659">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Premium Wild Peanuts Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-659-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/oil-virgin-coconut-organic-450-ml-665">
          <img alt="Oil Virgin Coconut Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/612/file/small-1901f85b68802c9826f97931fdc1dd41.webp 600w, https://assets.fabulous.ch/public/variant_asset/612/file/medium-54b70f5e3f799c33d0a61319f68cd7ad.webp 900w, https://assets.fabulous.ch/public/variant_asset/612/file/large-3cc1423326193f8b50aba28af64e3952.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/612/file/medium-54b70f5e3f799c33d0a61319f68cd7ad.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">Kulau</p>
          <a href="/en/products/oil-virgin-coconut-organic-450-ml-665">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Oil Virgin Coconut Organic, 450 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9co70A1AUqso3i5BFkbioqcpkFsgNDrZ74hw2T6VPgTZ1_BhfIAbqmaqdk7AiMPZ3t0vcJIM16v6dZrVjqocww" />
    <input value="665" 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/vegan-virginia-steak-organic-175-g-677">
          <img alt="Vegan Virginia Steak Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/621/file/small-62403a22204994066c7923090497df29.webp 600w, https://assets.fabulous.ch/public/variant_asset/621/file/medium-b9cbc11891e25d21e1ff6feb7f4300e8.webp 900w, https://assets.fabulous.ch/public/variant_asset/621/file/large-2807cf030d397bf1a2fa07b091bbe041.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/621/file/medium-b9cbc11891e25d21e1ff6feb7f4300e8.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">Wheaty</p>
          <a href="/en/products/vegan-virginia-steak-organic-175-g-677">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan Virginia Steak Organic, 175 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kgQkdh2eegQNr3Q0aU_hTx2TeF3OFG4NT-TIYTAtLDu-Ge_HbF4zBUPbLDu_gcA0ZGfHdnwsg39aGSJtgBIO_A" />
    <input value="677" 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/sausage-vegan-country-style-organic-150-g-680">
          <img alt="Sausage Vegan Country Style Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/624/file/small-8a4ff09a7b7032693b42a03de32cd23d.webp 600w, https://assets.fabulous.ch/public/variant_asset/624/file/medium-41cd30e5ae1e896637165fb7286265bf.webp 900w, https://assets.fabulous.ch/public/variant_asset/624/file/large-0d1b06cf37797a3fed84e19dbe685f35.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/624/file/medium-41cd30e5ae1e896637165fb7286265bf.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">Wheaty</p>
          <a href="/en/products/sausage-vegan-country-style-organic-150-g-680">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sausage Vegan Country Style Organic, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.05
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4mQOJdE2y5SDgxWq3P4i-RWwL3YY6JssNzAIMxaybK3OecWUoPaClc33TaUKMAOCbESQXarQdl4izeI_po1Oag" />
    <input value="680" 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/sausage-mini-super-griller-vegan-organic-200-g-681">
          <img alt="Sausage Mini Super Griller Vegan Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/625/file/small-22edb8197a4e3be9cb9f6e40b9f6765f.webp 600w, https://assets.fabulous.ch/public/variant_asset/625/file/medium-89e16e77ff631652732aa70b28258b57.webp 900w, https://assets.fabulous.ch/public/variant_asset/625/file/large-8126172ff70e99049fdee06ebbf20348.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/625/file/medium-89e16e77ff631652732aa70b28258b57.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">Wheaty</p>
          <a href="/en/products/sausage-mini-super-griller-vegan-organic-200-g-681">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sausage Mini Super Griller Vegan Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eCgmi6o0XpilHofSprWPaFI9uE4W4C5sH71v9ByS0JZUNe062_QXmetq391we64TK8kHZaTYwx4KQIX4rK3yUQ" />
    <input value="681" 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/lazzaretti-red-lentils-pasta-organic-250-g-686">
          <img alt="Lazzaretti Red Lentils Pasta Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/641/file/small-03e80cee9855636698878f12671a9022.webp 600w, https://assets.fabulous.ch/public/variant_asset/641/file/medium-59b15d21753f640f3feaa4a53d20abea.webp 900w, https://assets.fabulous.ch/public/variant_asset/641/file/large-f181e6e2fa0b4b2e518755acf90aa126.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/641/file/medium-59b15d21753f640f3feaa4a53d20abea.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lazzaretti</p>
          <a href="/en/products/lazzaretti-red-lentils-pasta-organic-250-g-686">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lazzaretti Red Lentils Pasta Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/lazzaretti-chickpea-pasta-demeter-250-g-687">
          <img alt="Lazzaretti  Chickpea Pasta Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/643/file/small-88bee128d4955ef26b21e7d11373b9b7.webp 600w, https://assets.fabulous.ch/public/variant_asset/643/file/medium-70201a1351e94cfcc9c37d292953834c.webp 900w, https://assets.fabulous.ch/public/variant_asset/643/file/large-7295fc5aba327688804e26ce6dd32a8b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/643/file/medium-70201a1351e94cfcc9c37d292953834c.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lazzaretti</p>
          <a href="/en/products/lazzaretti-chickpea-pasta-demeter-250-g-687">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lazzaretti  Chickpea Pasta Demeter, 250 g</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 1.98 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sly54UPgbqwjGLFAwi_K2PdOtJmzBUtxLHXlCRrWSraeQXJQMiAnrW1s6U8U4eujjroLsgE9pgM5iA8FqulocQ" />
    <input value="687" 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/cleansing-milk-200-ml-695">
          <img alt="Cleansing Milk" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/647/file/small-1fb337e0c89c938cbf9ac645cb50625a.webp 600w, https://assets.fabulous.ch/public/variant_asset/647/file/medium-ec8476137b875578e68c6c6f15158a95.webp 900w, https://assets.fabulous.ch/public/variant_asset/647/file/large-4804b8f0caa817d6534888a00d06070c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/647/file/medium-ec8476137b875578e68c6c6f15158a95.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">MADARA</p>
          <a href="/en/products/cleansing-milk-200-ml-695">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cleansing Milk, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.05
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eqmTKqO0W9OQ7hMoMtAOvTekqQf547s8wTcpKF03ViFWtFib0nQS0t6aSyfkHi_GTlAWLEvbVk7UysMk7Qh05g" />
    <input value="695" 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/night-regenerating-night-cream-50-ml-696">
          <img alt="Night Regenerating Night Cream" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/648/file/small-4f6993e97947cb88502ab613e0498156.webp 600w, https://assets.fabulous.ch/public/variant_asset/648/file/medium-ea63cdb9755960474d1aa9dc0a9c0560.webp 900w, https://assets.fabulous.ch/public/variant_asset/648/file/large-bfe503d9cffa527eafb67a05547e4fc8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/648/file/medium-ea63cdb9755960474d1aa9dc0a9c0560.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">MADARA</p>
          <a href="/en/products/night-regenerating-night-cream-50-ml-696">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Night Regenerating Night Cream, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.45
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Vojqc-mL2HyUJ96xc1SxoRpKKIt7CBoDCngF-_mJTo56lSHCmEuRfdpThr6lmpDaY76XoMkw93Efhe_3SbZsSQ" />
    <input value="696" 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/clarifying-toner-200-ml-697">
          <img alt="Clarifying Toner" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/649/file/small-f41ee897c86d36692db43e9242e8e000.webp 600w, https://assets.fabulous.ch/public/variant_asset/649/file/medium-5e32d7a9e32a5c563e947c8eb712a6fc.webp 900w, https://assets.fabulous.ch/public/variant_asset/649/file/large-9ed3e13e4c3651bc1d7bc197d212e527.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/649/file/medium-5e32d7a9e32a5c563e947c8eb712a6fc.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">MADARA</p>
          <a href="/en/products/clarifying-toner-200-ml-697">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Clarifying Toner, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.75
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="47QARbUZqGWLEdh4bb9SX_fPgJFnY6lZhwk1bCyDW9LPqcv0xNnhZMVlgHe7cXMkjjs_utVbRCuS9N9gnLx5FQ" />
    <input value="697" 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-deep-moisture-cream-50-ml-699">
          <img alt="Day Deep Moisture Cream" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/651/file/small-ffde79b74dab00960cda07db3977afa9.webp 600w, https://assets.fabulous.ch/public/variant_asset/651/file/medium-ca1653749e483f36de9562f97ffcc02a.webp 900w, https://assets.fabulous.ch/public/variant_asset/651/file/large-81fc9bb1924270d2c8f749cde0ecd422.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/651/file/medium-ca1653749e483f36de9562f97ffcc02a.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">MADARA</p>
          <a href="/en/products/day-deep-moisture-cream-50-ml-699">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Day Deep Moisture Cream, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.55
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="moX8n_40WsSQJS2qKBBPxA064jY-dVYz8tFUs0qDZ_q2mDcuj_QTxd5RdaX-3m6_dM5dHYxNu0HnLL6_-rxFPQ" />
    <input value="699" 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/shampoo-nourish-and-repair-250-ml-709">
          <img alt="Shampoo Nourish and Repair" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/659/file/small-312cf1a4569321f09e56801fa23d5049.webp 600w, https://assets.fabulous.ch/public/variant_asset/659/file/medium-400b2c46183c4c052ee2bbb3f76fae57.webp 900w, https://assets.fabulous.ch/public/variant_asset/659/file/large-7aa07730848f5affc19a42c231a24163.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/659/file/medium-400b2c46183c4c052ee2bbb3f76fae57.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">MADARA</p>
          <a href="/en/products/shampoo-nourish-and-repair-250-ml-709">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shampoo Nourish and Repair, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ACap-htYcmAbtjm8i8YrJ7tsgkLx_ZvnGG11maf28C8sO2JLapg7YVXCYbNdCApcwpg9aUPFdpUNkJ-VF8nS6A" />
    <input value="709" 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/shampoo-colour-and-shine-250-ml-710">
          <img alt="Shampoo Colour and Shine" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/660/file/small-84f63571143192fa4a063def708c4429.webp 600w, https://assets.fabulous.ch/public/variant_asset/660/file/medium-0def361c5927db341f7025fbb05677d9.webp 900w, https://assets.fabulous.ch/public/variant_asset/660/file/large-188912c8b16e76a8b00da4c5cfa2fbe1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/660/file/medium-0def361c5927db341f7025fbb05677d9.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">MADARA</p>
          <a href="/en/products/shampoo-colour-and-shine-250-ml-710">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shampoo Colour and Shine, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DSbD_dBr4VVz9XWqLuJI_IEc8XkZpJs8ttgbmkrSUgAhOwhMoauoVD2BLaX4LGmH-OhOUqucdk6jJfGW-u1wxw" />
    <input value="710" 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/conditioner-nourish-and-repair-200-ml-711">
          <img alt="Conditioner Nourish and Repair" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/662/file/small-82bef915f552215912d4f55fb59ad18c.webp 600w, https://assets.fabulous.ch/public/variant_asset/662/file/medium-438619fdc1e76fdd242ad99fef5535e2.webp 900w, https://assets.fabulous.ch/public/variant_asset/662/file/large-88d6fc0e2e0f974b3377935a0b3e5735.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/662/file/medium-438619fdc1e76fdd242ad99fef5535e2.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">MADARA</p>
          <a href="/en/products/conditioner-nourish-and-repair-200-ml-711">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Conditioner Nourish and Repair, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QJbePZWGEsHzss-RUnk17ZwLmMb1hr4V9LHz8p_ta3tsixWM5EZbwL3Gl56EtxSW5f8n7Ue-U2fhTBn-L9JJvA" />
    <input value="711" 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/eyeshadow-quattro-natural-beautiful-eyes-8-g-713">
          <img alt="Eyeshadow Quattro Natural Beautiful Eyes" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/663/file/small-8d124c674c2a63d24d0ba0a690dcfd78.webp 600w, https://assets.fabulous.ch/public/variant_asset/663/file/medium-9378e465b828f53aaf9b77180e222819.webp 900w, https://assets.fabulous.ch/public/variant_asset/663/file/large-20a9b8c1bc83dc0ff90b166ea6412762.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/663/file/medium-9378e465b828f53aaf9b77180e222819.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/eyeshadow-quattro-natural-beautiful-eyes-8-g-713">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Eyeshadow Quattro Natural Beautiful Eyes, 8 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zzVKOinjTzcVfXJVA6ZcEEGWcN6YPpfKMwKG5UqKY9fjKIGLWCMGNlsJKlrVaH1rOGLP9SoGergm_2zp-rVBEA" />
    <input value="713" 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-kajal-natural-green-1-13g-1-piece-717">
          <img alt="Eyeliner Kajal Natural Green, 1,13g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/667/file/small-2001ce21e97e2ea7f553773646911523.webp 600w, https://assets.fabulous.ch/public/variant_asset/667/file/medium-0baa03dd514816138511c83ec681815b.webp 900w, https://assets.fabulous.ch/public/variant_asset/667/file/large-fef49301ab6605aa260d5b9a5eec2c29.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/667/file/medium-0baa03dd514816138511c83ec681815b.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-natural-green-1-13g-1-piece-717">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Eyeliner Kajal Natural Green, 1,13g, 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-717-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Zbi6Jh9NEa3G2-ZNMWpuZSdWKxMfjaNAmwiqC3pCydtJpXGXbo1YrIivvkLnpE8eXqKUOK21TjKO9UAHyn3rHA" />
    <input value="717" 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-night-blue-natural-1-13-g-1-piece-718">
          <img alt="Eyeliner Kajal Night Blue 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/668/file/small-2cd2572b8b59f698fe97821a231b7615.webp 600w, https://assets.fabulous.ch/public/variant_asset/668/file/medium-96c124ef8c646aab252d2bd2679a6f05.webp 900w, https://assets.fabulous.ch/public/variant_asset/668/file/large-b1b435b5d89efd5241e2e0215c25cca6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/668/file/medium-96c124ef8c646aab252d2bd2679a6f05.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-night-blue-natural-1-13-g-1-piece-718">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Eyeliner Kajal Night Blue 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-718-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yJkSeYO-dAzhs4WjQhuoKV2QmsmxzbL7o8Q7vahz-QbkhNnI8n49Da_H3ayU1YlSJGQl4gP1X4m2OdGxGEzbwQ" />
    <input value="718" 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-kajal-olive-natural-1-13-g-1-piece-719">
          <img alt="Eyeliner Kajal Olive 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/669/file/small-22841c6e50f99b6861fe4b0060e1159f.webp 600w, https://assets.fabulous.ch/public/variant_asset/669/file/medium-d704af157b0340882d7799d83b66d6da.webp 900w, https://assets.fabulous.ch/public/variant_asset/669/file/large-5f44278a705405d49ca4e25b1a12a2bc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/669/file/medium-d704af157b0340882d7799d83b66d6da.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-olive-natural-1-13-g-1-piece-719">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Eyeliner Kajal Olive 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-719-card">
        

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

</template></turbo-stream>