<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/hazelnutbutter-bio-500-g-9581">
          <img alt="Hazelnutbutter Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5377/file/small-a1e822b410d645fa70f8ea6e4ea23ae7.webp 600w, https://assets.fabulous.ch/public/variant_asset/5377/file/medium-4b8a44622d54584cbc48e4ee15d94c2f.webp 900w, https://assets.fabulous.ch/public/variant_asset/5377/file/large-7c6a554926a896133ecd47dfdf9fae72.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5377/file/medium-4b8a44622d54584cbc48e4ee15d94c2f.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/hazelnutbutter-bio-500-g-9581">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hazelnutbutter Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1aR6VthP-m9BZiMvIxuLJKlIWI8fIzgCj6oKTb4p7q5oC4aR9IgAvgLdmlgev8EoThknt1ytH3v15pPBpSWYyA" />
    <input value="9581" 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/nut-nougat-cream-organic-250-g-9583">
          <img alt="Nut Nougat Cream Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5378/file/small-6ff86486718403a8ccfe1e56ae78bf3d.webp 600w, https://assets.fabulous.ch/public/variant_asset/5378/file/medium-362830fc219ce69cf5a07620782f3660.webp 900w, https://assets.fabulous.ch/public/variant_asset/5378/file/large-edcab1960a69bc894af2c9cc0690b9a3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5378/file/medium-362830fc219ce69cf5a07620782f3660.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/nut-nougat-cream-organic-250-g-9583">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nut Nougat Cream Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.65
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="g7tLkaNldtUsanlb2DSwc0UAGl5LqiWj8eYqZ3l4mIA-FLdWj6KMBG_RwCzlkPp_olFlZggkAtqLqrPrYnTu5g" />
    <input value="9583" 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/macadamia-nuts-raw-food-quality-organic-500-g-9628">
          <img alt="Macadamia Nuts Raw Food Quality Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5382/file/small-d54d82e924def8bba58a83a7af09d6a6.webp 600w, https://assets.fabulous.ch/public/variant_asset/5382/file/medium-85c83fae435a9632d72f4df8b591f052.webp 900w, https://assets.fabulous.ch/public/variant_asset/5382/file/large-aba549d52465bfc3f82bd57f4448218e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5382/file/medium-85c83fae435a9632d72f4df8b591f052.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">Naturkostbar</p>
          <a href="/en/products/macadamia-nuts-raw-food-quality-organic-500-g-9628">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Macadamia Nuts Raw Food Quality Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 34.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gyBLLaAw8V5rxWA7MEg70onLaxoRjJlHJ8owcr0HJtU-j7fqjPcLjyh-2UwN7HHebpoUIlICvj5dhqn-pgtQsw" />
    <input value="9628" 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/no-bullsh-t-bye-puffy-eye-eye-roller-with-coffee-oil-10-ml-9685">
          <img alt="No Bullsh!t Bye Puffy Eye - Eye Roller with Coffee Oil" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5388/file/small-a699bc8d3e144638ae41519ffe5c2ac4.webp 600w, https://assets.fabulous.ch/public/variant_asset/5388/file/medium-56b8a86d21562cfb862ab6d2a3bbcf74.webp 900w, https://assets.fabulous.ch/public/variant_asset/5388/file/large-c05b4c3d6b929fc893b33473d88a79a0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5388/file/medium-56b8a86d21562cfb862ab6d2a3bbcf74.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">No Bullsh!t</p>
          <a href="/en/products/no-bullsh-t-bye-puffy-eye-eye-roller-with-coffee-oil-10-ml-9685">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">No Bullsh!t Bye Puffy Eye - Eye Roller with Coffee Oil, 10 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jwkcATpHUKb1MdrBNATMYj-YkbxG2J_B6yi_G_QMzI0ypuDGFoCqd7aKY7YJoIZu2MnuhAVWuLiRZCaX7wC66w" />
    <input value="9685" 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/hyaluron-firming-eye-care-tube-15-ml-9688">
          <img alt="Hyaluron Firming Eye Care Tube" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5390/file/small-74d3b10cb0cc6810f0659e2e9290b17e.webp 600w, https://assets.fabulous.ch/public/variant_asset/5390/file/medium-9cb9a2e357ebebc14e5d193dc41d34d5.webp 900w, https://assets.fabulous.ch/public/variant_asset/5390/file/large-fe24f5ad3511148b12458b53fe862641.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5390/file/medium-9cb9a2e357ebebc14e5d193dc41d34d5.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lavera</p>
          <a href="/en/products/hyaluron-firming-eye-care-tube-15-ml-9688">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hyaluron Firming Eye Care Tube, 15 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.25
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="p7uupuwmBab18ByzczElRXfkPWZgifLN33MTv0guFUQaFFJhwOH_d7ZLpcROlW9JkLVCXiMH1bSlP4ozUyJjIg" />
    <input value="9688" 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/hyaluron-firming-night-cream-50-ml-9689">
          <img alt="Hyaluron Firming Night Cream" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5394/file/small-aef9719fd018aa669ce46aac77def536.webp 600w, https://assets.fabulous.ch/public/variant_asset/5394/file/medium-1f62780914d9def0269266a07e5f6856.webp 900w, https://assets.fabulous.ch/public/variant_asset/5394/file/large-628c6a355eb3ef955c3fa07fe9e34e07.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5394/file/medium-1f62780914d9def0269266a07e5f6856.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lavera</p>
          <a href="/en/products/hyaluron-firming-night-cream-50-ml-9689">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hyaluron Firming Night Cream, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.25
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8GjHT9XXxnKlJDUbOnhC6EVFP1L4CTaCk-jCePvYqK1NxzuI-RA8o-afjGwH3AjkohRAaruHEfvppFv04NTeyw" />
    <input value="9689" 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/hyaluron-firming-day-cream-50-ml-9690">
          <img alt="Hyaluron Firming Day Cream" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5397/file/small-fe9f203bd3a0cf375cfccf619abe3cf1.webp 600w, https://assets.fabulous.ch/public/variant_asset/5397/file/medium-f9a9a748f26a892263ba4342558602fb.webp 900w, https://assets.fabulous.ch/public/variant_asset/5397/file/large-79fb0b0f0ddc26e26d5755aa37e8d763.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5397/file/medium-f9a9a748f26a892263ba4342558602fb.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lavera</p>
          <a href="/en/products/hyaluron-firming-day-cream-50-ml-9690">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hyaluron Firming Day Cream, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.65
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="w23lxY3p3gUsycHx-aZIxleFEvk58Ql_CVEQb0A6wtZ-whkCoS4k1G9yeIbEAgLKsNRtwXp_LgZzHYnjWza0sA" />
    <input value="9690" 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/hyaluron-firming-serum-30-ml-9691">
          <img alt="Hyaluron Firming Serum" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5396/file/small-d5732844b1768f269f12e98e36122918.webp 600w, https://assets.fabulous.ch/public/variant_asset/5396/file/medium-c648ae07e48679f24ab7d6d99418aa8b.webp 900w, https://assets.fabulous.ch/public/variant_asset/5396/file/large-3ce7a130cf3dffd0499891786ef8e064.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5396/file/medium-c648ae07e48679f24ab7d6d99418aa8b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lavera</p>
          <a href="/en/products/hyaluron-firming-serum-30-ml-9691">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hyaluron Firming Serum, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 28.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aucfjZGOyPFCEz-PaZtqrc_t7h7da8vKxODEqmBHZOrXSONKvUkyIAGohvhUPyChKLyRJp7l7LO-rF0me0sSjA" />
    <input value="9691" 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/hyaluron-firming-hyaluron-sheet-mask-1-piece-1-piece-9693">
          <img alt="Hyaluron Firming Hyaluron Sheet Mask, 1 piece" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5402/file/small-484e73d82f64696e877ac86f7cee2c2f.webp 600w, https://assets.fabulous.ch/public/variant_asset/5402/file/medium-419455b4f065a5af6fd7c1aeb21bba94.webp 900w, https://assets.fabulous.ch/public/variant_asset/5402/file/large-390922aa211a45eb56199066a5e27d5c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5402/file/medium-419455b4f065a5af6fd7c1aeb21bba94.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lavera</p>
          <a href="/en/products/hyaluron-firming-hyaluron-sheet-mask-1-piece-1-piece-9693">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hyaluron Firming Hyaluron Sheet Mask, 1 piece, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="A_YBYZxBglmRV5-AF0MQVaveUnpqeG7E8AiYLfIHHcy-Wf2msIZ4iNLsJvcq51pZTI8tQin2Sb2KRAGh6Qtrqg" />
    <input value="9693" 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/hydro-sheet-mask-1-piece-1-piece-9695">
          <img alt="Hydro Sheet Mask, 1 piece" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5410/file/small-ab0e21b4ef640255d3cea8b3d0442cf5.webp 600w, https://assets.fabulous.ch/public/variant_asset/5410/file/medium-8db75c55434f1528ba31ebbd8afd805e.webp 900w, https://assets.fabulous.ch/public/variant_asset/5410/file/large-f4d56ad04a62d3abfb3ddf7553e708e4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5410/file/medium-8db75c55434f1528ba31ebbd8afd805e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lavera</p>
          <a href="/en/products/hydro-sheet-mask-1-piece-1-piece-9695">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hydro Sheet Mask, 1 piece, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.15
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4dpmhC9vQmty-5PQ3i-fDRFHTQbkVygTMPZ0enRTu6BcdZpDA6i4ujFAKqfji9UB9hYyPqfZD2pKuu32b1_Nxg" />
    <input value="9695" 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/coffee-lupin-pino-beans-organic-500-g-9718">
          <img alt="Coffee Lupin Pino Beans Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5411/file/small-8926f80491158d825f0a87e67d860e3b.webp 600w, https://assets.fabulous.ch/public/variant_asset/5411/file/medium-c16ce69f338fdf50e6fc0d7b3b006ba6.webp 900w, https://assets.fabulous.ch/public/variant_asset/5411/file/large-513239f3862fdeb7e2088ab7ee6146c7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5411/file/medium-c16ce69f338fdf50e6fc0d7b3b006ba6.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">Kornkreis</p>
          <a href="/en/products/coffee-lupin-pino-beans-organic-500-g-9718">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Coffee Lupin Pino Beans Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xu-NZPA2bKVSehVF1BJ4hep5Ixrjpl-fBfoBZ-KpzE57QHGj3PGWdBHBrDLptjKJDShcIqAoeOZ_tpjr-aW6KA" />
    <input value="9718" 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/curry-powder-classic-organic-50-g-9719">
          <img alt="Curry Powder Classic Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5414/file/small-e7246f6cf7a32ab0d859f7195423f239.webp 600w, https://assets.fabulous.ch/public/variant_asset/5414/file/medium-2fef71cef52ed6381c168b1c58b31b12.webp 900w, https://assets.fabulous.ch/public/variant_asset/5414/file/large-4ef59a8416bfb30f2c3146b53fe4fd23.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5414/file/medium-2fef71cef52ed6381c168b1c58b31b12.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">Lebensbaum</p>
          <a href="/en/products/curry-powder-classic-organic-50-g-9719">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Curry Powder Classic Organic, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SsX7NrkXk6HzbPu1MnKxdjpKCdTcvAwGDYnoEXEESy33agfxldBpcLDXQsIP1vt63Rt27J8yK393xXGdagg9Sw" />
    <input value="9719" 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/herbs-of-provence-organic-30-g-9720">
          <img alt="Herbs of Provence Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5416/file/small-d9c2b55ac98ccef37f9260a3366ea05c.webp 600w, https://assets.fabulous.ch/public/variant_asset/5416/file/medium-eed89cac825c4cac85fed91aa02299f4.webp 900w, https://assets.fabulous.ch/public/variant_asset/5416/file/large-7628badffe8e44f2f3718a1b6d6bd6af.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5416/file/medium-eed89cac825c4cac85fed91aa02299f4.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">Lebensbaum</p>
          <a href="/en/products/herbs-of-provence-organic-30-g-9720">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Herbs of Provence Organic, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VpLjUI_npdKw47DDW7dXcsp972TlKOyIbdpgyY-a-RbrPR-XoyBfA_NYCbRmEx1-LSyQXKamy_EXlvlFlJaPcA" />
    <input value="9720" 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/multi-colored-pepper-organic-50-g-9721">
          <img alt="Multi-Colored Pepper Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5418/file/small-66f425edd6179e213f6b84eb40f412ca.webp 600w, https://assets.fabulous.ch/public/variant_asset/5418/file/medium-90d45045f0f8f9b57d99a7490e18f990.webp 900w, https://assets.fabulous.ch/public/variant_asset/5418/file/large-1fac7db854654d9e8b62bd8713c14a05.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5418/file/medium-90d45045f0f8f9b57d99a7490e18f990.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">Lebensbaum</p>
          <a href="/en/products/multi-colored-pepper-organic-50-g-9721">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Multi-Colored Pepper Organic, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bZUp0YOzfHcrnoCdXOjOphgsFOAQyGprQKySgQaE_7vQOtUWr3SGpmglOephTISq_31r2FNGTRI64AsNHYiJ3Q" />
    <input value="9721" 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/italian-cuisine-spice-blend-organic-35-g-9723">
          <img alt="Italian Cuisine Spice Blend Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5420/file/small-38dfaf287fb2b79158dc08b16531088e.webp 600w, https://assets.fabulous.ch/public/variant_asset/5420/file/medium-041a709d755ed847b6df8af51c2626d8.webp 900w, https://assets.fabulous.ch/public/variant_asset/5420/file/large-bfc87754822d35a4b7107527dd924b9e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5420/file/medium-041a709d755ed847b6df8af51c2626d8.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">Lebensbaum</p>
          <a href="/en/products/italian-cuisine-spice-blend-organic-35-g-9723">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Italian Cuisine Spice Blend Organic, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Q55pq50elOmXN-vMJoyCAAMGublNvsHHOf1VaOZpFHX-MZVssdluONSMUrsbKMgM5FfGgQ4w5r5Dsczk_WViEw" />
    <input value="9723" 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/salad-spice-spice-mix-organic-40-g-9724">
          <img alt="Salad Spice Spice Mix Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5421/file/small-2defb0ede2389e15905b1c65fb2b2bdb.webp 600w, https://assets.fabulous.ch/public/variant_asset/5421/file/medium-d2b793aae8b58a0ffbfeb705f73306ac.webp 900w, https://assets.fabulous.ch/public/variant_asset/5421/file/large-4c122cba785e603a681503c7485fcbcf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5421/file/medium-d2b793aae8b58a0ffbfeb705f73306ac.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">Lebensbaum</p>
          <a href="/en/products/salad-spice-spice-mix-organic-40-g-9724">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Salad Spice Spice Mix Organic, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GMJZQ1gOB0NsPEtZXDjTyktFzKKaPYFDJXkPiajbRFelbaWEdMn9ki-H8i5hnJnGrBSzmtmzpjpfNZYFs9cyMQ" />
    <input value="9724" 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/soja-sauce-teriyaki-organic-250-ml-9730">
          <img alt="Soja Sauce TERIYAKI Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5422/file/small-b26bc20bafcccf11a63fada72439c7e4.webp 600w, https://assets.fabulous.ch/public/variant_asset/5422/file/medium-25c7c7f357871821c8aa6d520e886efd.webp 900w, https://assets.fabulous.ch/public/variant_asset/5422/file/large-d41cc2151421b9d14bacbbd397c0cffd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5422/file/medium-25c7c7f357871821c8aa6d520e886efd.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">Lima</p>
          <a href="/en/products/soja-sauce-teriyaki-organic-250-ml-9730">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soja Sauce TERIYAKI Organic, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Siyf-DN9R9HUywjXSX_RCgsr61FkxA7JMPXKCAi3XAz3g2M_H7q9AJdwsaB025sG7HqUaSdKKbBKuVOEE7sqag" />
    <input value="9730" 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/pumpkin-seed-butter-raw-demeter-250-g-9753">
          <img alt="Pumpkin Seed Butter Raw Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5425/file/small-189390d923cabef1246741198279728f.webp 600w, https://assets.fabulous.ch/public/variant_asset/5425/file/medium-4a76f79ce0306e419ea4378c511f8b9f.webp 900w, https://assets.fabulous.ch/public/variant_asset/5425/file/large-8c024b009978850dbf452ffae352ce83.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5425/file/medium-4a76f79ce0306e419ea4378c511f8b9f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">NaturKraftWerke</p>
          <a href="/en/products/pumpkin-seed-butter-raw-demeter-250-g-9753">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pumpkin Seed Butter Raw Demeter, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="44iCSWTRE0pGhKhFEd_om4X-6zL7QNJcCjg6N0G8oLleJ36OSBbpmwU_ETIse6KXYq-UCrjO9SVwdKO7WrDW3w" />
    <input value="9753" 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/soft-soap-500-ml-9779">
          <img alt="Soft Soap" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5426/file/small-cfa69f857fff07a549442f74b2050c59.webp 600w, https://assets.fabulous.ch/public/variant_asset/5426/file/medium-c5d2f60624b5115f0b5beac7add96017.webp 900w, https://assets.fabulous.ch/public/variant_asset/5426/file/large-170b2fa03e9f549f2b59f76fe300d394.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5426/file/medium-c5d2f60624b5115f0b5beac7add96017.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonett</p>
          <a href="/en/products/soft-soap-500-ml-9779">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soft Soap, 500 ml</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 1.38 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6bLvyk6XMGJVXK7U5VRPU2kxAcKamFZ4UGQqnxnN-HhUHRMNYlDKsxbnF6PY8AVfjmB--tkWcQEqKLMTAsGOHg" />
    <input value="9779" 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/bread-bag-noplastic-organic-2pcs-1-piece-9780">
          <img alt="Bread Bag #noplastic Organic, 2pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5427/file/small-aab12f12c89f5e160a70a3a79740aa7c.webp 600w, https://assets.fabulous.ch/public/variant_asset/5427/file/medium-608620a3609d0511e256f3ef5ea1b0dd.webp 900w, https://assets.fabulous.ch/public/variant_asset/5427/file/large-ebda0c0ee8b5120aed0d31b8e2ef810a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5427/file/medium-608620a3609d0511e256f3ef5ea1b0dd.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">memo</p>
          <a href="/en/products/bread-bag-noplastic-organic-2pcs-1-piece-9780">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bread Bag #noplastic Organic, 2pcs, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2IV-bSf9MgYGMoKajscAORo-n8Wfwntg2JB5-VbVCD9lKoKqCzrI10WJO-2zY0o1_W_g_dxMXBmi3OB1Tdl-WQ" />
    <input value="9780" 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;660 of 3&#39;189 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/benecos?format=turbo_stream&amp;page=84">Show more</a>
  </div>
</div>

</template></turbo-stream>