<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="/fr/products/benevo-batonnets-a-macher-myrtilles-pawtato-sticks-120-g-10201">
          <img alt="Benevo Bâtonnets à mâcher myrtilles 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="/fr/products/benevo-batonnets-a-macher-myrtilles-pawtato-sticks-120-g-10201">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Benevo Bâtonnets à mâcher myrtilles 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">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VTBqMCNe8oGDsa1V0fv5wU0ZQZX1tNyQn05DnrP-IcfE49Xd4OwFmYFgvbi5Ola4ZNTP7BIShG7XGcZPT6YXJQ" />
    <input value="10201" 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>
          Ajouter au panier
</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="/fr/products/nourriture-humide-hownd-casserole-de-quinoa-courge-400-g-11253">
          <img alt="Nourriture humide HOWND Casserole de quinoa &amp; courge" 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="/fr/products/nourriture-humide-hownd-casserole-de-quinoa-courge-400-g-11253">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nourriture humide HOWND Casserole de quinoa &amp; courge, 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="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="y3X_qTchJochAJ7U5rDmFcE778FI6_v7WS-FzMS9R0FapkBE9JPRnyPRjjmOcUls6PZhuK9NowUReAAdOOVxow" />
    <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>
          Ajouter au panier
</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="/fr/products/nourriture-humide-hownd-porridge-myrtille-noix-de-coco-400-g-11254">
          <img alt="Nourriture humide HOWND Porridge myrtille &amp; noix de coco" 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="/fr/products/nourriture-humide-hownd-porridge-myrtille-noix-de-coco-400-g-11254">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nourriture humide HOWND Porridge myrtille &amp; noix de coco, 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="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6dcU_UrAbnS4_MMdEsNSdiMnB2wwr0hD39Pt3tyMDkd4BKsQiXKZbLot0_B6Av0PCuqJFdcJEL2XhGgPINQ4pQ" />
    <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>
          Ajouter au panier
</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="/fr/products/nourriture-humide-hownd-papaye-lentilles-dahl-400-g-11255">
          <img alt="Nourriture humide HOWND Papaye &amp; Lentilles 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="/fr/products/nourriture-humide-hownd-papaye-lentilles-dahl-400-g-11255">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nourriture humide HOWND Papaye &amp; Lentilles 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="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PkGnxSUaAVt3hDgFfvc6byxAhx4-YbiaQOxmG2qFTxWvkhgo5qj2Q3VVKOgWNpUWBY0JZ9nH4GQIu-PKlt159w" />
    <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>
          Ajouter au panier
</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="/fr/products/nourriture-seche-hownd-potiron-quinoa-moringa-2-kg-11422">
          <img alt="Nourriture sèche HOWND Potiron, 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="/fr/products/nourriture-seche-hownd-potiron-quinoa-moringa-2-kg-11422">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nourriture sèche HOWND Potiron, 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="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uSFezbx6R5vdP_vYDfjiYchbVdz6EOPiOZG4LQ5UpR4o8uEgf8iwg9_u6zVlOU0Y4ZbbpR22uxxxxj388gyT_A" />
    <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>
          Ajouter au panier
</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="/fr/products/nourriture-seche-hownd-potiron-quinoa-moringa-10-kg-11439">
          <img alt="Nourriture sèche HOWND Potiron, 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="/fr/products/nourriture-seche-hownd-potiron-quinoa-moringa-10-kg-11439">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nourriture sèche HOWND Potiron, 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="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6edKDnkov1GqUkDrh6Ons3m6EhmPq1y1PRK_4joslc94NPXjuppISaiDUAbvYgjKUHecYGgNBEt1RTozxnSjLQ" />
    <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>
          Ajouter au panier
</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="/fr/products/chien-green-crunch-vege-croquettes-10-kg-11479">
          <img alt="Chien Green Crunch Végé Croquettes" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5867/file/small-70fe1d057a02b31f22d8ea664d6ef443.webp 600w, https://assets.fabulous.ch/public/variant_asset/5867/file/medium-efc3959a335dd29230868368a8f74b87.webp 900w, https://assets.fabulous.ch/public/variant_asset/5867/file/large-f409d97b839b2aadddfc4afd8d0d01c7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5867/file/medium-efc3959a335dd29230868368a8f74b87.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="/fr/products/chien-green-crunch-vege-croquettes-10-kg-11479">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chien Green Crunch Végé Croquettes, 10 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 79.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="C8T9EsKGoApU5Ix4JtXoAMTjIhHo9GRhLfOhc84futCaF0L_ATRXElY1nJVOFEd57S6saA9SPJ9lpCSiMkeMMg" />
    <input value="11479" 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>
          Ajouter au panier
