<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">
    <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/veg-1-multivitamin-blackcurrant-180-chewable-tablets-180-piece-1536">
          <img alt="Veg 1 Multivitamin Blackcurrant, 180 Chewable Tablets" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1240/file/small-b90f8deafd1edef2b7690df3ec15ce82.webp 600w, https://assets.fabulous.ch/public/variant_asset/1240/file/medium-2851b54f7c6d7f0524ce04bc6e6768b9.webp 900w, https://assets.fabulous.ch/public/variant_asset/1240/file/large-1e5270897bffd3609a740395ed4f9ad1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1240/file/medium-2851b54f7c6d7f0524ce04bc6e6768b9.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">The Vegan Society</p>
          <a href="/en/products/veg-1-multivitamin-blackcurrant-180-chewable-tablets-180-piece-1536">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Veg 1 Multivitamin Blackcurrant, 180 Chewable Tablets, 180 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.50
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-1536-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">
    <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/veg-1-multivitamin-orange-180-chewable-tablets-180-piece-1544">
          <img alt="Veg 1 Multivitamin Orange 180 Chewable Tablets" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1243/file/small-821b14b2893ee653efa052dacc984ca0.webp 600w, https://assets.fabulous.ch/public/variant_asset/1243/file/medium-c70c354f06df7a18dd03348930c52995.webp 900w, https://assets.fabulous.ch/public/variant_asset/1243/file/large-9a47bec123dcd6fea1fdb242b41da78c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1243/file/medium-c70c354f06df7a18dd03348930c52995.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">The Vegan Society</p>
          <a href="/en/products/veg-1-multivitamin-orange-180-chewable-tablets-180-piece-1544">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Veg 1 Multivitamin Orange 180 Chewable Tablets, 180 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.50
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-1544-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 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/b12-boost-oral-spray-methyl-vegan-1200-g-25-ml-1548">
          <img alt="B12 Boost Oral Spray Methyl Vegan 1200µg" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1246/file/small-1d6c58035453bb2768703545b09b1694.webp 600w, https://assets.fabulous.ch/public/variant_asset/1246/file/medium-5daaad71e18e2fb97b19b195bf5f9e17.webp 900w, https://assets.fabulous.ch/public/variant_asset/1246/file/large-3dee7eba36074d8e1126b6cf62ff2ca5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1246/file/medium-5daaad71e18e2fb97b19b195bf5f9e17.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">BetterYou</p>
          <a href="/en/products/b12-boost-oral-spray-methyl-vegan-1200-g-25-ml-1548">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">B12 Boost Oral Spray Methyl Vegan 1200µg, 25 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.95
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-1548-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">
    <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 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/twibio-strawberry-filled-biscuits-organic-150-g-1562">
          <img alt="Twibio Strawberry Filled Biscuits Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1257/file/small-136279b7f10031971a392e25b70023a9.webp 600w, https://assets.fabulous.ch/public/variant_asset/1257/file/medium-b4f954ef4cee4fea93a8fb6e5d710f20.webp 900w, https://assets.fabulous.ch/public/variant_asset/1257/file/large-63fdb0c90281369c77cf67d53cec918e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1257/file/medium-b4f954ef4cee4fea93a8fb6e5d710f20.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">Moulin du Piver</p>
          <a href="/en/products/twibio-strawberry-filled-biscuits-organic-150-g-1562">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Twibio Strawberry Filled Biscuits Organic, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9sK76SrK_l32ueiFQxnF7o482VdD-tHqZJTVnoBr97UJ9yvg93vYrF2xeqPvY9LYks7SkoIL3vdsh0m3SWD93Q" />
    <input value="1562" 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/twibio-chocolate-duo-biscuits-organic-150-g-1563">
          <img alt="Twibio Chocolate Duo Biscuits Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1258/file/small-1beb8549753ce0ec87c85ccd8e9b8840.webp 600w, https://assets.fabulous.ch/public/variant_asset/1258/file/medium-19b14116681ff96f45322efd244f15de.webp 900w, https://assets.fabulous.ch/public/variant_asset/1258/file/large-f4059ac772305c4124823a648053b347.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1258/file/medium-19b14116681ff96f45322efd244f15de.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">Moulin du Piver</p>
          <a href="/en/products/twibio-chocolate-duo-biscuits-organic-150-g-1563">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Twibio Chocolate Duo Biscuits Organic, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IY7CwyjrvlbVFJgtoRGmmx51dRQv7BHkH66fejyTDxzeu1LK9VqYp34cCgsNa7GtAod-0e4dHvkXvQNT9ZgFdA" />
    <input value="1563" 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/faux-gras-gaia-vegan-alternative-to-foie-gras-organic-125-g-1571">
          <img alt="Faux Gras GAIA Vegan Alternative to Foie Gras Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1262/file/small-0a838ea60b6cce1488906712680ff387.webp 600w, https://assets.fabulous.ch/public/variant_asset/1262/file/medium-c4f8fd8f74012b308706365fb3691512.webp 900w, https://assets.fabulous.ch/public/variant_asset/1262/file/large-9c347656ad1e77c83baf96a204755cd9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1262/file/medium-c4f8fd8f74012b308706365fb3691512.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">GAIA</p>
          <a href="/en/products/faux-gras-gaia-vegan-alternative-to-foie-gras-organic-125-g-1571">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Faux Gras GAIA Vegan Alternative to Foie Gras Organic, 125 g</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 6.36 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-1571-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/baking-mix-chocolate-cake-demeter-425-g-1587">
          <img alt="Baking Mix Chocolate Cake Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1266/file/small-cf5a8a52020aee0443c7f625689360f4.webp 600w, https://assets.fabulous.ch/public/variant_asset/1266/file/medium-1f9b89d7dffb383630b1aef1d417da15.webp 900w, https://assets.fabulous.ch/public/variant_asset/1266/file/large-aa620ce6fb2f1a0ad6641ddb5ac7eabf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1266/file/medium-1f9b89d7dffb383630b1aef1d417da15.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">Bauckhof</p>
          <a href="/en/products/baking-mix-chocolate-cake-demeter-425-g-1587">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Baking Mix Chocolate Cake Demeter, 425 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zE2of7a13iXZQVP5APbPjLmXgOU3O7j2rfFQXZvG6s0zeDh2awT41HJJwd-sjNi6pWWLIPbKt-ul4sx0Us3gpQ" />
    <input value="1587" 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-mix-lemon-cake-demeter-485-g-1590">
          <img alt="Baking Mix Lemon Cake Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1269/file/small-d69c1e6cebbbe57afd3427cdcc2a11aa.webp 600w, https://assets.fabulous.ch/public/variant_asset/1269/file/medium-2ea408fc324a1a6606934709c5b83d66.webp 900w, https://assets.fabulous.ch/public/variant_asset/1269/file/large-1b6c13b24c5be8e6387a13217211633c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1269/file/medium-2ea408fc324a1a6606934709c5b83d66.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">Bauckhof</p>
          <a href="/en/products/baking-mix-lemon-cake-demeter-485-g-1590">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Baking Mix Lemon Cake Demeter, 485 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/sausage-vegan-chorizo-organic-130-g-1591">
          <img alt="Sausage Vegan Chorizo Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1271/file/small-abc6398a706611fc88510170b79fb51e.webp 600w, https://assets.fabulous.ch/public/variant_asset/1271/file/medium-d37a80e78ec8cf2a422a905b80229107.webp 900w, https://assets.fabulous.ch/public/variant_asset/1271/file/large-6c82635d5c08c0dedca98a131fa7d59a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1271/file/medium-d37a80e78ec8cf2a422a905b80229107.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Wheaty</p>
          <a href="/en/products/sausage-vegan-chorizo-organic-130-g-1591">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sausage Vegan Chorizo Organic, 130 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/sausage-vegan-merguez-organic-200-g-1613">
          <img alt="Sausage Vegan Merguez Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1275/file/small-66fe0c6b56e3c5890d22507103277572.webp 600w, https://assets.fabulous.ch/public/variant_asset/1275/file/medium-e046e57a5e306de67eabfe3788f605de.webp 900w, https://assets.fabulous.ch/public/variant_asset/1275/file/large-6c2ab5ae6e876457d826d96323bfce8d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1275/file/medium-e046e57a5e306de67eabfe3788f605de.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Wheaty</p>
          <a href="/en/products/sausage-vegan-merguez-organic-200-g-1613">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sausage Vegan Merguez Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3AlZNcM_NzgaI3AJc_zldQ1WUsu1bVQVJ9WyVCFVnlcjPMk8Ho4RybEr4i_fhvJDEaRZDnScWwgvxi596F6UPw" />
    <input value="1613" 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-liquid-detergent-for-dark-and-black-750-ml-1614">
          <img alt="Laundry Liquid Detergent for Dark and Black" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1278/file/small-62ad596917bd82b2422d72d5af0d0910.webp 600w, https://assets.fabulous.ch/public/variant_asset/1278/file/medium-ec6e67d8d1e1074fc3cafeebaf26f38d.webp 900w, https://assets.fabulous.ch/public/variant_asset/1278/file/large-5b52c3101363cac64ef142e657317e29.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1278/file/medium-ec6e67d8d1e1074fc3cafeebaf26f38d.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-liquid-detergent-for-dark-and-black-750-ml-1614">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Laundry Liquid Detergent for Dark and Black, 750 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zOOgW5aFVcvGD5xi6Xq8CMbh3zEqUoV-Z9RAA9LX8T8z1jBSSzRzOm0HDkRFAKs-2hPU9OujimNvx9wqG9z7Vw" />
    <input value="1614" 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/oil-virgin-coconut-organic-500-ml-1616">
          <img alt="Oil Virgin Coconut Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1283/file/small-d84d4ab43ac92b61d4d85f985993f339.webp 600w, https://assets.fabulous.ch/public/variant_asset/1283/file/medium-621f666ff73b80d768cde4fdc4162083.webp 900w, https://assets.fabulous.ch/public/variant_asset/1283/file/large-ddedf563dcf32058913d6000ec26e472.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1283/file/medium-621f666ff73b80d768cde4fdc4162083.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">Dr. Goerg</p>
          <a href="/en/products/oil-virgin-coconut-organic-500-ml-1616">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Oil Virgin Coconut Organic, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.05
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="w2opMBgEBVZ96r-GwbD44Gc4K2Ua-XZu9p1aqJlOCv88X7k5xbUjp9biLaBtyu_We8ogoNsIeXP-jsaBUEUAlw" />
    <input value="1616" 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/oil-virgin-coconut-organic-1000-ml-1618">
          <img alt="Oil Virgin Coconut Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1285/file/small-3c02e7997712cd9d052546398b443b2c.webp 600w, https://assets.fabulous.ch/public/variant_asset/1285/file/medium-d5d1909ec1f52e4dd8069786aff65fb0.webp 900w, https://assets.fabulous.ch/public/variant_asset/1285/file/large-a1155dba4120811b8e1f5dbb458f97fa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1285/file/medium-d5d1909ec1f52e4dd8069786aff65fb0.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">Dr. Goerg</p>
          <a href="/en/products/oil-virgin-coconut-organic-1000-ml-1618">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Oil Virgin Coconut Organic, 1000 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GC4PbFHHYmNwY2bBWz5Waw0EyyPGY_ewQCFgP8BrYNnnG59ljHZEkttr9Of3REFdEfbA5geS-K1IMvwWCWBqsQ" />
    <input value="1618" 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/sugar-coconut-blossom-sugar-organic-350-g-1619">
          <img alt="Sugar Coconut Blossom Sugar Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1286/file/small-63db0c6035145f339192d7ed675952b9.webp 600w, https://assets.fabulous.ch/public/variant_asset/1286/file/medium-8b71b06c3f324edcd31449f5610f05bd.webp 900w, https://assets.fabulous.ch/public/variant_asset/1286/file/large-3078255a8b52f4063d3f2dc8afc49110.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1286/file/medium-8b71b06c3f324edcd31449f5610f05bd.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">Dr. Goerg</p>
          <a href="/en/products/sugar-coconut-blossom-sugar-organic-350-g-1619">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sugar Coconut Blossom Sugar Organic, 350 g</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 2.71 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="f13vpSTR3NypD1JIH6FghEg81cQTpVDuCkmpWcL8IpKAaH-s-WD6LQIHwG6z23eyVM7eAdJUX_MCWjVwC_co-g" />
    <input value="1619" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/tea-black-madagascan-vanilla-demeter-20-sachets-20-bag-1623">
          <img alt="Tea Black Madagascan Vanilla Demeter, 20 Sachets" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1289/file/small-1e07f71a179b73e5e2713ab79f354a7f.webp 600w, https://assets.fabulous.ch/public/variant_asset/1289/file/medium-20804c57edd756d0e429c4d17ae53348.webp 900w, https://assets.fabulous.ch/public/variant_asset/1289/file/large-407c9f13d8b5293ad10ecea6526dc479.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1289/file/medium-20804c57edd756d0e429c4d17ae53348.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">Hampstead Tea</p>
          <a href="/en/products/tea-black-madagascan-vanilla-demeter-20-sachets-20-bag-1623">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tea Black Madagascan Vanilla Demeter, 20 Sachets, 20 bag</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.30
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/tea-green-tea-selection-organic-20-sachets-20-bag-1627">
          <img alt="Tea Green Tea Selection Organic, 20 Sachets" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1294/file/small-b2695c48ce49b1bbdb34fa924d0c23b0.webp 600w, https://assets.fabulous.ch/public/variant_asset/1294/file/medium-bd3a6ec94f8854f8de76b997d8542648.webp 900w, https://assets.fabulous.ch/public/variant_asset/1294/file/large-0c52f59b1ddd5511a251863b882c67d7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1294/file/medium-bd3a6ec94f8854f8de76b997d8542648.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">Hampstead Tea</p>
          <a href="/en/products/tea-green-tea-selection-organic-20-sachets-20-bag-1627">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tea Green Tea Selection Organic, 20 Sachets, 20 bag</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RGpuaIXqTpFF0Ks5EswWvzqxGm6_Rhzx1LRX_8Q_77O7X_5hWFtoYO7YOR--tgGJJkMRq363E-zcp8vWDTTl2w" />
    <input value="1627" 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">
    <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/coffee-instant-cappuccino-caramel-280-g-1638">
          <img alt="Coffee Instant Cappuccino Caramel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1299/file/small-22be400700c685a006e5f24bf74a9355.webp 600w, https://assets.fabulous.ch/public/variant_asset/1299/file/medium-2d7a5f9fd4066dc20749541e28406bd7.webp 900w, https://assets.fabulous.ch/public/variant_asset/1299/file/large-7adceb8ad0e5d609ae7cfa1497c0e54f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1299/file/medium-2d7a5f9fd4066dc20749541e28406bd7.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">VGN FCTRY</p>
          <a href="/en/products/coffee-instant-cappuccino-caramel-280-g-1638">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Coffee Instant Cappuccino Caramel, 280 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.95
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-1638-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 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/coconut-cooking-fat-organic-200-ml-1664">
          <img alt="Coconut Cooking Fat Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1315/file/small-7993acf16593fb19718112168c5cd9f6.webp 600w, https://assets.fabulous.ch/public/variant_asset/1315/file/medium-ee9b59e5e0d064a1f7383167418e8245.webp 900w, https://assets.fabulous.ch/public/variant_asset/1315/file/large-c8270992755319d88354d604801232b0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1315/file/medium-ee9b59e5e0d064a1f7383167418e8245.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">Dr. Goerg</p>
          <a href="/en/products/coconut-cooking-fat-organic-200-ml-1664">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Coconut Cooking Fat Organic, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.45
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JvjqfwVHHkBqcckhCjKFwGqmk2zce1iZxkHcYwBQHLHZzXp22PY4scF5WwemSJL2dlSYqR2KV4TOUkBKyVsW2Q" />
    <input value="1664" 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/tampons-normal-regular-without-applicator-20-pcs-20-piece-1675">
          <img alt="Tampons Normal / Regular without applicator, 20 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1333/file/small-b068649a6ccd755a130a18b71375aa08.webp 600w, https://assets.fabulous.ch/public/variant_asset/1333/file/medium-75339cc9c3fa3a87a9a8072268f7b249.webp 900w, https://assets.fabulous.ch/public/variant_asset/1333/file/large-5136c407397e1fedf05362f814c9c745.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1333/file/medium-75339cc9c3fa3a87a9a8072268f7b249.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">Natracare</p>
          <a href="/en/products/tampons-normal-regular-without-applicator-20-pcs-20-piece-1675">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tampons Normal / Regular without applicator, 20 pcs, 20 piece</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 0.27 / Stk.
            </p>
        </div>
      </div>

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

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

</template></turbo-stream>