<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/eyeshadow-brush-colour-edition-1-pcs-1-piece-7796">
          <img alt="Eyeshadow Brush Colour Edition, 1 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4539/file/small-c30639f99e5c83f2f56b0e09f4f9e175.webp 600w, https://assets.fabulous.ch/public/variant_asset/4539/file/medium-7913e7be1e4762459168d456a60cdd52.webp 900w, https://assets.fabulous.ch/public/variant_asset/4539/file/large-26a929be1b1a1ddf5d023ee8c9047909.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4539/file/medium-7913e7be1e4762459168d456a60cdd52.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-brush-colour-edition-1-pcs-1-piece-7796">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Eyeshadow Brush Colour Edition, 1 pcs, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.85
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CcfXNUj5oSUNTRDvyEiJzrVFRoLQ5e_oXDhzec6EKq4dmUSmEdmULomPAZWHOe39lWVB36H3vanCYmU8OT1ygw" />
    <input value="7796" 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/lip-brush-colour-edition-1-pcs-1-piece-7797">
          <img alt="Lip Brush Colour Edition, 1 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4541/file/small-4ce7e34ec24b8bccf8deb6781cb1462e.webp 600w, https://assets.fabulous.ch/public/variant_asset/4541/file/medium-ea4660f8464660d8749b6b95c4feae98.webp 900w, https://assets.fabulous.ch/public/variant_asset/4541/file/large-7603955f012c3ea4f09aa3bd20648ee7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4541/file/medium-ea4660f8464660d8749b6b95c4feae98.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/lip-brush-colour-edition-1-pcs-1-piece-7797">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lip Brush Colour Edition, 1 pcs, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EPzIVrmugIhr4o-vfmNGohd1erckQoM2hVY-_Iw1jccEolvF4I61g-8gntUxEiKRN1V96lVQ0XcbDCi5e4zV6g" />
    <input value="7797" 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/blending-brush-colour-edition-1-pcs-1-piece-7798">
          <img alt="Blending Brush Colour Edition, 1 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4542/file/small-93474e21013bf6b4c05715b6a0dcfeec.webp 600w, https://assets.fabulous.ch/public/variant_asset/4542/file/medium-c065c1cc94ec773e86d0ba5efee8e294.webp 900w, https://assets.fabulous.ch/public/variant_asset/4542/file/large-4ddee2a543c01f8af37303e850c85829.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4542/file/medium-c065c1cc94ec773e86d0ba5efee8e294.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/blending-brush-colour-edition-1-pcs-1-piece-7798">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Blending Brush Colour Edition, 1 pcs, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6YLXqmkL6o0i8sqQmYlE2JH2iDc7ryudDkkJ1UX1zeD93EQ5MCvfhqYw2-rW-CDrsdaPakq9edyQEx-QskyVzQ" />
    <input value="7798" 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/nails-nail-polish-remover-125-ml-7799">
          <img alt="Nails Nail Polish Remover" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4543/file/small-3485f4cf1eb1ca85dc7e98509743274f.webp 600w, https://assets.fabulous.ch/public/variant_asset/4543/file/medium-9a176125c5aad219dea3db5ccb5040a0.webp 900w, https://assets.fabulous.ch/public/variant_asset/4543/file/large-a956e128c741d212c940e4a7841280ab.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4543/file/medium-9a176125c5aad219dea3db5ccb5040a0.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/nails-nail-polish-remover-125-ml-7799">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nails Nail Polish Remover, 125 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.55
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LuDmWOU99rb18cLcULA1KoizI76lW2NLuis70siFiDI6vnXLvB3DvXEz06YfwVEZqJMk49RJMQokcS2XPzzQHw" />
    <input value="7799" 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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    21 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/mummy-meagz-vegan-chuckie-egg-38-g-7802">
          <img alt="Mummy Meagz Vegan Chuckie Egg" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4546/file/small-b041626c3b9a6f79c2ecb7a61978833c.webp 600w, https://assets.fabulous.ch/public/variant_asset/4546/file/medium-5b364039dd5db32106a552504dd50ad4.webp 900w, https://assets.fabulous.ch/public/variant_asset/4546/file/large-54e1b3a7992c389bd496b20027a5c75a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4546/file/medium-5b364039dd5db32106a552504dd50ad4.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">Mummy Meagz</p>
          <a href="/en/products/mummy-meagz-vegan-chuckie-egg-38-g-7802">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mummy Meagz Vegan Chuckie Egg, 38 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 2.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.30</span>
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GSjPk7rpN1BqLmicL8_DkRJzbtxennl3JKKs3aMprQoNdlwA48kCW-7seeZgvqeiMlNpgS-MKza6-LqYVJD1Jw" />
    <input value="7802" 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/cookies-birkengold-chocolate-biscuits-with-no-added-sugar-125-g-7820">
          <img alt="Cookies Birkengold Chocolate Biscuits with no added Sugar" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4565/file/small-497c56098d79e787a1d18e98d5e0623a.webp 600w, https://assets.fabulous.ch/public/variant_asset/4565/file/medium-af88b7185fd07302789d168227d12e79.webp 900w, https://assets.fabulous.ch/public/variant_asset/4565/file/large-ed68b675a0cb95fe44a51502df4fa0b9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4565/file/medium-af88b7185fd07302789d168227d12e79.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">Birkengold</p>
          <a href="/en/products/cookies-birkengold-chocolate-biscuits-with-no-added-sugar-125-g-7820">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cookies Birkengold Chocolate Biscuits with no added Sugar, 125 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 4.16 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FH7ViP_5ru0kdRH4tjs3eg2cfL6g9r8zLgMF6d2n33QAIEYbptmb5qC3AIL5SlNJLbx749Hk7XKwWROsKh6HWQ" />
    <input value="7820" 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/biscuit-lemon-ginger-chia-organic-135-g-7841">
          <img alt="Biscuit Lemon Ginger &amp; Chia Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4573/file/small-0f58075794777292de710e6dec20fa4c.webp 600w, https://assets.fabulous.ch/public/variant_asset/4573/file/medium-02987e6869f0e2835d3eb69301d373cf.webp 900w, https://assets.fabulous.ch/public/variant_asset/4573/file/large-8d0068b074cfaa96afc461fbf6d8fb82.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4573/file/medium-02987e6869f0e2835d3eb69301d373cf.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">Rhythm 108</p>
          <a href="/en/products/biscuit-lemon-ginger-chia-organic-135-g-7841">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biscuit Lemon Ginger &amp; Chia Organic, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.15
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DkGRWOOv0q3OoZrO_YLajIEr5dy1rW67_34n97_m6lQaHwLLuo_npkpji7Sy876_oQvigcS_PPphJDGySF-yeQ" />
    <input value="7841" 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/cookies-vegan-chocolate-peanut-butter-organic-50-g-7843">
          <img alt="Cookies Vegan Chocolate Peanut Butter Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4575/file/small-fff6a82c48e564a1e0a4cbe81d2eeba1.webp 600w, https://assets.fabulous.ch/public/variant_asset/4575/file/medium-2f1adc6ba7f75fd84ff39fd453beea46.webp 900w, https://assets.fabulous.ch/public/variant_asset/4575/file/large-ff16d724607ec003f869163c1c928d30.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4575/file/medium-2f1adc6ba7f75fd84ff39fd453beea46.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">Rhythm 108</p>
          <a href="/en/products/cookies-vegan-chocolate-peanut-butter-organic-50-g-7843">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cookies Vegan Chocolate Peanut Butter Organic, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.65
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="T3KJKOfr49vlz1lX8_0SUqvMZiUW8G2Yo5y39mYXZ69bLBq7vsvW0GENSC28jHZhi-xheGfiP9k9xqGzka4_gg" />
    <input value="7843" 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/cookies-vegan-hazelnut-chocolate-praline-organic-50-g-7844">
          <img alt="Cookies Vegan Hazelnut Chocolate Praline Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4577/file/small-0b016f3f6375f924efe4cfeed3a2028d.webp 600w, https://assets.fabulous.ch/public/variant_asset/4577/file/medium-753171656bf67d273fc20c050c16acb9.webp 900w, https://assets.fabulous.ch/public/variant_asset/4577/file/large-4511ca71636a4ea0b2a4400a10bd724e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4577/file/medium-753171656bf67d273fc20c050c16acb9.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">Rhythm 108</p>
          <a href="/en/products/cookies-vegan-hazelnut-chocolate-praline-organic-50-g-7844">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cookies Vegan Hazelnut Chocolate Praline Organic, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.65
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PRFckeAZzZ3u8ciddiTeL8nuvuZ2gtsxFCdqna2sU_wpT88CuTn4lmoz2ec5Vboc6c65uweQiXCKfXzYWhUL0Q" />
    <input value="7844" 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/vego-melts-buttons-organic-180-g-7858">
          <img alt="Vego Melts Buttons Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4591/file/small-c91802dbfb356c333e902a57fc7ccc3e.webp 600w, https://assets.fabulous.ch/public/variant_asset/4591/file/medium-52b25bf400bdd363260bc834d200752d.webp 900w, https://assets.fabulous.ch/public/variant_asset/4591/file/large-5410af4ce69d5a0eae4ce273eaf9cc76.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4591/file/medium-52b25bf400bdd363260bc834d200752d.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">Vego Chocolate</p>
          <a href="/en/products/vego-melts-buttons-organic-180-g-7858">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vego Melts Buttons Organic, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VmG37VfoLtY6Rc2W0DLueLH8bsjKDPIOE1AIVtdkfeFCPyR-Dsgb3b6H3OyfQ4pLkdxplbseoE-NCh4TIN0lzA" />
    <input value="7858" 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/simply-v-vegan-character-slices-cheddar-style-150-g-7859">
          <img alt="Simply V Vegan Character Slices Cheddar Style" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4593/file/small-8f982d850001317032ea6313b27426c9.webp 600w, https://assets.fabulous.ch/public/variant_asset/4593/file/medium-b64e37f5f2d6e8301b87711b99dfb576.webp 900w, https://assets.fabulous.ch/public/variant_asset/4593/file/large-7b1c304d1c664164611ae0a78fa05f54.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4593/file/medium-b64e37f5f2d6e8301b87711b99dfb576.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">Simply V</p>
          <a href="/en/products/simply-v-vegan-character-slices-cheddar-style-150-g-7859">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Simply V Vegan Character Slices Cheddar Style, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </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.00 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-7859-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/whip-cream-powder-54-g-7861">
          <img alt="Whip Cream Powder" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4594/file/small-452979f4ae6b586b1653416efe46ed0c.webp 600w, https://assets.fabulous.ch/public/variant_asset/4594/file/medium-1cefd762d0c28117a3f3fea38b2804b0.webp 900w, https://assets.fabulous.ch/public/variant_asset/4594/file/large-d47907def9643f23eb1a9c9b5545fbe7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4594/file/medium-1cefd762d0c28117a3f3fea38b2804b0.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/whip-cream-powder-54-g-7861">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Whip Cream Powder, 54 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="m0C8iKhG-XzNdYNATFz9xcc0Ek3eKGifPN3QpRWn59mPHi8b8WbMd0m3kjoDLZn25xQVEK86Ot6ih8bg4h6_9A" />
    <input value="7861" 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/my-vegan-bolognese-organic-28-g-7862">
          <img alt="My Vegan Bolognese Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4596/file/small-d8821acd7cd9ba8ebde3753a66ee63a3.webp 600w, https://assets.fabulous.ch/public/variant_asset/4596/file/medium-7f329a20a5cc37699985319bd8a2cc33.webp 900w, https://assets.fabulous.ch/public/variant_asset/4596/file/large-106d6636444d648906d910fa477d8bbf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4596/file/medium-7f329a20a5cc37699985319bd8a2cc33.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/my-vegan-bolognese-organic-28-g-7862">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">My Vegan Bolognese Organic, 28 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-y-3W2fW1V7-yToOZWrXqBOQKe0VSqnmYyJ-xDVt2e_vcSTIPvbgVXoLK3QqG7ObM7AusGRY-6f9eGiBwtSBwg" />
    <input value="7862" 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/almonds-flaked-organic-100-g-7880">
          <img alt="Almonds Flaked Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4609/file/small-5be87b906bb1ae43b447acb42d39874b.webp 600w, https://assets.fabulous.ch/public/variant_asset/4609/file/medium-8b25b3ce918dd81028a48f3ddafa27c9.webp 900w, https://assets.fabulous.ch/public/variant_asset/4609/file/large-91ed8ca5ad4be8a47fa7366a1ce5d7a0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4609/file/medium-8b25b3ce918dd81028a48f3ddafa27c9.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">Rapunzel</p>
          <a href="/en/products/almonds-flaked-organic-100-g-7880">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Almonds Flaked Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.65
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="g2aTjMeZtw3kCrs3S0eq31kLGApDp9mNa9d8ttiJrXeXOAAfnrmCBmDIqk0ENs7seSsfVzK1i8z1jWrzLzD1Wg" />
    <input value="7880" 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/emmer-demeter-500-g-7882">
          <img alt="Emmer Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4614/file/small-a8b42298fad02004795892257f13fd0d.webp 600w, https://assets.fabulous.ch/public/variant_asset/4614/file/medium-cf441e4f9819c0a60a92e01697b2c4c8.webp 900w, https://assets.fabulous.ch/public/variant_asset/4614/file/large-56dce37c06462c92f7566edcdd9eb8bc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4614/file/medium-cf441e4f9819c0a60a92e01697b2c4c8.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">Vanadis</p>
          <a href="/en/products/emmer-demeter-500-g-7882">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Emmer Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.35
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0_VHWSHGOJfuYtpqoww_uwyZZviHsCGeom6pcAGYqcnHq9TKeOYNnGqgyxDsfVuILLlhpfaic988NL819iHx5A" />
    <input value="7882" 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/dog-shampoo-pup-plastikfree-75-g-7883">
          <img alt="Dog Shampoo pup #plastikfree" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4617/file/small-6ce94f07bb0941755069ed704c6fc67f.webp 600w, https://assets.fabulous.ch/public/variant_asset/4617/file/medium-e2f0237de8a8e9ab55e10b5bffbd9271.webp 900w, https://assets.fabulous.ch/public/variant_asset/4617/file/large-db362d1d74e34127a8ad27270dfb8747.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4617/file/medium-e2f0237de8a8e9ab55e10b5bffbd9271.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">nul</p>
          <a href="/en/products/dog-shampoo-pup-plastikfree-75-g-7883">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dog Shampoo pup #plastikfree, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="It5J11o7iq9D2Bk1BUUUBKtSCagN52Xa0xIB30Q8-WA2gNpEAxu_pMcaCE9KNHA3i3IO9Xz1N5tNSBeas4WhTQ" />
    <input value="7883" 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/biscuits-mini-cookies-filled-with-cocoa-gluten-free-organic-125-g-7900">
          <img alt="Biscuits Mini Cookies filled with Cocoa 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/4621/file/small-02a0109bfdc5f1fb172fa83fc7bc85c5.webp 600w, https://assets.fabulous.ch/public/variant_asset/4621/file/medium-8d0b7ae458f501cd565a4cc6b008f0d7.webp 900w, https://assets.fabulous.ch/public/variant_asset/4621/file/large-b3b64533d8d02fdcaac725fe280596c0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4621/file/medium-8d0b7ae458f501cd565a4cc6b008f0d7.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">Céliane</p>
          <a href="/en/products/biscuits-mini-cookies-filled-with-cocoa-gluten-free-organic-125-g-7900">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biscuits Mini Cookies filled with Cocoa Gluten Free Organic, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AZqsjLF2XJJT4ept1xdUsjj8FXElLIsjL4G0luMiriYVxD8f6FZpmdcj-xeYZjCBGNwSLFQ-2WKx26LTFJv2Cw" />
    <input value="7900" 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/biscuits-mini-cookies-filled-with-vanilla-gluten-free-organic-125-g-7901">
          <img alt="Biscuits Mini Cookies filled with Vanilla 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/4623/file/small-4c0785ce554ce163035d6cac337f209c.webp 600w, https://assets.fabulous.ch/public/variant_asset/4623/file/medium-d80ce047e07685b5cef42b116c4d49e0.webp 900w, https://assets.fabulous.ch/public/variant_asset/4623/file/large-43e577c72055d85a8f833cd23b6673d6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4623/file/medium-d80ce047e07685b5cef42b116c4d49e0.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">Céliane</p>
          <a href="/en/products/biscuits-mini-cookies-filled-with-vanilla-gluten-free-organic-125-g-7901">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biscuits Mini Cookies filled with Vanilla Gluten Free Organic, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CqgYO0Tm1Xpm0-N51_Je3FEDqLjI3PEce-m5jOP-nWAe9ouoHcbgceIR8gOYgzrvcSOv5bnOo13ls6_JFEfFTQ" />
    <input value="7901" 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/biscuits-hazelnut-oat-chocolate-cookies-gluten-free-organic-120-g-7902">
          <img alt="Biscuits Hazelnut Oat Chocolate Cookies 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/4625/file/small-bc5c8baabf8590d7cfcd541cca0e961c.webp 600w, https://assets.fabulous.ch/public/variant_asset/4625/file/medium-5f684ad09d4aaedad934f3d7083800eb.webp 900w, https://assets.fabulous.ch/public/variant_asset/4625/file/large-96dd39d0acdd919b014184e49d71c037.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4625/file/medium-5f684ad09d4aaedad934f3d7083800eb.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">Céliane</p>
          <a href="/en/products/biscuits-hazelnut-oat-chocolate-cookies-gluten-free-organic-120-g-7902">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biscuits Hazelnut Oat Chocolate Cookies Gluten-free Organic, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OU3WEp4VSSahgPa1I1MAdVk1bnAY4CNDgvHt2yHlGt4tE0WBxzV8LSVC589sImRGeRVpLWnycQIcq_ue1lxC8w" />
    <input value="7902" 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/chips-sweet-potatoe-chips-lightly-salted-organic-100-g-7907">
          <img alt="Chips Sweet Potatoe Chips Lightly Salted Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4630/file/small-379502767b0450e36b834a2c46970d59.webp 600w, https://assets.fabulous.ch/public/variant_asset/4630/file/medium-60cc834e133c40afc1d23b99fa6dfff6.webp 900w, https://assets.fabulous.ch/public/variant_asset/4630/file/large-e644713929cb016a7eaf8e15e18b100a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4630/file/medium-60cc834e133c40afc1d23b99fa6dfff6.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">Heimatgut</p>
          <a href="/en/products/chips-sweet-potatoe-chips-lightly-salted-organic-100-g-7907">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chips Sweet Potatoe Chips Lightly Salted Organic, 100 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 4.95 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="45rPGSGFGrMCgcltLIuIhZ8XB8MIEcsQFSR-phyyab_3xFyKeKUvuIZD2Bdj-uy2vzcAnnkDmVGLfmjj6wsxkg" />
    <input value="7907" 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;360 of 3&#39;189 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/little-chef?format=turbo_stream&amp;page=69">Show more</a>
  </div>
</div>

</template></turbo-stream>