</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="/fr/products/chien-green-crunch-vege-croquettes-4-kg-11480">
          <img alt="Chien Green Crunch Végé Croquettes" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5868/file/small-0edc6e7a6e92826a5b86a7a0976d8319.webp 600w, https://assets.fabulous.ch/public/variant_asset/5868/file/medium-d57e8afb869d9a9ef5cb351e62527f52.webp 900w, https://assets.fabulous.ch/public/variant_asset/5868/file/large-cd367d25834af3188cae8be950d003f8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5868/file/medium-d57e8afb869d9a9ef5cb351e62527f52.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="/fr/products/chien-green-crunch-vege-croquettes-4-kg-11480">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chien Green Crunch Végé Croquettes, 4 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 38.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Sh0d3C2RCQFyKfql6Oj22e6Q1nD8g1dRpUBDsJFBkT_bzqIx7iP-GXD46kiAKVmgx11YCRslD6_tF8ZhbRmn3Q" />
    <input value="11480" 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>
          Ajouter au panier
</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="/fr/products/chien-green-crunch-vege-croquettes-1-kg-11481">
          <img alt="Chien Green Crunch Végé Croquettes" 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="/fr/products/chien-green-crunch-vege-croquettes-1-kg-11481">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chien Green Crunch Végé Croquettes, 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">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dNz9Y6iI6qHUVslHrPuOSLJ8A5f3v3tlOkc88VZWk_flD0KOazodudaH2arEOiExm7GN7hAZI5tyELkgqg6lFQ" />
    <input value="11481" 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>
          Ajouter au panier
</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="/fr/products/chien-farmer-s-crunch-vege-croquettes-10-kg-11482">
          <img alt="Chien Farmer&#39;s Crunch Végé Croquettes" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5870/file/small-2c0230a93e34b148ed6955102ad4223d.webp 600w, https://assets.fabulous.ch/public/variant_asset/5870/file/medium-cf572ae8e209f3fea07c24aa851fe69f.webp 900w, https://assets.fabulous.ch/public/variant_asset/5870/file/large-e7490bdfa70f7c986617a3ddffe202f1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5870/file/medium-cf572ae8e209f3fea07c24aa851fe69f.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="/fr/products/chien-farmer-s-crunch-vege-croquettes-10-kg-11482">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chien Farmer&#39;s Crunch Végé Croquettes, 10 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 59.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IfD5NE4ykreh9mBagIoe1t0KEaobclzu8s7UNRHONJOwI0bZjYBlr6MncLfoS7Gv9Mef0_zUBBC6mVHk7ZYCcQ" />
    <input value="11482" 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>
          Ajouter au panier
</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="/fr/products/nourriture-adult-humide-lentilles-millet-400-g-11591">
          <img alt="Nourriture Adult Humide Lentilles &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="/fr/products/nourriture-adult-humide-lentilles-millet-400-g-11591">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nourriture Adult Humide Lentilles &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="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ALcGkmMrFz8G2dOQywXx3icFqyTv4PYrTJWa6zzrpPqRZLl_oJngJwQIw32jxF6nDsglXQhGrtUEwh86wLOSGA" />
    <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>
          Ajouter au panier
</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">
    Épuisé
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/nourriture-adult-humide-lentilles-millet-800-g-11592">
          <img alt="Nourriture Adult Humide Lentilles &amp; Millet" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5921/file/small-cbe26f799bfe63a274abf403cc447846.webp 600w, https://assets.fabulous.ch/public/variant_asset/5921/file/medium-7bba255b5f93db32f6ba4f00a9325729.webp 900w, https://assets.fabulous.ch/public/variant_asset/5921/file/large-c53b3f3fd5ddf4c8fc290cab4387748e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5921/file/medium-7bba255b5f93db32f6ba4f00a9325729.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="/fr/products/nourriture-adult-humide-lentilles-millet-800-g-11592">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nourriture Adult Humide Lentilles &amp; Millet, 800 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.20
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/fr/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    M&#39;avertir
</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="/fr/products/nourriture-humide-sensitive-proteine-de-lupin-400-g-11606">
          <img alt="Nourriture Humide Sensitive Protéine de Lupin" 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="/fr/products/nourriture-humide-sensitive-proteine-de-lupin-400-g-11606">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nourriture Humide Sensitive Protéine de Lupin, 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">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xlZtugF9Zi2shYfW8X5ZBrnq7MpeHpI5_1Ea506H6rxXhdJXws-RNa5UlzuZv_Z_kCdis7m4yse3Bp82st_cXg" />
    <input value="11606" 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>
          Ajouter au panier
