<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-orange-90-chewable-tablets-90-piece-855">
          <img alt="Veg 1 Multivitamin Orange 90 Chewable Tablets" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/784/file/small-ea3c75d1d9f897a1657a60dffcdb6e90.webp 600w, https://assets.fabulous.ch/public/variant_asset/784/file/medium-ef35b77f2783ef6bd93f7dfbcf2225c0.webp 900w, https://assets.fabulous.ch/public/variant_asset/784/file/large-89f330d43bf3b6245ba0fc3d63b2607f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/784/file/medium-ef35b77f2783ef6bd93f7dfbcf2225c0.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-90-chewable-tablets-90-piece-855">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Veg 1 Multivitamin Orange 90 Chewable Tablets, 90 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.50
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-855-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/peanut-butter-smooth-organic-250-g-856">
          <img alt="Peanut Butter Smooth Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/785/file/small-aa5399aa551979a773bcfc4cc23569a2.webp 600w, https://assets.fabulous.ch/public/variant_asset/785/file/medium-1167f74fd3c74c09fb476f7af7119b91.webp 900w, https://assets.fabulous.ch/public/variant_asset/785/file/large-477e9bd595677896021e4b5a435ad80e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/785/file/medium-1167f74fd3c74c09fb476f7af7119b91.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">Terrasana</p>
          <a href="/en/products/peanut-butter-smooth-organic-250-g-856">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Peanut Butter Smooth Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5nVD7IMgHRPyaB2-lEkry-uT6jh3DoqZHhD74p5SCGQuum9qoUoqcA2AuJ0o_esLOOiHitC05oQVuJinPvFqUw" />
    <input value="856" 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/maca-powder-organic-150-g-859">
          <img alt="Maca Powder Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/789/file/small-19d8253aa066cd1d338bb47145e11f2d.webp 600w, https://assets.fabulous.ch/public/variant_asset/789/file/medium-6d36a2cd3df9bfe3396636ec1130d529.webp 900w, https://assets.fabulous.ch/public/variant_asset/789/file/large-93000626e299c47fecc9b05d1cb206e3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/789/file/medium-6d36a2cd3df9bfe3396636ec1130d529.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">Raab</p>
          <a href="/en/products/maca-powder-organic-150-g-859">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Maca Powder Organic, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xJEEDvszVO5Mw3tx6iDFEX7qH-6Ir6Q-EF4fhV6L4osMXiiI2VljjbMr3lJWlAXRrZFyXC8VyCMb9nzA_iiAvA" />
    <input value="859" 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/bourbon-vanille-stickes-organic-2-pieces-2-piece-862">
          <img alt="Bourbon Vanille Stickes Organic, 2 pieces" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/794/file/small-d34df3857f38bb304bf3988193b57821.webp 600w, https://assets.fabulous.ch/public/variant_asset/794/file/medium-fa5b99d9e394b3a616cc14dccc2b55fd.webp 900w, https://assets.fabulous.ch/public/variant_asset/794/file/large-2d52aad8f8db1d39048cff50cbe3ce61.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/794/file/medium-fa5b99d9e394b3a616cc14dccc2b55fd.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/en/products/bourbon-vanille-stickes-organic-2-pieces-2-piece-862">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bourbon Vanille Stickes Organic, 2 pieces, 2 piece</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 2.95 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xQ0Tu3JkPxpx2b518X8uZ0VELrJ_xMn-V-lYTVOgOX0Nwj89UA4IeY4xG1ZNy-6nlj9DANh-peNcQTsI8wNbSg" />
    <input value="862" 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/vanille-bourbon-powder-organic-15-g-882">
          <img alt="Vanille Bourbon Powder Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/811/file/small-0c8f9b475f6f196865d4be5554c14c02.webp 600w, https://assets.fabulous.ch/public/variant_asset/811/file/medium-2b579c0b74e0c33242913dc47fdc0f9e.webp 900w, https://assets.fabulous.ch/public/variant_asset/811/file/large-07875a9ec12702f2dba098fba69d83aa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/811/file/medium-2b579c0b74e0c33242913dc47fdc0f9e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/en/products/vanille-bourbon-powder-organic-15-g-882">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vanille Bourbon Powder Organic, 15 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.80
            </p>

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

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

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/aroma-airstick-citrus-garden-100-ml-940">
          <img alt="Aroma-Airstick Citrus Garden" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/820/file/small-94641ec596c040a11d09a4480cca01ff.webp 600w, https://assets.fabulous.ch/public/variant_asset/820/file/medium-d9948b64ea1f67ddb53b7db9190676df.webp 900w, https://assets.fabulous.ch/public/variant_asset/820/file/large-f4dbe87b0e9755324b58130b1cf74278.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/820/file/medium-d9948b64ea1f67ddb53b7db9190676df.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">farfalla</p>
          <a href="/en/products/aroma-airstick-citrus-garden-100-ml-940">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Aroma-Airstick Citrus Garden, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 30.60</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 22.95</span>
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Gv-1NzHOzoPRXCaPOHBTozMTn9jpKHpsSvcdDQm6rQ3SMJmxE6T54C60g6yExJNj4Gjyak6SFnFBX35IqRnPOg" />
    <input value="940" 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/dog-snacks-vegan-biscuits-organic-500-g-954">
          <img alt="Dog Snacks Vegan Biscuits Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/831/file/small-af6182d9072b8d18cd9c26fb0da9c08b.webp 600w, https://assets.fabulous.ch/public/variant_asset/831/file/medium-fdeb4e2f8c964206a8dc1619f7cd1f6d.webp 900w, https://assets.fabulous.ch/public/variant_asset/831/file/large-835cd9d191167c219e221ab6864d4a51.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/831/file/medium-fdeb4e2f8c964206a8dc1619f7cd1f6d.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">Yarrah</p>
          <a href="/en/products/dog-snacks-vegan-biscuits-organic-500-g-954">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dog Snacks Vegan Biscuits Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="U-4x_a_5hgBC207Dp33j5irdwzyTZd9G1gcXCFdzVZ6bIR17jZOxY70z6-AbySMm-aaujjTfs1vdr3RN99A3qQ" />
    <input value="954" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/dog-snacks-vegan-multi-biscuits-organic-250-g-955">
          <img alt="Dog Snacks Vegan Multi Biscuits Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/832/file/small-53ca8f14eb358a8725879838cfffc52a.webp 600w, https://assets.fabulous.ch/public/variant_asset/832/file/medium-53034c8aad254a1d51c5b1a1367b958b.webp 900w, https://assets.fabulous.ch/public/variant_asset/832/file/large-53526e8d96a96f935fcd0f59e41e3c9f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/832/file/medium-53034c8aad254a1d51c5b1a1367b958b.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">Yarrah</p>
          <a href="/en/products/dog-snacks-vegan-multi-biscuits-organic-250-g-955">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dog Snacks Vegan Multi Biscuits Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.25
            </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-955-card">
        

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/aroma-airstick-refill-sticks-1-piece-959">
          <img alt="Aroma-Airstick Refill Sticks" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/837/file/small-dba33869b179cc9957983b1a49eee5f8.webp 600w, https://assets.fabulous.ch/public/variant_asset/837/file/medium-1ed11179cbf835e2b25a46687aed9816.webp 900w, https://assets.fabulous.ch/public/variant_asset/837/file/large-e5fea81778d0915ec5000101de7d9722.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/837/file/medium-1ed11179cbf835e2b25a46687aed9816.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">farfalla</p>
          <a href="/en/products/aroma-airstick-refill-sticks-1-piece-959">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Aroma-Airstick Refill Sticks, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nozRZm_MGd86MtXNAAKwvzuXl7cxElqTM2nCFdreH8FWQ_3gTaYuvMXacO68tnB_6Oz6BZaoNo44waFQen199g" />
    <input value="959" type="hidden" name="variant_id" id="variant_id" />
    <input value="5" 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/vitamin-d3-vegan-spray-5-g-200iu-1-piece-960">
          <img alt="Vitamin D3 Vegan Spray 5µg / 200iu" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/838/file/small-5f419a8971f99577e4ccc078fc46bbf0.webp 600w, https://assets.fabulous.ch/public/variant_asset/838/file/medium-c07b141905a1306daf1921a937e415bd.webp 900w, https://assets.fabulous.ch/public/variant_asset/838/file/large-fb680e8ddff7900bc0b9f102190e3ffb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/838/file/medium-c07b141905a1306daf1921a937e415bd.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">Vegetology</p>
          <a href="/en/products/vitamin-d3-vegan-spray-5-g-200iu-1-piece-960">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vitamin D3 Vegan Spray 5µg / 200iu, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yjBq2yn0hUKnUX55-IROA5K9-RtSP0HLky7FhGljHcwC_0ZdC56yIVi521pEMI7DQcaUqfWFLdaYhqbBycB_-w" />
    <input value="960" 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/vitamin-d3-2500iu-60-capsules-60-piece-962">
          <img alt="Vitamin D3 2500IU 60 Capsules" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/840/file/small-06258531f58be6aeeedaec9e423c8830.webp 600w, https://assets.fabulous.ch/public/variant_asset/840/file/medium-9ab44a260aeabcde77c85219eb53400f.webp 900w, https://assets.fabulous.ch/public/variant_asset/840/file/large-603202e207bd81e7544788268e104b8c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/840/file/medium-9ab44a260aeabcde77c85219eb53400f.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">Vegetology</p>
          <a href="/en/products/vitamin-d3-2500iu-60-capsules-60-piece-962">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vitamin D3 2500IU 60 Capsules, 60 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.80
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-962-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/vegan-omega-3-capsules-epa-dha-supplement-60-capsules-60-piece-964">
          <img alt="Vegan Omega-3 Capsules EPA &amp; DHA Supplement, 60 Capsules" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/841/file/small-18622c0ac4d53ce58651e440d3ddfde7.webp 600w, https://assets.fabulous.ch/public/variant_asset/841/file/medium-7f5eba93a312d6e3ed7b19fcd4006acf.webp 900w, https://assets.fabulous.ch/public/variant_asset/841/file/large-eff66ee82b08cba00c16411e32824fb4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/841/file/medium-7f5eba93a312d6e3ed7b19fcd4006acf.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">Vegetology</p>
          <a href="/en/products/vegan-omega-3-capsules-epa-dha-supplement-60-capsules-60-piece-964">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan Omega-3 Capsules EPA &amp; DHA Supplement, 60 Capsules, 60 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.50
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-964-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/carob-powder-organic-250-g-965">
          <img alt="Carob Powder Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/843/file/small-1ecdd0fcc160daf080df867526a8b542.webp 600w, https://assets.fabulous.ch/public/variant_asset/843/file/medium-bd5972ec872c9efe299c8a8ea6b8e9a0.webp 900w, https://assets.fabulous.ch/public/variant_asset/843/file/large-818b9be832db1c7dad9a99e922141c2a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/843/file/medium-bd5972ec872c9efe299c8a8ea6b8e9a0.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/en/products/carob-powder-organic-250-g-965">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Carob Powder Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="o7zXAy4dha4EQF_3ypOT-tFPHcqwv5RXcEc58sJ8woFrc_uFDHeyzfuo-tR2J1M6AjRweBcF-Ep771q3Yt-gtg" />
    <input value="965" 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/magnesit-magnesium-zinc-128-tablets-128-piece-968">
          <img alt="Magnesit (magnesium &amp; zinc), 128 tablets" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/846/file/small-60d9e660ce5ca4b6b915e2eedeefc8de.webp 600w, https://assets.fabulous.ch/public/variant_asset/846/file/medium-cfe93bb540b9f116c8bff27875229e52.webp 900w, https://assets.fabulous.ch/public/variant_asset/846/file/large-18d692eca2db399d773d9b40a5e0d175.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/846/file/medium-cfe93bb540b9f116c8bff27875229e52.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">MORGA</p>
          <a href="/en/products/magnesit-magnesium-zinc-128-tablets-128-piece-968">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Magnesit (magnesium &amp; zinc), 128 tablets, 128 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 34.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2Al-uvp0w2Ew1aydE6nRDFJVtD0vuZ3DGCCKRWqYTJIQxlI82B70As89Cb6vHRHMgS7Zj4gD8d4TiOkAyjsupQ" />
    <input value="968" 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/iron-ii-powder-100-vegicaps-100-piece-970">
          <img alt="Iron (II) powder 100 vegicaps" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/851/file/small-b5140f36de82df08e59b446ca4dc8ec6.webp 600w, https://assets.fabulous.ch/public/variant_asset/851/file/medium-8fe7473cf6a7b3f302a780c82fa4d7b0.webp 900w, https://assets.fabulous.ch/public/variant_asset/851/file/large-c3012162f59eb4842b8e1d1334718698.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/851/file/medium-8fe7473cf6a7b3f302a780c82fa4d7b0.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">MORGA</p>
          <a href="/en/products/iron-ii-powder-100-vegicaps-100-piece-970">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Iron (II) powder 100 vegicaps, 100 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GKvDXjyWvvGjh8a2zEjpRM6SWFOqoTEGvCyZv9qwvcrQZO_YHvyJklxvY5Vw_CmEHek14Q0bXRu3hPr6ehPf_Q" />
    <input value="970" 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/chlorella-100-capsules-100-piece-971">
          <img alt="Chlorella 100 capsules" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/852/file/small-7a9bc40712168b29b401b645e6e198b8.webp 600w, https://assets.fabulous.ch/public/variant_asset/852/file/medium-7da52e4e9095dfaa10450dc6f47b7369.webp 900w, https://assets.fabulous.ch/public/variant_asset/852/file/large-c0a53a6c2e19a441f590434b346536eb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/852/file/medium-7da52e4e9095dfaa10450dc6f47b7369.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">MORGA</p>
          <a href="/en/products/chlorella-100-capsules-100-piece-971">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chlorella 100 capsules, 100 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XqO6kOP_pnqshBBWasBE-93yBunT2hGmDo06pXGB2VGWbJYWwZWRGVNstXXWdIQ7DolrW3RgfbsFJVng0SK7Zg" />
    <input value="971" 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/spirulina-veggie-capsules-100-caps-100-piece-973">
          <img alt="Spirulina Veggie Capsules, 100 caps" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/854/file/small-31bb69ffd2a6a1a8389fd1a532db5ba7.webp 600w, https://assets.fabulous.ch/public/variant_asset/854/file/medium-f899f4f65244b5d31fc672c64e46f511.webp 900w, https://assets.fabulous.ch/public/variant_asset/854/file/large-22acb31d5a38895ed0a99f5dd7533a19.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/854/file/medium-f899f4f65244b5d31fc672c64e46f511.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">MORGA</p>
          <a href="/en/products/spirulina-veggie-capsules-100-caps-100-piece-973">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Spirulina Veggie Capsules, 100 caps, 100 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wOSNJJH9pwewjnKKLnjBu_u-VwWNggulS5pxQqWKjZMIK6Gis5eQZE9m16mSzAF7KMU6tyo4Z7hAMhIHBSnvpA" />
    <input value="973" 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/ami-cat-dry-vegan-food-1-5-kg-976">
          <img alt="AMI Cat Dry Vegan Food" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/857/file/small-57bdce35c520998476e4c8f5d1bba989.webp 600w, https://assets.fabulous.ch/public/variant_asset/857/file/medium-81bba7d05b89822ed28c95be34390e9c.webp 900w, https://assets.fabulous.ch/public/variant_asset/857/file/large-49a74a9a3cc341aadb2a3fa3b778be3c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/857/file/medium-81bba7d05b89822ed28c95be34390e9c.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">AMI</p>
          <a href="/en/products/ami-cat-dry-vegan-food-1-5-kg-976">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">AMI Cat Dry Vegan Food, 1.5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PjYZcDkz6sSGVV50K8VRVPPf7GoPtLvpc4M_GRfJI0P2-TX2G1ndp3m9-1eXcZGUIKSB2KgO1_R4K1xct2pBdA" />
    <input value="976" 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/ami-cat-dry-vegetarian-vegan-food-300-g-977">
          <img alt="AMI Cat Dry Vegetarian / Vegan Food" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/856/file/small-2a69f31724efea09ce2f4618c7bbc288.webp 600w, https://assets.fabulous.ch/public/variant_asset/856/file/medium-3ba690a27c9d8d061e4be9bdf718996b.webp 900w, https://assets.fabulous.ch/public/variant_asset/856/file/large-7f3f0ffd2da3040b58ec7eceb88893f6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/856/file/medium-3ba690a27c9d8d061e4be9bdf718996b.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">AMI</p>
          <a href="/en/products/ami-cat-dry-vegetarian-vegan-food-300-g-977">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">AMI Cat Dry Vegetarian / Vegan Food, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="p1KemAZr-DV1dDQapsn-ARNELoGK7KiHYqJRwXg83ZBvnbIeJAHPVoqckTkafT7BwD9DMy1WxJppCjKE2J-_pw" />
    <input value="977" 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/ami-dog-dry-food-vegan-3-kg-980">
          <img alt="AMI Dog Dry Food Vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/859/file/small-3686304d5dc6f1505fddbbb1fd68d490.webp 600w, https://assets.fabulous.ch/public/variant_asset/859/file/medium-a8a15ba958c6d951c0a90f4172213dcf.webp 900w, https://assets.fabulous.ch/public/variant_asset/859/file/large-64b5a29489018accdbadd08c2996692f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/859/file/medium-a8a15ba958c6d951c0a90f4172213dcf.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">AMI</p>
          <a href="/en/products/ami-dog-dry-food-vegan-3-kg-980">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">AMI Dog Dry Food Vegan, 3 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0IaNF7DS4kQDguzw0Pq8mVu8dtR00Hg1yzMvqLHWgNUYSaGRkrjVJ_xqSdNsTnxZiMcbZtNqFCjAm0ztEXXi4g" />
    <input value="980" 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">
      260 of 3&#39;174 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/energybalance?format=turbo_stream&amp;page=14">Show more</a>
  </div>
</div>

</template></turbo-stream>