<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/night-basis-sensitiv-anti-ageing-night-cream-q10-50-ml-48045d91-fc9c-4166-9e03-33dcef1654c0-12057">
          <img alt="Night basis sensitiv Anti-ageing Night cream Q10" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6116/file/small-5ea6ca3411be9110eb1b3624a49e2e78.webp 600w, https://assets.fabulous.ch/public/variant_asset/6116/file/medium-d60a0c41d42592c1c06232c398d68278.webp 900w, https://assets.fabulous.ch/public/variant_asset/6116/file/large-b32bec99da7c81712d3a52d1bb668ca2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6116/file/medium-d60a0c41d42592c1c06232c398d68278.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">Lavera</p>
          <a href="/en/products/night-basis-sensitiv-anti-ageing-night-cream-q10-50-ml-48045d91-fc9c-4166-9e03-33dcef1654c0-12057">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Night basis sensitiv Anti-ageing Night cream Q10, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.55
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SsRWztH3KrZ4vkBjQ6hS_RTALorWISCwrmUNzYYr85n2a1ssUODHtAtLcnqRsddfevocdnOdXcmmOiA2-tU-9A" />
    <input value="12057" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/vegdog-dentals-120-g-12081">
          <img alt="VEGDOG Dentals" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6117/file/small-b1e00584e547ce03a8fad42ec4f105d5.webp 600w, https://assets.fabulous.ch/public/variant_asset/6117/file/medium-243c3c782bd0fb99d99744ee320bc759.webp 900w, https://assets.fabulous.ch/public/variant_asset/6117/file/large-158a6f2342f41336e082a80cbe934b97.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6117/file/medium-243c3c782bd0fb99d99744ee320bc759.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">VEGDOG</p>
          <a href="/en/products/vegdog-dentals-120-g-12081">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">VEGDOG Dentals, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1AITwkKf4TwsVEAp9D-3ztytBvOYHfcAA3RmFFsojzJorR4gw4gMPl-hcjAmJjJsspc0Dz2hinkLK0vvJ9ZCXw" />
    <input value="12081" 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/vegdog-beevys-80-g-12082">
          <img alt="VEGDOG Beevys" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6118/file/small-75b869c5fdb862381b881bdfacec0015.webp 600w, https://assets.fabulous.ch/public/variant_asset/6118/file/medium-3edff8dad1bfe7eebcf9f6e9f1215ee0.webp 900w, https://assets.fabulous.ch/public/variant_asset/6118/file/large-11da3f882f60ac48cec5fed5455e6f5d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6118/file/medium-3edff8dad1bfe7eebcf9f6e9f1215ee0.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">VEGDOG</p>
          <a href="/en/products/vegdog-beevys-80-g-12082">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">VEGDOG Beevys, 80 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 4.25 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/vegdog-jerkys-80-g-12083">
          <img alt="VEGDOG Jerkys" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6120/file/small-33267958e1b5c65dcb60940d353b0913.webp 600w, https://assets.fabulous.ch/public/variant_asset/6120/file/medium-85ef7565a01fd3f72884c30d75777f1b.webp 900w, https://assets.fabulous.ch/public/variant_asset/6120/file/large-beaa4de5beaf0c8c7bfc3801978e2633.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6120/file/medium-85ef7565a01fd3f72884c30d75777f1b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">VEGDOG</p>
          <a href="/en/products/vegdog-jerkys-80-g-12083">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">VEGDOG Jerkys, 80 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 4.25 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oy5YJe4O8DxqKpK0uzSvMD_s6WbHJ3Cf5Uu5n1CEuLUfgVXHbxkdPhnfoK1pLSqSUdbbmmKbDebtFJRkLHp12A" />
    <input value="12083" 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/vegdog-veggies-immune-125-g-12084">
          <img alt="VEGDOG Veggies Immune" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6122/file/small-1cf72339236325be5b380f8614850aa6.webp 600w, https://assets.fabulous.ch/public/variant_asset/6122/file/medium-aa937951648c4e7c8230b7151184a2b7.webp 900w, https://assets.fabulous.ch/public/variant_asset/6122/file/large-8ef6b83d9f3a8479b28a2f255cab3183.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6122/file/medium-aa937951648c4e7c8230b7151184a2b7.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">VEGDOG</p>
          <a href="/en/products/vegdog-veggies-immune-125-g-12084">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">VEGDOG Veggies Immune, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pqdoTvKzC0iNOhbJgbtSHF_E70yaesh2q4lCa4mRt0oaCGWsc6TmSv7PJNBTote-Mf7dsD_GtQ-j1m-Q9W96Jw" />
    <input value="12084" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/vegdog-veggies-skincare-125-g-12085">
          <img alt="VEGDOG Veggies Skincare" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6125/file/small-5be89222b55a08ad624990936fedf82d.webp 600w, https://assets.fabulous.ch/public/variant_asset/6125/file/medium-e431ec4c787af49c37c5c926d8995d2e.webp 900w, https://assets.fabulous.ch/public/variant_asset/6125/file/large-3d40a925e5eaecc5b2f3703bda152919.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6125/file/medium-e431ec4c787af49c37c5c926d8995d2e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">VEGDOG</p>
          <a href="/en/products/vegdog-veggies-skincare-125-g-12085">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">VEGDOG Veggies Skincare, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JkBbEp0gozHa7yoz-nFNVmppcR-SAM2JEK-trHwZvsSa71bwHDdOM6kaGCooaMj0BFND4ze8sPAY8IBXAOdzqQ" />
    <input value="12085" 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/la-raclette-vegan-chili-garlic-organic-200-g-12086">
          <img alt="La Raclette Vegan CHILI &amp; GARLIC Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6129/file/small-f7427802a78297a623c5ec432277a2b9.webp 600w, https://assets.fabulous.ch/public/variant_asset/6129/file/medium-2d81751baf8aa56c8d7149a4b2a9e826.webp 900w, https://assets.fabulous.ch/public/variant_asset/6129/file/large-e769337e0451dba5f0d081d196e57907.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6129/file/medium-2d81751baf8aa56c8d7149a4b2a9e826.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">New Roots</p>
          <a href="/en/products/la-raclette-vegan-chili-garlic-organic-200-g-12086">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">La Raclette Vegan CHILI &amp; GARLIC Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.20
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-12086-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/hydro-refresh-micellar-water-400-ml-12110">
          <img alt="Hydro Refresh Micellar Water" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6131/file/small-9861d8c0157c9b8e5f67f81befe4e9b2.webp 600w, https://assets.fabulous.ch/public/variant_asset/6131/file/medium-ff10549a327d609478623fdbe2e02d30.webp 900w, https://assets.fabulous.ch/public/variant_asset/6131/file/large-edfb7ffa372ec3cbed123aec44488266.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6131/file/medium-ff10549a327d609478623fdbe2e02d30.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">Lavera</p>
          <a href="/en/products/hydro-refresh-micellar-water-400-ml-12110">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hydro Refresh Micellar Water, 400 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.35
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/tea-lovely-liquorice-spearmint-infusion-herbal-tea-organic-20-bags-20-bag-12111">
          <img alt="Tea Lovely Liquorice &amp; Spearmint Infusion Herbal Tea Organic, 20 Bags" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6132/file/small-7dad9b4916d4f46f59f22876b1cc68b8.webp 600w, https://assets.fabulous.ch/public/variant_asset/6132/file/medium-d60ae11a1a90234b7b17df3bd58634da.webp 900w, https://assets.fabulous.ch/public/variant_asset/6132/file/large-815105f12d72a747c845fa807b030304.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6132/file/medium-d60ae11a1a90234b7b17df3bd58634da.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">Cupper</p>
          <a href="/en/products/tea-lovely-liquorice-spearmint-infusion-herbal-tea-organic-20-bags-20-bag-12111">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tea Lovely Liquorice &amp; Spearmint Infusion Herbal Tea Organic, 20 Bags, 20 bag</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/oat-drink-omega-3-organic-1-l-12114">
          <img alt="Oat Drink Omega-3 Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6137/file/small-cfc7eddbd76bbeb1114f590055448007.webp 600w, https://assets.fabulous.ch/public/variant_asset/6137/file/medium-74bc1840e9b35fa1f9600813def2fd62.webp 900w, https://assets.fabulous.ch/public/variant_asset/6137/file/large-fd6520e209c832ed0805785ddd2daabd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6137/file/medium-74bc1840e9b35fa1f9600813def2fd62.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/oat-drink-omega-3-organic-1-l-12114">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Oat Drink Omega-3 Organic, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZJ3LbojBA9HyS0Rmv6jt3hpnBvNHwubuh_f0T2IxtYLYMsaMCdbu04G-dn9tsWh8dF00D-J-m5ePqNm0Hs947w" />
    <input value="12114" 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/fruit-bar-date-orange-organic-40-g-12140">
          <img alt="Fruit Bar Date Orange Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6140/file/small-549e103da79a7c2b10d49003f3415471.webp 600w, https://assets.fabulous.ch/public/variant_asset/6140/file/medium-46ac7b2ba975f7f07b833efed247520f.webp 900w, https://assets.fabulous.ch/public/variant_asset/6140/file/large-c34085cc89bd4328746c1ce8766111e9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6140/file/medium-46ac7b2ba975f7f07b833efed247520f.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">Allos</p>
          <a href="/en/products/fruit-bar-date-orange-organic-40-g-12140">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fruit Bar Date Orange Organic, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UfS_td04iaXSZfT3vQtPtRSjfqaY3SRh4ig8cI6KTkHtW7JXXC9kp6GQxu5vEsoXeplMWj1hWRjqdxGL8nSDLA" />
    <input value="12140" 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/fruit-bar-mango-organic-40-g-12141">
          <img alt="Fruit Bar Mango Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6141/file/small-85eaf0e95085a8caf0f41b3b1c2a533b.webp 600w, https://assets.fabulous.ch/public/variant_asset/6141/file/medium-1afe8b8a32260c7f90a1fa765467ed24.webp 900w, https://assets.fabulous.ch/public/variant_asset/6141/file/large-6dc66a335c89ad15355fc80adf1b5aa8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6141/file/medium-1afe8b8a32260c7f90a1fa765467ed24.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">Allos</p>
          <a href="/en/products/fruit-bar-mango-organic-40-g-12141">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fruit Bar Mango Organic, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NdDQ54uhMguV3xp3kVOVlIk4IPkS4i3IwSKN4risMoGJf90FCrbfCeYqKG5DShA25wISBbdeULHJfaAZxFL_7A" />
    <input value="12141" 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/fruit-bar-blueberry-organic-40-g-12142">
          <img alt="Fruit Bar Blueberry Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6142/file/small-b1535e06ec39ae662b55ed659d05d726.webp 600w, https://assets.fabulous.ch/public/variant_asset/6142/file/medium-9f03062261e18e1585beff88a55f8a80.webp 900w, https://assets.fabulous.ch/public/variant_asset/6142/file/large-548e04c517d41ff5b3cb2418bd7b7b86.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6142/file/medium-9f03062261e18e1585beff88a55f8a80.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">Allos</p>
          <a href="/en/products/fruit-bar-blueberry-organic-40-g-12142">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fruit Bar Blueberry Organic, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fIkOOyOKLYW-SGHpBZcaov7E24NxbZA9NhQEtUBQ-MjAJgPZop3Ah829U_DXjp8AkP7pf9TR7UQ-SylOPK41pQ" />
    <input value="12142" 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/fruit-bar-cranberry-cashew-organic-40-g-12143">
          <img alt="Fruit Bar Cranberry Cashew Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6143/file/small-4c5118ed75c7cf86d53b406a64876ff8.webp 600w, https://assets.fabulous.ch/public/variant_asset/6143/file/medium-bc517f1aa81ff313374780c7f9d6cd8f.webp 900w, https://assets.fabulous.ch/public/variant_asset/6143/file/large-151296cdf211b04a5b711963c8a48120.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6143/file/medium-bc517f1aa81ff313374780c7f9d6cd8f.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">Allos</p>
          <a href="/en/products/fruit-bar-cranberry-cashew-organic-40-g-12143">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fruit Bar Cranberry Cashew Organic, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.10
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/sponge-cloths-3-pcs-3-piece-12151">
          <img alt="Sponge Cloths, 3 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6144/file/small-92bca60ccf7e5af497625cc02fcef5e7.webp 600w, https://assets.fabulous.ch/public/variant_asset/6144/file/medium-4abf7c91b7980c0dd3010c60f7843404.webp 900w, https://assets.fabulous.ch/public/variant_asset/6144/file/large-6d4482221d4093d5f7f79fd535efa6b5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6144/file/medium-4abf7c91b7980c0dd3010c60f7843404.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">memo</p>
          <a href="/en/products/sponge-cloths-3-pcs-3-piece-12151">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sponge Cloths, 3 pcs, 3 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hOcAtbVG9WG_49KT0ZtUdEDr38h6ckKC3MmugF3R0j84SA1XNFEYY8wW4IoDgtHWLtHtNN_OP_vUloN7IS8fUg" />
    <input value="12151" 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/dental-sticks-puppies-banana-pumpkin-100-g-12208">
          <img alt="Dental Sticks Puppies Banana &amp; Pumpkin" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6149/file/small-21b2420fddcccbd3274deb98ba7f42bc.webp 600w, https://assets.fabulous.ch/public/variant_asset/6149/file/medium-6a249bc729e39d760af3efd0db1ca7b1.webp 900w, https://assets.fabulous.ch/public/variant_asset/6149/file/large-2e5b9f9fdac8a54160cbc5d3e29a1bbe.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6149/file/medium-6a249bc729e39d760af3efd0db1ca7b1.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">Soopa</p>
          <a href="/en/products/dental-sticks-puppies-banana-pumpkin-100-g-12208">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dental Sticks Puppies Banana &amp; Pumpkin, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.95
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-12208-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/dog-dental-sticks-banana-pumpkin-flaxseed-100-g-12209">
          <img alt="Dog Dental Sticks Banana, Pumpkin &amp; Flaxseed" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6150/file/small-394a67e2b8825ccaff9db7c953683adb.webp 600w, https://assets.fabulous.ch/public/variant_asset/6150/file/medium-6ad3b8a7a36e720faa0bd531c631f4cf.webp 900w, https://assets.fabulous.ch/public/variant_asset/6150/file/large-d5941868155e084cb37e25fe4a28a56a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6150/file/medium-6ad3b8a7a36e720faa0bd531c631f4cf.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">Soopa</p>
          <a href="/en/products/dog-dental-sticks-banana-pumpkin-flaxseed-100-g-12209">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dog Dental Sticks Banana, Pumpkin &amp; Flaxseed, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DBdVcNkxo4BBa3BDTCwEnXEq09j2xz60Gb6L4MgH3aGwuFiSWCZOgjKeQlqeNYE_HxDhJFN7Q80R4aYbtPkQzA" />
    <input value="12209" 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/got-an-itch-wellness-vegan-dog-treats-100-g-12210">
          <img alt="Got An Itch? Wellness Vegan Dog Treats" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6151/file/small-4892e403e512f5c8d1167b00a0ae0c2a.webp 600w, https://assets.fabulous.ch/public/variant_asset/6151/file/medium-ebe6a9b09beffed16a338b172a6b3900.webp 900w, https://assets.fabulous.ch/public/variant_asset/6151/file/large-9c37364913f186babeec15cbbb49dfa7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6151/file/medium-ebe6a9b09beffed16a338b172a6b3900.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">HOWND</p>
          <a href="/en/products/got-an-itch-wellness-vegan-dog-treats-100-g-12210">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Got An Itch? Wellness Vegan Dog Treats, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Da0141mh4DTG49jGNvFF68NzzvSEDgveitTYYdyrasKxAjgB2LYNNrUW6t_k6MBJrUn8CCGydqeCi_WaoFWnrw" />
    <input value="12210" 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/yup-you-stink-wellness-dog-treats-100-g-12211">
          <img alt="Yup You Stink! Wellness Dog Treats" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6152/file/small-0fe6ea0a1ab241dedde5e3720717993a.webp 600w, https://assets.fabulous.ch/public/variant_asset/6152/file/medium-1d7d9f16ba0de26cab8a9822c65aaf67.webp 900w, https://assets.fabulous.ch/public/variant_asset/6152/file/large-c36fb3d8b4116e2fbcbf02540f91d557.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6152/file/medium-1d7d9f16ba0de26cab8a9822c65aaf67.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">HOWND</p>
          <a href="/en/products/yup-you-stink-wellness-dog-treats-100-g-12211">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Yup You Stink! Wellness Dog Treats, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="17EoyvDdRDBDfkB4e_XjenO2Uje6tr8woTU5UbKG_RVrHiUoccqpMjCLcmGp7GbYHYxgyx8KwkmpahSqzngweA" />
    <input value="12211" 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/keep-calm-wellness-dog-treats-100-g-12212">
          <img alt="Keep Calm! Wellness Dog Treats" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6154/file/small-bdac92657253b2f2e57af9d37cfb03ef.webp 600w, https://assets.fabulous.ch/public/variant_asset/6154/file/medium-e40c254ebde273ade1cb2bf5e08bc5dc.webp 900w, https://assets.fabulous.ch/public/variant_asset/6154/file/large-997c0d95836bc2be448313a8d34fb1ba.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6154/file/medium-e40c254ebde273ade1cb2bf5e08bc5dc.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">HOWND</p>
          <a href="/en/products/keep-calm-wellness-dog-treats-100-g-12212">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Keep Calm! Wellness Dog Treats, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hJOJjQGyxQcNH_M-T73xd7e-WTYLF0MkJWdzgFFdZhY4PIRvgKUoBX7qwSedpHTV2YRryq6rPl0tOF57LaOrew" />
    <input value="12212" 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;940 of 3&#39;163 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/nature-s-charm?format=turbo_stream&amp;page=98">Show more</a>
  </div>
</div>

</template></turbo-stream>