<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/kookie-cat-pistachio-gluten-free-cookie-organic-50-g-16908">
          <img alt="KOOKIE CAT Pistachio Gluten-Free Cookie Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7881/file/small-1de7d21888972b37cfb52304a281518d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7881/file/medium-dc823efb076c3ad617d128271c6bcd93.webp 900w, https://assets.fabulous.ch/public/variant_asset/7881/file/large-145dceff2c61ed1e6f8af35c87a7455d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7881/file/medium-dc823efb076c3ad617d128271c6bcd93.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">Kookie Cat</p>
          <a href="/en/products/kookie-cat-pistachio-gluten-free-cookie-organic-50-g-16908">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">KOOKIE CAT Pistachio Gluten-Free Cookie Organic, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.75
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1uCV3br3cBU5beJEUA08SX6Z4k-22dCGpKNSx61oYGV0WpV3-kqELu89Q11M_ukCe8AHaAebvasebD-Ix2w_Fw" />
    <input value="16908" 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/benevo-chew-sticks-peanut-apple-cinnamon-pawtato-sticks-120-g-16920">
          <img alt="Benevo Chew Sticks Peanut, Apple &amp; Cinnamon Pawtato Sticks" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7893/file/small-f8e791d86dc651ba7c986aef587bd50e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7893/file/medium-a19b28185c1234ba3642198cf2e6c6d4.webp 900w, https://assets.fabulous.ch/public/variant_asset/7893/file/large-f52f6c29e7d49477cf2febf04b573e9f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7893/file/medium-a19b28185c1234ba3642198cf2e6c6d4.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">Benevo</p>
          <a href="/en/products/benevo-chew-sticks-peanut-apple-cinnamon-pawtato-sticks-120-g-16920">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Benevo Chew Sticks Peanut, Apple &amp; Cinnamon Pawtato Sticks, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0KQnvkX6QqIJG-Qh9UmUdFgzqnoqszXh4Q1d3h2nzc9yHicUBUe2md9LRTjpukE_XWpPXZvxWMxbwjCRd6OSvQ" />
    <input value="16920" 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/loma-linda-tuno-thai-sweet-chili-vegan-alternative-to-tuna-142-g-16921">
          <img alt="Loma Linda Tuno &amp; Thai Sweet Chili Vegan Alternative to Tuna" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7895/file/small-4e2f68efb282e2af160246b0e902bf2c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7895/file/medium-cbc971eda27dfcbc5003dd2b22721f14.webp 900w, https://assets.fabulous.ch/public/variant_asset/7895/file/large-d2904a535c6a5e843d9feb979f2f30fc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7895/file/medium-cbc971eda27dfcbc5003dd2b22721f14.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">Loma Linda</p>
          <a href="/en/products/loma-linda-tuno-thai-sweet-chili-vegan-alternative-to-tuna-142-g-16921">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Loma Linda Tuno &amp; Thai Sweet Chili Vegan Alternative to Tuna, 142 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PXaXscVR9TDyISnk_UE_0GMxV4MtxiERe3x4JN5HJ12fzJcbhewBCyRxiP3hsuqbZmiypJyETDzBsxVrtEN4Lw" />
    <input value="16921" 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/gingerbread-oat-m-lk-chocolate-60-g-16923">
          <img alt="Gingerbread Oat M*lk Chocolate" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7897/file/small-793144cf34009342994b8cae62f55df6.webp 600w, https://assets.fabulous.ch/public/variant_asset/7897/file/medium-691645cab67bcca8403525fc2fbb7015.webp 900w, https://assets.fabulous.ch/public/variant_asset/7897/file/large-8f6a823cf7e17ea976948fca5928641e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7897/file/medium-691645cab67bcca8403525fc2fbb7015.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">OTHERLY</p>
          <a href="/en/products/gingerbread-oat-m-lk-chocolate-60-g-16923">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gingerbread Oat M*lk Chocolate, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SiE2evSNBMMe6AR-EgDNb-Yiy1-cgJ9BcZUBC8NF00romzbQtDDw-Mi4pWcO8xgk43sueC3C8mzLWmxEqUGMOA" />
    <input value="16923" 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/benevo-grain-free-feast-for-dogs-395-g-16948">
          <img alt="Benevo Grain-Free Feast for Dogs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7913/file/small-2efda9e1b00d83323ef4b6003d864418.webp 600w, https://assets.fabulous.ch/public/variant_asset/7913/file/medium-9c525aed40e805a7aae608ba8d4d8d59.webp 900w, https://assets.fabulous.ch/public/variant_asset/7913/file/large-e02409d05e9e7835827976a85e5e51a3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7913/file/medium-9c525aed40e805a7aae608ba8d4d8d59.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">Benevo</p>
          <a href="/en/products/benevo-grain-free-feast-for-dogs-395-g-16948">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Benevo Grain-Free Feast for Dogs, 395 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uaRNm6hiNPNr6ReCy_bsWNA7NHq-1uf6ZmZ8AGSvZWkbHk0x6N_AyL25tpvXBTkT1WLRXQ-UitfcqRFPDqs6Gw" />
    <input value="16948" 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/gingerbread-spice-organic-50-g-16952">
          <img alt="Gingerbread Spice Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7918/file/small-aa72940eecb948bdee81ccf23f908640.webp 600w, https://assets.fabulous.ch/public/variant_asset/7918/file/medium-e2cde44fe6145f5555d30aeac7bceffb.webp 900w, https://assets.fabulous.ch/public/variant_asset/7918/file/large-326f75c5af37a86458625f34469ef2df.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7918/file/medium-e2cde44fe6145f5555d30aeac7bceffb.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lebensbaum</p>
          <a href="/en/products/gingerbread-spice-organic-50-g-16952">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gingerbread Spice Organic, 50 g</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 8.10 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1Y5X7T0LfwLDhrE6AxVfUBYfeson5jr8tjkzZeubBId3NFdHfbaLORXWECMf5oobE0af7ZakV9EM9l4qgZ9b9Q" />
    <input value="16952" 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/protein-slices-plant-based-cheddar-cheese-alternative-150-g-16974">
          <img alt="Protein Slices - Plant-Based Cheddar Cheese Alternative" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7940/file/small-e5064f98714d46ffcd9adb09e854f4dc.webp 600w, https://assets.fabulous.ch/public/variant_asset/7940/file/medium-0da01020341f5b7041252a64b7064bb4.webp 900w, https://assets.fabulous.ch/public/variant_asset/7940/file/large-a2e3b1e33f1b11cc3f82945fa4138c13.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7940/file/medium-0da01020341f5b7041252a64b7064bb4.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">Vegü</p>
          <a href="/en/products/protein-slices-plant-based-cheddar-cheese-alternative-150-g-16974">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Protein Slices - Plant-Based Cheddar Cheese Alternative, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </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 2.63 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-16974-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/kombucha-pear-fireweed-330-ml-17087">
          <img alt="Kombucha Pear &amp; Fireweed" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7956/file/small-cbd5620de9ec1a4fbd23c77f59eee316.webp 600w, https://assets.fabulous.ch/public/variant_asset/7956/file/medium-e4070a2ee0d90876853eaafc274edf06.webp 900w, https://assets.fabulous.ch/public/variant_asset/7956/file/large-d8fe49b69380a38c70c8b4e3f4e8b5f0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7956/file/medium-e4070a2ee0d90876853eaafc274edf06.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">Rudy&#39;s Kombucha</p>
          <a href="/en/products/kombucha-pear-fireweed-330-ml-17087">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kombucha Pear &amp; Fireweed, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-17087-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/energy-drink-organic-250-ml-17134">
          <img alt="Energy Drink Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7975/file/small-4357da517ecead9094a5fb667f2fd946.webp 600w, https://assets.fabulous.ch/public/variant_asset/7975/file/medium-1e6a70cbbd40affa199ef0ada3847ebd.webp 900w, https://assets.fabulous.ch/public/variant_asset/7975/file/large-ef6143ec86892b627a81763299fa2664.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7975/file/medium-1e6a70cbbd40affa199ef0ada3847ebd.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">Biotta</p>
          <a href="/en/products/energy-drink-organic-250-ml-17134">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Energy Drink Organic, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6RTTluRIR5zRdnzXnNGWJIYv1Gsg5s9vwleI5g8EGCJLrtM8pPWzpwcm3c6AIkNvg3YxTJGkokJ4mOWpZQBHUA" />
    <input value="17134" 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/biobis-choco-double-biscuit-palm-oil-free-organic-320-g-17182">
          <img alt="Biobis Choco Double Biscuit palm oil-free Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8009/file/small-a8b033971c6873c458c19fc2ed8a81d3.webp 600w, https://assets.fabulous.ch/public/variant_asset/8009/file/medium-e9034d2a2c628d3d1b02a81adcf45e70.webp 900w, https://assets.fabulous.ch/public/variant_asset/8009/file/large-59c9c029028a7d49e2ed21e48f9f5a1b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8009/file/medium-e9034d2a2c628d3d1b02a81adcf45e70.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">Pural</p>
          <a href="/en/products/biobis-choco-double-biscuit-palm-oil-free-organic-320-g-17182">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biobis Choco Double Biscuit palm oil-free Organic, 320 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/cookies-biobis-spelt-buckthorn-orange-palmoil-free-organic-320-g-17184">
          <img alt="Cookies Biobis Spelt Buckthorn-Orange palmoil-free Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8011/file/small-12cf9fbb7703369f2e7f53f40fec2b5e.webp 600w, https://assets.fabulous.ch/public/variant_asset/8011/file/medium-0ef833571ea4d904fa021d86892c139c.webp 900w, https://assets.fabulous.ch/public/variant_asset/8011/file/large-b18463744c0d78d8933b8de9a6d2ee12.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8011/file/medium-0ef833571ea4d904fa021d86892c139c.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">Pural</p>
          <a href="/en/products/cookies-biobis-spelt-buckthorn-orange-palmoil-free-organic-320-g-17184">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cookies Biobis Spelt Buckthorn-Orange palmoil-free Organic, 320 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sHsbfNg7Ig8YRn8wK05hBnJY66UDibkjN0ZYu07eG6YSwRvWmIbWNM4W3ik3vbRNdwEOgrLL1A6NiTX0JNpE1A" />
    <input value="17184" 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/crunchy-peanuts-paprika-organic-110-g-17187">
          <img alt="Crunchy Peanuts Paprika Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8015/file/small-1869441853ea99c5e8ace90e4bc99e32.webp 600w, https://assets.fabulous.ch/public/variant_asset/8015/file/medium-a9fa0b0f0d2ce929c02d5356a661124d.webp 900w, https://assets.fabulous.ch/public/variant_asset/8015/file/large-76954dc7603e2e591dd961e40ecf8eca.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8015/file/medium-a9fa0b0f0d2ce929c02d5356a661124d.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">Pural</p>
          <a href="/en/products/crunchy-peanuts-paprika-organic-110-g-17187">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Crunchy Peanuts Paprika Organic, 110 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NEZX4W_12S7y0cCXfGBaNLNNdOHGquyQTcqY5uE73y-W_FdLL0gtFSSBYY5gk49_thSRxnfogb33BfWpiz-AXQ" />
    <input value="17187" 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/coconut-and-almond-drink-organic-1-l-17188">
          <img alt="Coconut and Almond Drink Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8016/file/small-7abb29677e28a73172be8f3986b77fd1.webp 600w, https://assets.fabulous.ch/public/variant_asset/8016/file/medium-c20bbab129ce30ef1aed2e0fd448ec3b.webp 900w, https://assets.fabulous.ch/public/variant_asset/8016/file/large-540cf2dfa51e32915affe0d4520a5488.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8016/file/medium-c20bbab129ce30ef1aed2e0fd448ec3b.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">Alpro</p>
          <a href="/en/products/coconut-and-almond-drink-organic-1-l-17188">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Coconut and Almond Drink Organic, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XkbEMfCopmYjZC1VkUrZZQnvu93AEYBvcAbpoTavw2r8_MSbsBVSXfU0jEyNuQwuDLZe-nFT7ULKyYTuXKucGA" />
    <input value="17188" 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/oat-drink-unsweetened-organic-1-l-17189">
          <img alt="Oat Drink Unsweetened Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8017/file/small-7a57a5b54b24b1304b76550de3ff9d49.webp 600w, https://assets.fabulous.ch/public/variant_asset/8017/file/medium-720cfd17cca68a5a910908b778a966f1.webp 900w, https://assets.fabulous.ch/public/variant_asset/8017/file/large-87f8aee8163fed7f81188c053ab1641f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8017/file/medium-720cfd17cca68a5a910908b778a966f1.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">Alpro</p>
          <a href="/en/products/oat-drink-unsweetened-organic-1-l-17189">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Oat Drink Unsweetened Organic, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Pjpu-f4wGfldUVXQTYqySwi7nuiNawINw7A3fQLSIF2cgG5Tvo3twosB9MlReWcADeJ7zzwpbyB5f1oyaNZ_Lw" />
    <input value="17189" 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/oat-drink-barista-organic-1-l-17191">
          <img alt="Oat Drink Barista Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8018/file/small-a5db5964ecc586cd6c4da41ba6d04894.webp 600w, https://assets.fabulous.ch/public/variant_asset/8018/file/medium-1312f852ca0e3e650989a83139f58edc.webp 900w, https://assets.fabulous.ch/public/variant_asset/8018/file/large-3a5d0ee1ade741938e7cb51c08732c5a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8018/file/medium-1312f852ca0e3e650989a83139f58edc.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">Alpro</p>
          <a href="/en/products/oat-drink-barista-organic-1-l-17191">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Oat Drink Barista Organic, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Z25iZOtZ-3aPU5YN-uFfFu1AuD3gnTIvZYwV0ecp2cTF1GLOq-QPTVkDNxTmEopd6BldGlHfXwLfQ3iejS2Gtg" />
    <input value="17191" 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/curd-soap-made-from-organic-vegetable-oils-100-g-17195">
          <img alt="Curd Soap Made from Organic Vegetable Oils" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8020/file/small-5cb1ff9d3d17d85b43c827c75222fbad.webp 600w, https://assets.fabulous.ch/public/variant_asset/8020/file/medium-e773d5953d4c17292d48fdbc33b0271c.webp 900w, https://assets.fabulous.ch/public/variant_asset/8020/file/large-2993199b447035417f9136fc3d5feecd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8020/file/medium-e773d5953d4c17292d48fdbc33b0271c.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/curd-soap-made-from-organic-vegetable-oils-100-g-17195">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Curd Soap Made from Organic Vegetable Oils, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.15
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="O5En4zcaFmq25El7ilhumCEDb6NdGfYhfrEZdkdmZ1qZKydJd6fiUWC06GKWq7vTJFqKhOxbmwzEfnQ5LWI4KA" />
    <input value="17195" 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/darjeeling-black-tea-demeter-20-bags-20-bag-17235">
          <img alt="Darjeeling - Black Tea Demeter, 20 Bags" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8046/file/small-99aa19be1346b75643b3f4dade918a49.webp 600w, https://assets.fabulous.ch/public/variant_asset/8046/file/medium-20f5c86ee2b89c4a761968be132e446e.webp 900w, https://assets.fabulous.ch/public/variant_asset/8046/file/large-4e1de009af71b964f4ec9a1b034942cf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8046/file/medium-20f5c86ee2b89c4a761968be132e446e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lebensbaum</p>
          <a href="/en/products/darjeeling-black-tea-demeter-20-bags-20-bag-17235">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Darjeeling - Black Tea Demeter, 20 Bags, 20 bags</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bgqfpuO_c0Fj-pnY9PgEjjI1qcOdv9kaJ_Kfkq4xpMrMsJ8MowKHerWqOMHoC9HFN2xM5Cz9tDedPfLdxDX7uA" />
    <input value="17235" 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/vegdog-chevvies-xl-200-g-17279">
          <img alt="VEGDOG CHEVVIES XL" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8053/file/small-d5a2c13babb54a6833bf74af4ac6e142.webp 600w, https://assets.fabulous.ch/public/variant_asset/8053/file/medium-95a8fdfe1842706ed1c603c1bf9de53b.webp 900w, https://assets.fabulous.ch/public/variant_asset/8053/file/large-79632035c2026a8299298dbe1475db59.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8053/file/medium-95a8fdfe1842706ed1c603c1bf9de53b.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">VEGDOG</p>
          <a href="/en/products/vegdog-chevvies-xl-200-g-17279">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">VEGDOG CHEVVIES XL, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/vegdog-pure-bites-115-g-17286">
          <img alt="VEGDOG Pure Bites" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8059/file/small-ae3c6be7a632a6244ca6945df1a428a1.webp 600w, https://assets.fabulous.ch/public/variant_asset/8059/file/medium-9717976496b55fe43889a8670e486299.webp 900w, https://assets.fabulous.ch/public/variant_asset/8059/file/large-da03dbe88d6e75cef94508a2bfe13f01.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8059/file/medium-9717976496b55fe43889a8670e486299.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">VEGDOG</p>
          <a href="/en/products/vegdog-pure-bites-115-g-17286">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">VEGDOG Pure Bites, 115 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sKW7skznvcGv7_b5UppgKTzwRRZ7meB69vCaX8j3XRISH7sYDFpJ-nm_V-BOabViOamgMcrbjVdMP_cQovMCYA" />
    <input value="17286" 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/vegcat-pure-bites-60-g-17287">
          <img alt="VEGCAT Pure Bites" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8060/file/small-0aa74214d2ed40fc024ea8c75c50e8a8.webp 600w, https://assets.fabulous.ch/public/variant_asset/8060/file/medium-8ee914ebe0c9eadba2584fc337c05c79.webp 900w, https://assets.fabulous.ch/public/variant_asset/8060/file/large-6355f62ff3e3e9ede260ec0276416585.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8060/file/medium-8ee914ebe0c9eadba2584fc337c05c79.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">VEGDOG</p>
          <a href="/en/products/vegcat-pure-bites-60-g-17287">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">VEGCAT Pure Bites, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.00
            </p>

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

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

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

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



</template></turbo-stream>
<turbo-stream action="replace" target="infinite_scroll_sentinel"><template>
  <div id="infinite_scroll_sentinel" class="w-full py-8">
  <div class="flex flex-col items-center gap-3">
    <p class="text-sm text-gray-500">
      1&#39;180 of 1&#39;235 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/collections/under-5?format=turbo_stream&amp;page=60">Show more</a>
  </div>
</div>

</template></turbo-stream>