<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/household-cleaner-0-5-l-77">
          <img alt="Household Cleaner" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/86/file/small-34286215111135b2c6dfbc9a52ab2eaa.webp 600w, https://assets.fabulous.ch/public/variant_asset/86/file/medium-d2f1bce7978412398d7616c37fce9fee.webp 900w, https://assets.fabulous.ch/public/variant_asset/86/file/large-899d9d02e0b225c20706af964a065120.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/86/file/medium-d2f1bce7978412398d7616c37fce9fee.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">Almawin</p>
          <a href="/en/products/household-cleaner-0-5-l-77">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Household Cleaner, 0.5 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CPj7HarVcXLQnghmVLCsgdoXLfARCAepw8vqEmoKB7qknmiLzyK3Yk6n_iajztlfD213Kvyip_PbSYNRHLbO1Q" />
    <input value="77" 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/laundry-heavy-duty-washing-powder-2-kg-79">
          <img alt="Laundry Heavy Duty Washing Powder" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/89/file/small-12c917a8e222239275ae2948b7a816f9.webp 600w, https://assets.fabulous.ch/public/variant_asset/89/file/medium-6f01e0acc18877078abc81041cfa4529.webp 900w, https://assets.fabulous.ch/public/variant_asset/89/file/large-f04183033212efa54077f1594da81e8e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/89/file/medium-6f01e0acc18877078abc81041cfa4529.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">Almawin</p>
          <a href="/en/products/laundry-heavy-duty-washing-powder-2-kg-79">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Laundry Heavy Duty Washing Powder, 2 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.50
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/vegan-passport-5th-edition-do-you-speak-vegan-1-piece-115">
          <img alt="Vegan Passport 5th Edition - Do you speak Vegan?" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/125/file/small-57e5a5ed7552b485c47e692a0896f212.webp 600w, https://assets.fabulous.ch/public/variant_asset/125/file/medium-5e46fe2da2483b86cdd3da0dbffda1a0.webp 900w, https://assets.fabulous.ch/public/variant_asset/125/file/large-307c07edabac175f700d3dd09681eb2c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/125/file/medium-5e46fe2da2483b86cdd3da0dbffda1a0.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">Vegetarian Guides</p>
          <a href="/en/products/vegan-passport-5th-edition-do-you-speak-vegan-1-piece-115">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan Passport 5th Edition - Do you speak Vegan?, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cX1ynN2CwLX6YDTH6E3H4vWcuhqheA28CGKaG69_uw7dG-EKuHUGpWRZwocfM7I8IObgwEzSreYQ4PNY2cNyYQ" />
    <input value="115" 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/all-purpose-cleanser-1-l-538">
          <img alt="All-Purpose Cleanser" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/485/file/small-39444f697aab1bdcd9e433cd82fbe00b.webp 600w, https://assets.fabulous.ch/public/variant_asset/485/file/medium-d68bde4a00b5a3ed72bf062cf1954900.webp 900w, https://assets.fabulous.ch/public/variant_asset/485/file/large-c64af2737527d20bbaebad92502b37d5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/485/file/medium-d68bde4a00b5a3ed72bf062cf1954900.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/all-purpose-cleanser-1-l-538">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">All-Purpose Cleanser, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.35
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PetQx3IhqUU0rJPjaNXQ4h1472rv6Lu4ZV5SKJ3Ej06RjcNRF9ZvVaqVZaOfq6U8yAK1sAJCG-J93Dtr63hGIQ" />
    <input value="538" 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/dishwashing-tabs-25-pcs-25-piece-57a123ab-9e39-4b01-a3a8-6b87edfb01ba-539">
          <img alt="Dishwashing Tabs, 25 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/488/file/small-60a98f21b2dc51229da2133c1cc3bbdb.webp 600w, https://assets.fabulous.ch/public/variant_asset/488/file/medium-8129c364f0fcbd0e5d5d3a1ba31250b9.webp 900w, https://assets.fabulous.ch/public/variant_asset/488/file/large-5753fde88a22ee9204c882ce28ebc233.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/488/file/medium-8129c364f0fcbd0e5d5d3a1ba31250b9.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/dishwashing-tabs-25-pcs-25-piece-57a123ab-9e39-4b01-a3a8-6b87edfb01ba-539">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dishwashing Tabs, 25 pcs, 25 pieces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.05
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yNhDdHw-1VxnN63RtZojqFDn6mVjiHmqsM4VxViGeOZkvtDiGckTTPkOW5FC5FZ2hZ2wv44i2fCoTHyGLjqxiQ" />
    <input value="539" 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/toilet-cleaner-cedar-citronella-0-75-l-540">
          <img alt="Toilet Cleaner Cedar-Citronella" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/489/file/small-c0edd928d76e9b93e62120baca09a372.webp 600w, https://assets.fabulous.ch/public/variant_asset/489/file/medium-ba2299c025d18160f84cfdebaf5bbd4d.webp 900w, https://assets.fabulous.ch/public/variant_asset/489/file/large-a723e2d35749f3f36cffdabcd870e6ee.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/489/file/medium-ba2299c025d18160f84cfdebaf5bbd4d.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/toilet-cleaner-cedar-citronella-0-75-l-540">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Toilet Cleaner Cedar-Citronella, 0.75 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ySB3xCB8zCQSnPfYnVWukLzBBEFHn1-BM-Ixa3F3O9dlRuRSRYsKNIylAZhqK9tOabtem6o1_9srYFgoB8vyuA" />
    <input value="540" 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/glass-cleaner-0-5-l-541">
          <img alt="Glass Cleaner" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/493/file/small-f6bf3035569bd86c3261fbcbc9ae2c11.webp 600w, https://assets.fabulous.ch/public/variant_asset/493/file/medium-db1a72ceccd536652f2425d2daef51d0.webp 900w, https://assets.fabulous.ch/public/variant_asset/493/file/large-0fc496481fdc1f8dd9a6a60e868e69fe.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/493/file/medium-db1a72ceccd536652f2425d2daef51d0.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonett</p>
          <a href="/en/products/glass-cleaner-0-5-l-541">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Glass Cleaner, 0.5 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8sFiy7MZbikmivBH-FAZQl_BJB7Fy-wooHQoBCONKv9ep_Fd1u6oObizBgcPLmycirt-xChhTHK49kFHVTHjkA" />
    <input value="541" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <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/kochbuch-peace-food-das-vegane-kochbuch-ruediger-dahlke-1-piece-548">
          <img alt="Kochbuch Peace Food - Das vegane Kochbuch Ruediger Dahlke" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/505/file/small-05e38eba6d7d65c97c737155d5662669.webp 600w, https://assets.fabulous.ch/public/variant_asset/505/file/medium-77fa2e2e9a85f977553654aeb086eefe.webp 900w, https://assets.fabulous.ch/public/variant_asset/505/file/large-3dc6e04c92d5588c4acec7a727e46efd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/505/file/medium-77fa2e2e9a85f977553654aeb086eefe.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">Buchverlag</p>
          <a href="/en/products/kochbuch-peace-food-das-vegane-kochbuch-ruediger-dahlke-1-piece-548">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kochbuch Peace Food - Das vegane Kochbuch Ruediger Dahlke, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 28.65
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MEWQyvPanCA0sc4LsMU69JjcQslfLbNih12G-Er6GPGcIwNcli1aMKqIOEtHu08qTaYYE7KHEzif3--7PEbRng" />
    <input value="548" 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/kochbuch-vegane-pausensnacks-roland-rauter-1-piece-551">
          <img alt="Kochbuch Vegane Pausensnacks Roland Rauter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/509/file/small-676042c04d2ed73da79ae88f83093392.webp 600w, https://assets.fabulous.ch/public/variant_asset/509/file/medium-dfcf7ecff7d1520cbfc07d202acd5f28.webp 900w, https://assets.fabulous.ch/public/variant_asset/509/file/large-9fa00caaf720b5ad7c0af9c0342f9e2a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/509/file/medium-dfcf7ecff7d1520cbfc07d202acd5f28.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">Buchverlag</p>
          <a href="/en/products/kochbuch-vegane-pausensnacks-roland-rauter-1-piece-551">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kochbuch Vegane Pausensnacks Roland Rauter, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Su9M2iVyQCATP6GMHvlrp2flhF5efGZca0psrec2vO7mid9MQIWGMI0GV8zphx55sp_ehLPWxgZzyAXukYp1gQ" />
    <input value="551" 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/kochbuch-400-rezepte-der-veganen-kuche-adelheid-stoger-1-piece-553">
          <img alt="Kochbuch 400 Rezepte der veganen Küche Adelheid Stöger" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/511/file/small-57cdc806f87d882af26a0451fcfc3043.webp 600w, https://assets.fabulous.ch/public/variant_asset/511/file/medium-bd8f271d8815ebd9b88f4e5cd0e390f1.webp 900w, https://assets.fabulous.ch/public/variant_asset/511/file/large-1f6ad33023ed1a864b4820686665ffd2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/511/file/medium-bd8f271d8815ebd9b88f4e5cd0e390f1.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">Buchverlag</p>
          <a href="/en/products/kochbuch-400-rezepte-der-veganen-kuche-adelheid-stoger-1-piece-553">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kochbuch 400 Rezepte der veganen Küche Adelheid Stöger, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 28.85
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nUxk9Gw6ARBmWwwmm5T_k3CI1bcacFhobOvyq--kddoxKvdiCc3HAPhi-mZs6opNpfKPbffa-DJ0aZvomRi8tQ" />
    <input value="553" 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/aroma-airstick-refill-sticks-1-piece-959">
          <img alt="Aroma-Airstick Refill Sticks" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/837/file/small-dba33869b179cc9957983b1a49eee5f8.webp 600w, https://assets.fabulous.ch/public/variant_asset/837/file/medium-1ed11179cbf835e2b25a46687aed9816.webp 900w, https://assets.fabulous.ch/public/variant_asset/837/file/large-e5fea81778d0915ec5000101de7d9722.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/837/file/medium-1ed11179cbf835e2b25a46687aed9816.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">farfalla</p>
          <a href="/en/products/aroma-airstick-refill-sticks-1-piece-959">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Aroma-Airstick Refill Sticks, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4f2Pscv-dMPWONnDC494MGFcWR2QKu9zMRpgxoj3XypNmxwnrgmy00gBL4P88Q3utCYDx32ATykpmAmF_kuWRQ" />
    <input value="959" 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/kochbuch-veganer-kase-miyoko-schinner-1-piece-1220">
          <img alt="Kochbuch Veganer Käse Miyoko Schinner" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1069/file/small-a1c0b3bc68bd99cef2f994baa8f400c3.webp 600w, https://assets.fabulous.ch/public/variant_asset/1069/file/medium-711bfd0b12b5fb96dcee202a779d2f9a.webp 900w, https://assets.fabulous.ch/public/variant_asset/1069/file/large-e9ae24ab60f45daf640ee8d572e401ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1069/file/medium-711bfd0b12b5fb96dcee202a779d2f9a.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">Buchverlag</p>
          <a href="/en/products/kochbuch-veganer-kase-miyoko-schinner-1-piece-1220">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kochbuch Veganer Käse Miyoko Schinner, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.55
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3nuRva97ZJP7HKNfLY0ZwsS5uUWLIeHoaFttQS9Ru9lyHQIryoyig2UlVR_a82wcEcPjn2aLQbJw2QQCWe1ytg" />
    <input value="1220" 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/kochbuch-veganista-die-neue-eiszeit-1-piece-1552">
          <img alt="Kochbuch Veganista - Die neue Eiszeit" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1256/file/small-d0bec0411a2c15856de3b1a7b71abcf6.webp 600w, https://assets.fabulous.ch/public/variant_asset/1256/file/medium-971227da97e91811961a037ed14de98d.webp 900w, https://assets.fabulous.ch/public/variant_asset/1256/file/large-ad8337f701549286163989c69cc5c1ab.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1256/file/medium-971227da97e91811961a037ed14de98d.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">Buchverlag</p>
          <a href="/en/products/kochbuch-veganista-die-neue-eiszeit-1-piece-1552">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kochbuch Veganista - Die neue Eiszeit, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 34.05
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-1552-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/sedona-dehydrator-combo-with-9-trays-1-piece-1904">
          <img alt="Sedona Dehydrator Combo with 9 trays" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1525/file/small-161461901b358216a0bcec1f4b6f3925.webp 600w, https://assets.fabulous.ch/public/variant_asset/1525/file/medium-743c1cba4c7154645e43d4bcc40bd62d.webp 900w, https://assets.fabulous.ch/public/variant_asset/1525/file/large-dc2876d127688ead049b64e9e390ed1e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1525/file/medium-743c1cba4c7154645e43d4bcc40bd62d.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">Sedona</p>
          <a href="/en/products/sedona-dehydrator-combo-with-9-trays-1-piece-1904">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sedona Dehydrator Combo with 9 trays, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 621.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FtUtrqhB0e75hdVCwG6K3ciGv4Ki-cNI-duqO18g1t66s744zbYX_me8IwI3EP8DHfzlWE9TYxLhWcN4KZwfsQ" />
    <input value="1904" 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/chufamix-vegan-milker-premium-make-your-own-plantbased-milk-1-piece-1908">
          <img alt="ChufaMix Vegan Milker PREMIUM - Make your own plantbased milk" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1536/file/small-184acded7cfd7b5483326642882aa059.webp 600w, https://assets.fabulous.ch/public/variant_asset/1536/file/medium-bf77b6fb81c5fb4b744c33505211d857.webp 900w, https://assets.fabulous.ch/public/variant_asset/1536/file/large-56ac6ad6033a382cc35c5fa8403b66a1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1536/file/medium-bf77b6fb81c5fb4b744c33505211d857.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">Vegan Milker | ChufaMix</p>
          <a href="/en/products/chufamix-vegan-milker-premium-make-your-own-plantbased-milk-1-piece-1908">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">ChufaMix Vegan Milker PREMIUM - Make your own plantbased milk, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 60.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="P569cY5uWyRaTpLrQqbaPcp81sutBEvSSSIx_wRXxOCT-C7n65mdNMR3ZKu12K_jHwaMEUCu64hRoFi8cusNjw" />
    <input value="1908" 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/if-you-care-household-gloves-fsc-medium-size-1-piece-1976">
          <img alt="if you care Household Gloves FSC - Medium size" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1561/file/small-8fcdc81e0df67bd5707f7254c6555018.webp 600w, https://assets.fabulous.ch/public/variant_asset/1561/file/medium-8a1b50c322066fd784fb17c8c454cc99.webp 900w, https://assets.fabulous.ch/public/variant_asset/1561/file/large-c857f5f09f7dba7cf5e0b8ba424cb458.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1561/file/medium-8a1b50c322066fd784fb17c8c454cc99.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">If you care</p>
          <a href="/en/products/if-you-care-household-gloves-fsc-medium-size-1-piece-1976">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">if you care Household Gloves FSC - Medium size, 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-1976-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3YWaJryb5JY7NUzZyCh0BMOUTWqHNOBYFn9fPDWzd4Zx4wmw2WwihqUMupk_VgHaFu4XsGqeQAIO_TZ_Qw--6Q" />
    <input value="1976" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/baking-cups-fsc-large-o-60-piece-1985">
          <img alt="Baking Cups FSC LARGE  Ø" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1570/file/small-d3d687f0755fd04245841b9add577978.webp 600w, https://assets.fabulous.ch/public/variant_asset/1570/file/medium-a37ed5a24d9295463298ece9fa15f759.webp 900w, https://assets.fabulous.ch/public/variant_asset/1570/file/large-b2d106f3a5a604bed36928060c30aa81.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1570/file/medium-a37ed5a24d9295463298ece9fa15f759.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">If you care</p>
          <a href="/en/products/baking-cups-fsc-large-o-60-piece-1985">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Baking Cups FSC LARGE  Ø, 60 pieces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.75
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fDQ9zGzjRn8d3qbkfvHv21DrfDpNLNaOhJuROvBa4iHQUq5aCRSAb4PnUKSJj5oFhZEm4KCGdtScGfh5huYrTg" />
    <input value="1985" 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/recycled-aluminum-foil-10mx29cm-1-piece-1988">
          <img alt="Recycled Aluminum Foil 10mx29cm" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1575/file/small-1181a9a4884af9548bd184c5238804f4.webp 600w, https://assets.fabulous.ch/public/variant_asset/1575/file/medium-2445692a96763da3503ff13731dc75c7.webp 900w, https://assets.fabulous.ch/public/variant_asset/1575/file/large-8c3a054d8ba35de09241413ba9a5d470.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1575/file/medium-2445692a96763da3503ff13731dc75c7.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">If you care</p>
          <a href="/en/products/recycled-aluminum-foil-10mx29cm-1-piece-1988">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Recycled Aluminum Foil 10mx29cm, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.05
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PfYKUg0NVZcRXyZAxqg03aYkMUosMVQGarpjXk5WtLiRkJnEaPqTh49m0AAx1kEDc15rkMGb9FxyOAodOOp91w" />
    <input value="1988" 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/sponge-cloths-compostable-5-pcs-5-piece-1989">
          <img alt="Sponge Cloths Compostable, 5 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1576/file/small-ae798dfd2ae1f7b3601ba8af83edce1b.webp 600w, https://assets.fabulous.ch/public/variant_asset/1576/file/medium-a850c6d494e8f6f55ec0db30525359b2.webp 900w, https://assets.fabulous.ch/public/variant_asset/1576/file/large-0ad76b87a6b0f843d93ff6cca6b77697.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1576/file/medium-a850c6d494e8f6f55ec0db30525359b2.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">If you care</p>
          <a href="/en/products/sponge-cloths-compostable-5-pcs-5-piece-1989">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sponge Cloths Compostable, 5 pcs, 5 pieces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.85
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_yvBz74xzJNpXsD2K3xk0kDXKBSZA6KhtmilNU9SEXxTTVJZ28YKg_dnNrbcAhEMla1yznSpAvuu6sx2Oe7YEw" />
    <input value="1989" 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/firelighters-fsc-certified-28-pcs-28-piece-1991">
          <img alt="Firelighters FSC Certified, 28 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1579/file/small-cf8e7b73bf349eca4a3e892375cd30e7.webp 600w, https://assets.fabulous.ch/public/variant_asset/1579/file/medium-5fddecc1a394f147becb9225b341f328.webp 900w, https://assets.fabulous.ch/public/variant_asset/1579/file/large-014bd6c9666062735ded9b634b4aa1e2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1579/file/medium-5fddecc1a394f147becb9225b341f328.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">If you care</p>
          <a href="/en/products/firelighters-fsc-certified-28-pcs-28-piece-1991">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Firelighters FSC Certified, 28 pcs, 28 pieces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.05
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="L_U-gfzk6SD5CsXAd8mCAr4ZCg8SjrHOwfytgiOKmmKDk60XmRMvMGczM4CAt_fca2NQ1f8kEZTZfsTBVTZTDQ" />
    <input value="1991" 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">
      40 of 239 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/non-food?format=turbo_stream&amp;page=3">Show more</a>
  </div>
</div>

</template></turbo-stream>