</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="/fr/products/nourriture-humide-sensitive-proteine-de-lupin-800-g-11607">
          <img alt="Nourriture Humide Sensitive Protéine de Lupin" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5924/file/small-02932e1169cb1c62926b6dd2d64baf0d.webp 600w, https://assets.fabulous.ch/public/variant_asset/5924/file/medium-5e1434e7506fe17787e483dff42f9de7.webp 900w, https://assets.fabulous.ch/public/variant_asset/5924/file/large-a667b3618eb2a98d5219cd2addcf56cf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5924/file/medium-5e1434e7506fe17787e483dff42f9de7.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="/fr/products/nourriture-humide-sensitive-proteine-de-lupin-800-g-11607">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nourriture Humide Sensitive Protéine de Lupin, 800 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="M7fuUNpsSn-h3H4ISt5lD61be3p8LQdLxKMDroWJ26SiZFG9Gd69Z6MNbuUiH8p2hJb1A5uLX7WM9IZ_edHtRg" />
    <input value="11607" 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>
          Ajouter au panier
</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="/fr/products/nourriture-humide-senior-pois-millet-400-g-11608">
          <img alt="Nourriture Humide Senior Pois &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="/fr/products/nourriture-humide-senior-pois-millet-400-g-11608">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nourriture Humide Senior Pois &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="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-eQGSw8R_v5FUKocb-CwwyX0TLC9GKce_ZftXa3yEotoN7mmzKMJ5keBuvEHIR-6DDnCyVq-_-C1wGiMUaokaQ" />
    <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>
          Ajouter au panier
</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="/fr/products/nourriture-humide-senior-pois-millet-800-g-11609">
          <img alt="Nourriture Humide Senior Pois &amp; Millet" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5926/file/small-9906a777ada867ccbc22f6eef8e09f9e.webp 600w, https://assets.fabulous.ch/public/variant_asset/5926/file/medium-f860fdc890270b2fd481a9df22a8919f.webp 900w, https://assets.fabulous.ch/public/variant_asset/5926/file/large-06a19a740920df4b43cb933059022e08.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5926/file/medium-f860fdc890270b2fd481a9df22a8919f.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="/fr/products/nourriture-humide-senior-pois-millet-800-g-11609">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nourriture Humide Senior Pois &amp; Millet, 800 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gAY2K6m-kGm8u4dr7V9aG4p8mrFi0zrG9CF7g9PqFc4R1YnGagxncb5ql4aFnvVio7EUyIV1Yji8dv5SL7IjLA" />
    <input value="11609" 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>
          Ajouter au panier
</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="/fr/products/nourriture-adult-humide-petits-pois-flocons-d-avoine-200-g-11611">
          <img alt="Nourriture Adult Humide Petits Pois &amp; Flocons d&#39;Avoine" 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="/fr/products/nourriture-adult-humide-petits-pois-flocons-d-avoine-200-g-11611">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nourriture Adult Humide Petits Pois &amp; Flocons d&#39;Avoine, 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="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6_4cHogxYntUw2w98vDV4lTj0GP9xCPzpRT1jPer-wp6LaPzS4OVY1YSfNCaMXqbfS5eGhpiew3tQ3BdC_PN6A" />
    <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>
          Ajouter au panier
</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">
    Épuisé
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/complement-alimentaire-pour-chiens-all-in-veluxe-650-g-11612">
          <img alt="Complément alimentaire pour chiens 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="/fr/products/complement-alimentaire-pour-chiens-all-in-veluxe-650-g-11612">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Complément alimentaire pour chiens 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="/fr/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    M&#39;avertir
</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="/fr/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="/fr/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="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ye6Or4NIVxlGHkuMnaGwOwfS-zGp2DQlDPku0y-WzBPwPTFCQPqgAUTPW2H1YB9CLh91SE5-bNtErqsC08768Q" />
    <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>
          Ajouter au panier
</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="/fr/products/vegdog-peut-couvercle-pour-boite-de-400-g-11794">
          <img alt="VEGDOG Peut Couvercle pour Boîte de" 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="/fr/products/vegdog-peut-couvercle-pour-boite-de-400-g-11794">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">VEGDOG Peut Couvercle pour Boîte de, 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="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Yn87DUTiStOC0GXV_OEpglr9PM8VTplDCyUijpgu_lPzrITgh1C9y4ABdTiUIIb7czCytvLowb1DcqdfZHbIsQ" />
    <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>
          Ajouter au panier
</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 sur 108 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/chats-chiens?format=turbo_stream&amp;page=4">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>