<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/shampoo-gloss-and-vibrancy-250-ml-814">
          <img alt="Shampoo Gloss and Vibrancy" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/751/file/small-45911f7a5bd07b6f8585b0c867c4f325.webp 600w, https://assets.fabulous.ch/public/variant_asset/751/file/medium-3eb14803b176f9306f2bd55c43b8fa13.webp 900w, https://assets.fabulous.ch/public/variant_asset/751/file/large-303e2a929d01687818ac267aadb629de.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/751/file/medium-3eb14803b176f9306f2bd55c43b8fa13.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">MADARA</p>
          <a href="/en/products/shampoo-gloss-and-vibrancy-250-ml-814">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shampoo Gloss and Vibrancy, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xIvF5CAcWnAN4-q13mfGI5J-QbYz9VuMSqqL3QR0eP0YHaNIiNStvcDskNhktXFQcT_dT1LiIY-IYWaNpS3t6Q" />
    <input value="814" 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/lasagna-corn-rice-gluten-free-organic-250-g-818">
          <img alt="Lasagna Corn-Rice Gluten Free Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/754/file/small-95777c7ded5bda0147da1e0fda204426.webp 600w, https://assets.fabulous.ch/public/variant_asset/754/file/medium-88945d89f984e8f55d813a7577b4fe72.webp 900w, https://assets.fabulous.ch/public/variant_asset/754/file/large-0aa6b08a026eeeaac058b040fdfa71ab.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/754/file/medium-88945d89f984e8f55d813a7577b4fe72.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">felicia</p>
          <a href="/en/products/lasagna-corn-rice-gluten-free-organic-250-g-818">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lasagna Corn-Rice Gluten Free Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RaBVtQtSgqkRSwRgApwPLwxYwrwfq78fJEqimzKQl82ZNjMZo5p1ZNxEfg24Trhc7xleRX68xRzmgU_Lk8kC2Q" />
    <input value="818" 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/aronia-berry-chokeberry-organic-200-g-821">
          <img alt="Aronia Berry (Chokeberry) Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/759/file/small-b9ff2df248e2d8d8f9f9f33a14ff495d.webp 600w, https://assets.fabulous.ch/public/variant_asset/759/file/medium-e44ecbe9829a7e74fbef4915d39566a5.webp 900w, https://assets.fabulous.ch/public/variant_asset/759/file/large-6f290b89899759e6533b488a6ffc5258.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/759/file/medium-e44ecbe9829a7e74fbef4915d39566a5.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">Aronia</p>
          <a href="/en/products/aronia-berry-chokeberry-organic-200-g-821">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Aronia Berry (Chokeberry) Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.70
            </p>

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

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

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

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


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Out
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/veg-1-multivitamin-blackcurrant-90-chewable-tablets-90-piece-854">
          <img alt="Veg 1 Multivitamin Blackcurrant" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/783/file/small-8b9d0543871f23f39af53a1b709aa22d.webp 600w, https://assets.fabulous.ch/public/variant_asset/783/file/medium-d212217a365ea17f616d0dafed42d755.webp 900w, https://assets.fabulous.ch/public/variant_asset/783/file/large-4b254b9aaa26e4d5ae63058f72b949ae.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/783/file/medium-d212217a365ea17f616d0dafed42d755.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">The Vegan Society</p>
          <a href="/en/products/veg-1-multivitamin-blackcurrant-90-chewable-tablets-90-piece-854">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Veg 1 Multivitamin Blackcurrant, 90 chewable tablets</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-854-card">
        

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/en/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Notify me
</a>

      </div>
    </div>
  </div>


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Out
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/veg-1-multivitamin-orange-90-chewable-tablets-90-piece-855">
          <img alt="Veg 1 Multivitamin Orange" 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</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="37uaSts-4Ov1YTFWeVhzfYlZ_b-_XmCp5sg75y0aozUDLfzmc_YXJjhuSzvDisQOahhhRt5JGqokA9a3jEM2IQ" />
    <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="7d-fO6LU1MUwR8Ai1ACrzUPx5vC0AMv8Z3_W5razYyIxSfmXChwjCP1Iuk9u0hy-oLB6CdUXsf-ltDu2F-r2Ng" />
    <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 pieces</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="e12mxfxxNiAb-Mi3DuW3M-RB7ZFvBgIzqdtu6ftDo2iny8BpVLnB7db3stq0NwBABwBxaA4ReDBrEIO5Who2fA" />
    <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/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="wz-9vKRyGc4lfGXGyEAUlBLsxR-Hhb92bvvptbW_yPofqdsQDLruA-hzH6tykqPn8a1Z5uaSxXWsMATlFOZd7g" />
    <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  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/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="X1zuCtIW9PXOMgT_0pWKsTIbVfDXCZVztHm9Vo4VulyDyoimet4DOAM9fpJoRz3C0VrJCbYe73B2slAGL0wvSA" />
    <input value="959" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div class="border-gray-200 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/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/8804/file/small-ba9a4468e1e96295421662ebab4357f7.webp 600w, https://assets.fabulous.ch/public/variant_asset/8804/file/medium-bd0cffe6c9f702c77eb2cec04379fa5e.webp 900w, https://assets.fabulous.ch/public/variant_asset/8804/file/large-f4a28fdf09165959f5bbdcea9ef73caa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8804/file/medium-bd0cffe6c9f702c77eb2cec04379fa5e.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, 50 portions</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 0.32 / 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="wPBVWBeS6BQLcu_ct0-Cpjx96bE7YgpcUiz0jy7HJUwcZjP0v1of2cZ9lbENnTXV3zx1SFp1cF-Q5xnfj56wWA" />
    <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  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)" 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</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="XWUXMaSJc633Oo-VZieTPiWGriA90lDpECddH5oYJu-B83GdDEGEYDo19fjc9SRNxscy2VzFKurS7LBPO0Gz-w" />
    <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/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="XFoR4XquHZIoqcmkMB9NQISWWBN3iWlJUciYiCVhuqOAzHdN0mbqX-Wms8mKzfozZ9fE6haeE0qTA3XYhDgvtw" />
    <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  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-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="D6u1NBLJ7BsKq6WrIaZ_diCm0QCl9AwTd1-qjKVdFa_TPdOYugEb1sek38abdMgFw-dN-cTjdhC1lEfcBASAuw" />
    <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 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-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="0bBymxMiwIqNwKuSYgWhTUjKuSxk1GEM0XQ8y_paFoUNJhQ3u-o3R0DP0f_Y1xY-q4sl1QXDGw8Tv9GbWwODkQ" />
    <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>


  

  <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/vego-mini-bar-chocolate-with-hazelnuts-organic-65-g-982">
          <img alt="VEGO MINI Bar Chocolate with Hazelnuts Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/865/file/small-d023531c0e19b1dd11b8c6658fcd8614.webp 600w, https://assets.fabulous.ch/public/variant_asset/865/file/medium-21f2ac0a11979004fc8f4fa139ef22fa.webp 900w, https://assets.fabulous.ch/public/variant_asset/865/file/large-557421532cf47dba2c86950df4540623.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/865/file/medium-21f2ac0a11979004fc8f4fa139ef22fa.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">Vego Chocolate</p>
          <a href="/en/products/vego-mini-bar-chocolate-with-hazelnuts-organic-65-g-982">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">VEGO MINI Bar Chocolate with Hazelnuts Organic, 65 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tScIHC2N3NH5MPjHOWH209YXBSlhRRazjDvDF3ptRfhpsW6whUUrHDQ_gqqDs0GgNVaZ0ABSbLBO8C5H2zTQ7A" />
    <input value="982" 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/spread-with-curry-sesame-organic-125-g-1012">
          <img alt="Spread with curry sesame Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/887/file/small-08d97158e003204aa64f35dbf921dc6c.webp 600w, https://assets.fabulous.ch/public/variant_asset/887/file/medium-398e66718508f29874d34e4175cc56d2.webp 900w, https://assets.fabulous.ch/public/variant_asset/887/file/large-62dc3998e57324fb36fa32cd2dd18382.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/887/file/medium-398e66718508f29874d34e4175cc56d2.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/spread-with-curry-sesame-organic-125-g-1012">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Spread with curry sesame Organic, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KsT7UbTSWvEuGJKN6HXktkWY_Uz0sVLQVEkibZhBll72Up39HBqtPOMX6OBSp1PFptlhtZWmKNOWgs89ORgDSg" />
    <input value="1012" 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/spread-with-chick-peas-organic-125-g-1013">
          <img alt="Spread with chick peas Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/888/file/small-9afbd0aac6e8aba0dcc668a7f5c7be73.webp 600w, https://assets.fabulous.ch/public/variant_asset/888/file/medium-1137fd105935494cd504bb3e89c99c95.webp 900w, https://assets.fabulous.ch/public/variant_asset/888/file/large-1ab317a7b7befd62aba83d4f2930a836.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/888/file/medium-1137fd105935494cd504bb3e89c99c95.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/spread-with-chick-peas-organic-125-g-1013">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Spread with chick peas Organic, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WaRE4xi-2TfbARRqFdo_fXW3sWU7YL6ssaTZE1AHpxaFMiJPsHYu-hYObgevCIgOlvYtnFp3xK9zbzRD8V4yAg" />
    <input value="1013" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/soja-sauce-tamari-strong-organic-500-ml-1016">
          <img alt="Soja Sauce Tamari Strong Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/891/file/small-89e2cb73faa0b8fa1155118463ac88ba.webp 600w, https://assets.fabulous.ch/public/variant_asset/891/file/medium-2bfbd3e91b3128f6b75ac186c84a74e6.webp 900w, https://assets.fabulous.ch/public/variant_asset/891/file/large-852e95c2464b83f805ab1a60ca584e8a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/891/file/medium-2bfbd3e91b3128f6b75ac186c84a74e6.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lima</p>
          <a href="/en/products/soja-sauce-tamari-strong-organic-500-ml-1016">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soja Sauce Tamari Strong Organic, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aAla1ZELpciiQVwThrnuS9v-T_OF11sa8LGGeCsX-wu0nzx5OcNSBW9OJn48a1k4OL_TCuTAIRkyemsoik5uHw" />
    <input value="1016" 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/wet-dog-food-ami-v-love-yellow-vegan-400-g-1018">
          <img alt="Wet Dog Food Ami V-Love YELLOW Vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/892/file/small-06fcf0bc19f948661df027f5d79ee1ae.webp 600w, https://assets.fabulous.ch/public/variant_asset/892/file/medium-c8cf6533c6c688b136d67e3227b01420.webp 900w, https://assets.fabulous.ch/public/variant_asset/892/file/large-5cdcd83a25e409ed0c3f64dcaf0caa23.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/892/file/medium-c8cf6533c6c688b136d67e3227b01420.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/wet-dog-food-ami-v-love-yellow-vegan-400-g-1018">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Wet Dog Food Ami V-Love YELLOW Vegan, 400 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 0.85 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="88zM7kyDIY2B0i1ZszlzriMXj_rJ60r141UjHZuadQkvWqpC5EvWQEzdVzQJ68TdwFYTA6j8MPYhns5NOsPgHQ" />
    <input value="1018" 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;160 of 3&#39;185 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/loma-linda?format=turbo_stream&amp;page=59">Show more</a>
  </div>
</div>

</template></turbo-stream>