<turbo-stream action="append" target="products_grid"><template>
    

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/benevo-chew-sticks-turmeric-chicory-root-pawtato-sticks-120-g-10200">
          <img alt="Benevo Chew Sticks Turmeric / Chicory Root Pawtato Sticks" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5504/file/small-8903ea8815aae70f78bbf72300f8da0c.webp 600w, https://assets.fabulous.ch/public/variant_asset/5504/file/medium-56b00a00ad6a566aa505057bd1786861.webp 900w, https://assets.fabulous.ch/public/variant_asset/5504/file/large-6f5dde1f108d4cafdb7ad4a41d9183f0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5504/file/medium-56b00a00ad6a566aa505057bd1786861.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Benevo</p>
          <a href="/en/products/benevo-chew-sticks-turmeric-chicory-root-pawtato-sticks-120-g-10200">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Benevo Chew Sticks Turmeric / Chicory Root Pawtato Sticks, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/benevo-chew-sticks-blueberry-pawtato-sticks-120-g-10201">
          <img alt="Benevo Chew Sticks Blueberry Pawtato Sticks" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5506/file/small-57c28eadd0ea93a18b5c1d4570d7bec2.webp 600w, https://assets.fabulous.ch/public/variant_asset/5506/file/medium-da0a2a585f9e6531bd1109c197df91d4.webp 900w, https://assets.fabulous.ch/public/variant_asset/5506/file/large-7822d0c322f5627d66e67463def9fc2b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5506/file/medium-da0a2a585f9e6531bd1109c197df91d4.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Benevo</p>
          <a href="/en/products/benevo-chew-sticks-blueberry-pawtato-sticks-120-g-10201">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Benevo Chew Sticks Blueberry Pawtato Sticks, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-10201-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/wet-food-hownd-quinoa-pumpkin-casserole-400-g-11253">
          <img alt="Wet Food HOWND Quinoa &amp; Pumpkin Casserole" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5760/file/small-63e69ca042aa25dc8b27bf66dad40618.webp 600w, https://assets.fabulous.ch/public/variant_asset/5760/file/medium-d15d0b9d4767f206ee71a4d36992c5f3.webp 900w, https://assets.fabulous.ch/public/variant_asset/5760/file/large-6ebe234172809755b3aa89817c3e57c7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5760/file/medium-d15d0b9d4767f206ee71a4d36992c5f3.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/wet-food-hownd-quinoa-pumpkin-casserole-400-g-11253">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Wet Food HOWND Quinoa &amp; Pumpkin Casserole, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="j5SaLv4qQsewXI55oua0N1PKMqBtDAZTxQIi6TQgRhCDsaksPUOwChs-aAWYCUsXr0bLK0L6g7jPERz2fB5u3g" />
    <input value="11253" 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-food-hownd-blueberry-coconut-porridge-400-g-11254">
          <img alt="Wet Food HOWND Blueberry &amp; Coconut Porridge" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5761/file/small-499a69cbf0651cbc69defd6da7b550f8.webp 600w, https://assets.fabulous.ch/public/variant_asset/5761/file/medium-8539573936693fbd60e6a02e650fbdb6.webp 900w, https://assets.fabulous.ch/public/variant_asset/5761/file/large-0c67810d60c555e56a3a63a4a9007840.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5761/file/medium-8539573936693fbd60e6a02e650fbdb6.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/wet-food-hownd-blueberry-coconut-porridge-400-g-11254">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Wet Food HOWND Blueberry &amp; Coconut Porridge, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BEFyzlX73bHYBiS8qR31iKjKBa6ogP4ldGWy28k_T_YIZEHMlpIvfHNkwsCT8gqoVEb8JYd2e85-dozEgQFnOA" />
    <input value="11254" 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/wet-food-hownd-papaya-lentils-dahl-400-g-11255">
          <img alt="Wet Food HOWND Papaya &amp; Lentils Dahl" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5762/file/small-afbb392cf5aa7d06783e2900514550eb.webp 600w, https://assets.fabulous.ch/public/variant_asset/5762/file/medium-f9c438e1198b0c79c0d0cafb8110e539.webp 900w, https://assets.fabulous.ch/public/variant_asset/5762/file/large-2011ab502ea522d02a96da59ee3ab9df.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5762/file/medium-f9c438e1198b0c79c0d0cafb8110e539.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/wet-food-hownd-papaya-lentils-dahl-400-g-11255">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Wet Food HOWND Papaya &amp; Lentils Dahl, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="B_BHwxcfOnDJCi0GQtdPrHmjnm0b8A7C-77Qv5Sw7fYL1XTB1HbIvWJoy3p4OLCMhS9n5jQGiynxre6g3I7FOA" />
    <input value="11255" 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/dry-food-hownd-pumpkin-quinoa-moringa-2-kg-11422">
          <img alt="Dry Food HOWND Pumpkin, Quinoa &amp; Moringa" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5843/file/small-673e3f3d678723c25903c2d6f2f21eb7.webp 600w, https://assets.fabulous.ch/public/variant_asset/5843/file/medium-4ceb3e0a9ec6fc2e0ac1e3b87d62efd8.webp 900w, https://assets.fabulous.ch/public/variant_asset/5843/file/large-96435ec47989df1c7eb8c77a01e84662.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5843/file/medium-4ceb3e0a9ec6fc2e0ac1e3b87d62efd8.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/dry-food-hownd-pumpkin-quinoa-moringa-2-kg-11422">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dry Food HOWND Pumpkin, Quinoa &amp; Moringa, 2 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.75
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cKkgg1qbfqHrFhEpQEG3OQ4f16O4jESJ-D-gBTQ8avp8jBOBmfKMbEB091V6rkgZ8pMuKJd6wWLyLJ4afAJCNA" />
    <input value="11422" 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/dry-food-hownd-pumpkin-quinoa-moringa-10-kg-11439">
          <img alt="Dry Food HOWND Pumpkin, Quinoa &amp; Moringa" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5855/file/small-0eff22fbc399f12ca601bea988826645.webp 600w, https://assets.fabulous.ch/public/variant_asset/5855/file/medium-20e0603c15eee70d2d0f9c4cc4e8462d.webp 900w, https://assets.fabulous.ch/public/variant_asset/5855/file/large-745cf68c7b12996eeb7dc7373fed45f0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5855/file/medium-20e0603c15eee70d2d0f9c4cc4e8462d.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/dry-food-hownd-pumpkin-quinoa-moringa-10-kg-11439">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dry Food HOWND Pumpkin, Quinoa &amp; Moringa, 10 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 86.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oi_qRP5qmCsi7itiXtrlMmyKW7iZ-BMpS0eauZ4-3ZKuCtlGPQNq5omMzR5kNRoSkAaiM7YOlsJBVKSm1gD1XA" />
    <input value="11439" 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/dog-dry-food-vegan-green-crunch-1-kg-11481">
          <img alt="Dog Dry Food Vegan Green Crunch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5869/file/small-3828a2ccf8c33acb3e3b9864df9d89ce.webp 600w, https://assets.fabulous.ch/public/variant_asset/5869/file/medium-883fd0a30a3cd7121b8e8e9071c4741c.webp 900w, https://assets.fabulous.ch/public/variant_asset/5869/file/large-1e65109012b3b4d715cabc758c000d6c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5869/file/medium-883fd0a30a3cd7121b8e8e9071c4741c.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/dog-dry-food-vegan-green-crunch-1-kg-11481">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dog Dry Food Vegan Green Crunch, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.50
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-11481-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/wet-food-adult-lentils-millet-400-g-11591">
          <img alt="Wet Food Adult Lentils &amp; Millet" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5920/file/small-d3af587d25e7921c99fffc0b4d60bbd7.webp 600w, https://assets.fabulous.ch/public/variant_asset/5920/file/medium-6318d6b35e30056796d51d9aa3380baf.webp 900w, https://assets.fabulous.ch/public/variant_asset/5920/file/large-dc7a294584b28a4af8ab6f7ee85b24aa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5920/file/medium-6318d6b35e30056796d51d9aa3380baf.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/wet-food-adult-lentils-millet-400-g-11591">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Wet Food Adult Lentils &amp; Millet, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pi6Fq3b2iYzefpNBBKwFNs9uOmIa7T6n9L84_OgD84iqC7aptZ97QXUcdT0-Q_oWM-LD6TUbu0z-rAbjoD3bRg" />
    <input value="11591" 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/wet-food-sensitive-lupine-protein-400-g-11606">
          <img alt="Wet Food Sensitive Lupine Protein" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5922/file/small-b9dde702129681afa2a3c714217a4576.webp 600w, https://assets.fabulous.ch/public/variant_asset/5922/file/medium-1747d22f2c5144fa247220eb8b71d585.webp 900w, https://assets.fabulous.ch/public/variant_asset/5922/file/large-923c65905df02133863137fae077cd8c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5922/file/medium-1747d22f2c5144fa247220eb8b71d585.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/wet-food-sensitive-lupine-protein-400-g-11606">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Wet Food Sensitive Lupine Protein, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-11606-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/wet-food-senior-peas-millet-400-g-11608">
          <img alt="Wet Food Senior Peas &amp; Millet" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5925/file/small-1825bf272b658f6d1567fe17db8bd1bb.webp 600w, https://assets.fabulous.ch/public/variant_asset/5925/file/medium-0650757795bbe8d2e80c913cf7ada2cd.webp 900w, https://assets.fabulous.ch/public/variant_asset/5925/file/large-ede40a7caaad7f141b24976f6cc9f335.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5925/file/medium-0650757795bbe8d2e80c913cf7ada2cd.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/wet-food-senior-peas-millet-400-g-11608">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Wet Food Senior Peas &amp; Millet, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WFBGy2jnQUFUQvYEcEQ9u2wuEOektaAovHtOrl2ZZiVUdXXJq46zjP8gEHhKq8KbkKLpbItDJcO2aHCxFadO6w" />
    <input value="11608" 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-food-adult-peas-oats-200-g-11611">
          <img alt="Wet Food Adult Peas &amp; Oats" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5928/file/small-5f52172198d459c68dcbc2e8bbcbb80a.webp 600w, https://assets.fabulous.ch/public/variant_asset/5928/file/medium-80585add75f66988d2ee5a294733eed3.webp 900w, https://assets.fabulous.ch/public/variant_asset/5928/file/large-3b9f2d28ab2df9e8243ae8fac03a224a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5928/file/medium-80585add75f66988d2ee5a294733eed3.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/wet-food-adult-peas-oats-200-g-11611">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Wet Food Adult Peas &amp; Oats, 200 g</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.60 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OtXTMLVcg19Dglqbj-Eg2z6DNwOMEi5jIujSn2Tw5os28OAydjVxkujgvOe1Dt_7wg_OiKPkq4go--yALM7ORQ" />
    <input value="11611" 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/food-supplement-for-dogs-all-in-veluxe-650-g-11612">
          <img alt="Food supplement for dogs All-In Veluxe" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5935/file/small-4f1693c7abd5df1fb5dedb18d6826977.webp 600w, https://assets.fabulous.ch/public/variant_asset/5935/file/medium-122f1ad3a3f85af66854097024a70950.webp 900w, https://assets.fabulous.ch/public/variant_asset/5935/file/large-9fa8663dd297c7b2661025af81a2b80b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5935/file/medium-122f1ad3a3f85af66854097024a70950.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/food-supplement-for-dogs-all-in-veluxe-650-g-11612">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Food supplement for dogs All-In Veluxe, 650 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.95
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-11612-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/vegdog-dentals-xl-50-g-11793">
          <img alt="VEGDOG Dentals XL" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6022/file/small-89f3c2e0528c318c51791ffcc45e4fc3.webp 600w, https://assets.fabulous.ch/public/variant_asset/6022/file/medium-527202b5781b31b3f62093fa58f9298b.webp 900w, https://assets.fabulous.ch/public/variant_asset/6022/file/large-58b045df1957cbf34fdbc95790d3269e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6022/file/medium-527202b5781b31b3f62093fa58f9298b.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-xl-50-g-11793">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">VEGDOG Dentals XL, 50 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 6.80 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OW1zIyUoZxLN_rg0IZRy4m3InDYb2vqe4qtORy-IcJ41SEAh5kGV32acXkgbe43CkURlvTQsf3XouHBYZ7ZYUA" />
    <input value="11793" 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-can-lid-for-can-400-g-11794">
          <img alt="VEGDOG Can Lid for Can" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6023/file/small-7320424f0a7353c69d129adf16c90de1.webp 600w, https://assets.fabulous.ch/public/variant_asset/6023/file/medium-f6a1445f11b91669292f3191a0fb8fba.webp 900w, https://assets.fabulous.ch/public/variant_asset/6023/file/large-4d65824cd607b74a31f7af0ac6ee95cd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6023/file/medium-f6a1445f11b91669292f3191a0fb8fba.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-can-lid-for-can-400-g-11794">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">VEGDOG Can Lid for Can, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wPl5pXROA4uj6SeCdp5OTzYMO0AMaUlDfT7xSLLX5ZbM3EqntyfxRgiLwf5McbFvyoDCyyOfzKh3Lc9X-unNWA" />
    <input value="11794" 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-can-lid-for-can-800-g-11795">
          <img alt="VEGDOG Can Lid for Can" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6024/file/small-6b9c9a7ab0f1ad18729fcdedbdb6ba23.webp 600w, https://assets.fabulous.ch/public/variant_asset/6024/file/medium-a3f0bf0d653d7a5fc67a9152d2ef128d.webp 900w, https://assets.fabulous.ch/public/variant_asset/6024/file/large-1dd0eccaa49ce0f4d0382c9278047abf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6024/file/medium-a3f0bf0d653d7a5fc67a9152d2ef128d.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-can-lid-for-can-800-g-11795">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">VEGDOG Can Lid for Can, 800 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="h37nWdYmONJE0AYfxgpQN0jkctZBYrGKPN9zdhHj0aCLW9RbFU_KH--y4GP85a8XtGiLXW6UNGE2zE1pWd35bg" />
    <input value="11795" 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-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="drpHe3XvX3W6RDjoTGbDHujcsPxZmcfmUMG_egll0Xp6n3R5toatuBEm3pR2iTw-FFBJd3ZvQg1a0oFlQVv5tA" />
    <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  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/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">
        

    
  <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/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="_VjHXPgPmQH0C6KkAvf0cSos1LSFquIGFFx4XscpyXnxffReO2ZrzF9pRNg4GAtR1qAtP6pcZ-0eT0ZBjxfhtw" />
    <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  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-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="jK5rHuByIgcNsaxcuznzgENd8kHhG34KK2oYQzw0wiuAi1gcIxvQyqbTSiCB1gygv9ELys7t--EheSZcdArq5Q" />
    <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>



</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">
      60 of 108 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/pet-food?format=turbo_stream&amp;page=4">Show more</a>
  </div>
</div>

</template></turbo-stream>