<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/petit-biscuit-digestion-sans-cereales-100-g-15965">
          <img alt="Petit Biscuit - Digestion sans céréales" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7353/file/small-96f2e357cecff34deae652238f0eb32b.webp 600w, https://assets.fabulous.ch/public/variant_asset/7353/file/medium-d0b62aea8f121387fe87aa1f45070819.webp 900w, https://assets.fabulous.ch/public/variant_asset/7353/file/large-08262ba861d0bb530e2971f74472f295.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7353/file/medium-d0b62aea8f121387fe87aa1f45070819.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">Little Chef</p>
          <a href="/fr/products/petit-biscuit-digestion-sans-cereales-100-g-15965">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Petit Biscuit - Digestion sans céréales, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EhoNNUnhi-D6s_gkb-jrEN0cgSTIxG-7w9xs3O3G7P8N_MP4mJ3Iks7NkNrPSFI8hH5VzAXhZghLfoCjuOoxTw" />
    <input value="15965" 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/petit-biscuit-energie-sans-cereales-100-g-15966">
          <img alt="Petit Biscuit - Énergie sans céréales" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7354/file/small-dfd6a8db43dc0a5c4337f218a175a3b9.webp 600w, https://assets.fabulous.ch/public/variant_asset/7354/file/medium-ba8419d08c3a7fff77533fd729a91f2a.webp 900w, https://assets.fabulous.ch/public/variant_asset/7354/file/large-8b8dab4a4b288caaf3e828664aa588cb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7354/file/medium-ba8419d08c3a7fff77533fd729a91f2a.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">Little Chef</p>
          <a href="/fr/products/petit-biscuit-energie-sans-cereales-100-g-15966">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Petit Biscuit - Énergie sans céréales, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uKMYE0NG7V6hlsSnFVXT039Pmspz2msOojokeJXV9punRdbekjquLJXorFm19Wr_Ji1OIr7_Yr0qmMgHwPkrKw" />
    <input value="15966" 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/petit-biscuit-dental-fresh-sans-cereales-100-g-15967">
          <img alt="Petit Biscuit - Dental Fresh sans céréales" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7355/file/small-e19e2b21313f94cf00620080857d425c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7355/file/medium-c9e3bde15d2880156c9b8895a582a10b.webp 900w, https://assets.fabulous.ch/public/variant_asset/7355/file/large-5bfb03b275a41c6877faedd51269e694.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7355/file/medium-c9e3bde15d2880156c9b8895a582a10b.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">Little Chef</p>
          <a href="/fr/products/petit-biscuit-dental-fresh-sans-cereales-100-g-15967">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Petit Biscuit - Dental Fresh sans céréales, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="E5ixjgfzV-NVsynF8kxjxRGnUxJNieQKuQujFU62DIMMfn9D1o8UkWHNQTtS7NrpSMWH-oCs7bkxqU9qG5rRMw" />
    <input value="15967" 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/petit-biscuit-mobility-sans-cereales-100-g-15968">
          <img alt="Petit Biscuit - Mobility sans céréales" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7357/file/small-8b762da70faaa73cbc5b2e8c746e20cf.webp 600w, https://assets.fabulous.ch/public/variant_asset/7357/file/medium-01cb65c1df2cb9035bf84b90bb416f18.webp 900w, https://assets.fabulous.ch/public/variant_asset/7357/file/large-6ea09b2e1fca48f2cd70d74eb2ed5afa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7357/file/medium-01cb65c1df2cb9035bf84b90bb416f18.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">Little Chef</p>
          <a href="/fr/products/petit-biscuit-mobility-sans-cereales-100-g-15968">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Petit Biscuit - Mobility sans céréales, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cKV25Szwc8L0UQoYd1I8NgR0yQOfukNdsYWpjO099WVvQ7go_YwwsMAvYubX8oUaXRYd61KfSu45J0XzuBEo1Q" />
    <input value="15968" 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/petit-biscuit-immunity-sans-cereales-100-g-15969">
          <img alt="Petit Biscuit - Immunity sans céréales" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7358/file/small-3d083d80588d0cc2874db99a291e0ace.webp 600w, https://assets.fabulous.ch/public/variant_asset/7358/file/medium-0d4d197f21308abf35031e1fbf618acf.webp 900w, https://assets.fabulous.ch/public/variant_asset/7358/file/large-e333be6409ca98bcc1a2bc6818e27494.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7358/file/medium-0d4d197f21308abf35031e1fbf618acf.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">Little Chef</p>
          <a href="/fr/products/petit-biscuit-immunity-sans-cereales-100-g-15969">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Petit Biscuit - Immunity sans céréales, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3tCjQpLdwiKcGgWS90LuxiJ2ByNrWtxV8rkAKOkQrTTBNm2PQ6GBUKhkbWxX4lfqexTTy6Z_1eZ6G-xXvDxwhA" />
    <input value="15969" 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/petit-biscuit-calmant-sans-cereales-100-g-15970">
          <img alt="Petit Biscuit - Calmant sans céréales" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7359/file/small-98bf29678fac9f568e662ac1a12ff768.webp 600w, https://assets.fabulous.ch/public/variant_asset/7359/file/medium-83f74b4f6fa377b4d00e0b1df812a641.webp 900w, https://assets.fabulous.ch/public/variant_asset/7359/file/large-ad45aa457552f2571b9648f25408c3c3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7359/file/medium-83f74b4f6fa377b4d00e0b1df812a641.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">Little Chef</p>
          <a href="/fr/products/petit-biscuit-calmant-sans-cereales-100-g-15970">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Petit Biscuit - Calmant sans céréales, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ODzIFUM0hQ4IiM9vICDHcFcUU9tkgLMSTzIhKQDufwYn2gbYkkjGfDz2p5GAgH5cDnaHM6mluqHHkM1WVcKitg" />
    <input value="15970" 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/petit-biscuit-peau-pelage-sans-cereales-100-g-15971">
          <img alt="Petit Biscuit - Peau &amp; Pelage sans céréales" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7364/file/small-d7a54608219cff0a17d19cf89c7b78f5.webp 600w, https://assets.fabulous.ch/public/variant_asset/7364/file/medium-ef59057017381652f813a1b7f0e811e4.webp 900w, https://assets.fabulous.ch/public/variant_asset/7364/file/large-92af7adc7ce1e365c0f4da18583f9fde.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7364/file/medium-ef59057017381652f813a1b7f0e811e4.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">Little Chef</p>
          <a href="/fr/products/petit-biscuit-peau-pelage-sans-cereales-100-g-15971">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Petit Biscuit - Peau &amp; Pelage sans céréales, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bMdRsHVGA0RIzQ2lP0hdxc8VRfe-8VFYYIsgraPOhu9zIZ99pDpANnyzZVuf6OTplneRH3PUWOvoKczS9uJbXw" />
    <input value="15971" 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/petit-biscuit-puppy-power-sans-cereales-100-g-15972">
          <img alt="Petit Biscuit - Puppy Power sans céréales" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7371/file/small-961faa5b17013cd2571490df4c35695e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7371/file/medium-82c07ef62d459b0aa6ced208c2b05159.webp 900w, https://assets.fabulous.ch/public/variant_asset/7371/file/large-597f469a709b1f18d9de1c7c2efa97de.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7371/file/medium-82c07ef62d459b0aa6ced208c2b05159.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">Little Chef</p>
          <a href="/fr/products/petit-biscuit-puppy-power-sans-cereales-100-g-15972">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Petit Biscuit - Puppy Power sans céréales, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Z_JHBbKlz57d2-Ci0q1xNUYIUWiZCzEB4VXpJ51dBZt4FInIY9mM7OmliFxyDcgZH2qFgFQuOLJp9wVYyHHYKw" />
    <input value="15972" 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/friandises-a-macher-pour-chiens-mince-pie-50-g-16860">
          <img alt="Friandises à Mâcher pour Chiens Mince Pie" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7865/file/small-d86d97a7c3d254724071d7a63568f9fb.webp 600w, https://assets.fabulous.ch/public/variant_asset/7865/file/medium-2173e14bd6764c579413af8697bdc5f1.webp 900w, https://assets.fabulous.ch/public/variant_asset/7865/file/large-6edf415808c351b49646ce947eef52f8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7865/file/medium-2173e14bd6764c579413af8697bdc5f1.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">Denzel&#39;s</p>
          <a href="/fr/products/friandises-a-macher-pour-chiens-mince-pie-50-g-16860">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Friandises à Mâcher pour Chiens Mince Pie, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="u4_3s_Pv5EN4QMRmkvwOzZxc1iMCryYcYQil5PZSA0ykaTl-IpOnMUw-rJgyXLfhxT4Cy8-KL6_pqkmbo37e_A" />
    <input value="16860" 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/benevo-batonnets-a-macher-cacahuete-pomme-cannelle-pawtato-sticks-120-g-16920">
          <img alt="Benevo Bâtonnets à mâcher Cacahuète, Pomme &amp; Cannelle Pawtato Sticks" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7893/file/small-f8e791d86dc651ba7c986aef587bd50e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7893/file/medium-a19b28185c1234ba3642198cf2e6c6d4.webp 900w, https://assets.fabulous.ch/public/variant_asset/7893/file/large-f52f6c29e7d49477cf2febf04b573e9f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7893/file/medium-a19b28185c1234ba3642198cf2e6c6d4.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-cacahuete-pomme-cannelle-pawtato-sticks-120-g-16920">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Benevo Bâtonnets à mâcher Cacahuète, Pomme &amp; Cannelle 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-16920-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Wwn8z5za1anUXkGNNnQjDSQhKc7Bhb6y34fcrEBS9o5E7zICTaaW2-AgKXOW1JohfUP9JgygtwFXJTDTFX4rPg" />
    <input value="16920" 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/vegdog-chevvies-xl-200-g-17279">
          <img alt="VEGDOG CHEVVIES XL" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8053/file/small-d5a2c13babb54a6833bf74af4ac6e142.webp 600w, https://assets.fabulous.ch/public/variant_asset/8053/file/medium-95a8fdfe1842706ed1c603c1bf9de53b.webp 900w, https://assets.fabulous.ch/public/variant_asset/8053/file/large-79632035c2026a8299298dbe1475db59.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8053/file/medium-95a8fdfe1842706ed1c603c1bf9de53b.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-chevvies-xl-200-g-17279">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">VEGDOG CHEVVIES XL, 200 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 1.70 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qJdueIR7mhR29LZxJvxjTteCfvHVMOP7N-P07gwWH1S3caC1VQfZZkKK3o-GXNpijuCqGRgV6ki_QRiRWTrC5A" />
    <input value="17279" 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-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Astuce
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/vegdog-pure-bites-115-g-17286">
          <img alt="VEGDOG Pure Bites" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8059/file/small-ae3c6be7a632a6244ca6945df1a428a1.webp 600w, https://assets.fabulous.ch/public/variant_asset/8059/file/medium-9717976496b55fe43889a8670e486299.webp 900w, https://assets.fabulous.ch/public/variant_asset/8059/file/large-da03dbe88d6e75cef94508a2bfe13f01.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8059/file/medium-9717976496b55fe43889a8670e486299.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-pure-bites-115-g-17286">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">VEGDOG Pure Bites, 115 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.83 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EBSWxsswtx88e39U7ENzI0A3bSsKnwfPeRv0RgukSkMP8lgLGkz0bQgFF6pM48oPGVW5w8e6DnzxuRg5XoiX8w" />
    <input value="17286" 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/vegcat-pure-bites-60-g-17287">
          <img alt="VEGCAT Pure Bites" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8060/file/small-0aa74214d2ed40fc024ea8c75c50e8a8.webp 600w, https://assets.fabulous.ch/public/variant_asset/8060/file/medium-8ee914ebe0c9eadba2584fc337c05c79.webp 900w, https://assets.fabulous.ch/public/variant_asset/8060/file/large-6355f62ff3e3e9ede260ec0276416585.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8060/file/medium-8ee914ebe0c9eadba2584fc337c05c79.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/vegcat-pure-bites-60-g-17287">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">VEGCAT Pure Bites, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.00
            </p>

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

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

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/friandises-vegan-pour-chiens-soopa-noix-de-coco-100-g-date-limite-24-06-2026-17831">
          <img alt="Friandises Vegan pour chiens Soopa 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/4924/file/small-7cb8c6821150b2cd6553a623cf9285d5.webp 600w, https://assets.fabulous.ch/public/variant_asset/4924/file/medium-7d38b651e0b3dc3bef8d07d20d8675db.webp 900w, https://assets.fabulous.ch/public/variant_asset/4924/file/large-fe6266a3854f37a1588576e43d330e99.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4924/file/medium-7d38b651e0b3dc3bef8d07d20d8675db.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Soopa</p>
          <a href="/fr/products/friandises-vegan-pour-chiens-soopa-noix-de-coco-100-g-date-limite-24-06-2026-17831">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Friandises Vegan pour chiens Soopa Noix de Coco, 100 g (Date limite 24.06.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 8.80</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 5.70</span>
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="T3dYbQYyAr9IYHE1pwoOMk_d62lWSRbjqN5SwQ_uCdVQkZag105BzXweGcsHqrceFr8_gZtsH1AgfL6-WsLUZQ" />
    <input value="17831" 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">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    30 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/friandises-vegan-pour-chiens-soopa-papaye-85-g-date-limite-25-06-2026-17832">
          <img alt="Friandises Vegan pour chiens Soopa Papaye" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4925/file/small-b4e72c38bb066bb9157b075366fa9d05.webp 600w, https://assets.fabulous.ch/public/variant_asset/4925/file/medium-b658a038a96773182fc733ebf4f9555d.webp 900w, https://assets.fabulous.ch/public/variant_asset/4925/file/large-e245b67352c974528a8e102c03c262f6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4925/file/medium-b658a038a96773182fc733ebf4f9555d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Soopa</p>
          <a href="/fr/products/friandises-vegan-pour-chiens-soopa-papaye-85-g-date-limite-25-06-2026-17832">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Friandises Vegan pour chiens Soopa Papaye, 85 g (Date limite 25.06.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 8.80</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 6.15</span>
            </p>

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

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

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/keep-calm-friandises-de-bien-etre-pour-chiens-100-g-date-limite-18-07-2026-18081">
          <img alt="Keep Calm! Friandises de bien-être pour chiens" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6154/file/small-bdac92657253b2f2e57af9d37cfb03ef.webp 600w, https://assets.fabulous.ch/public/variant_asset/6154/file/medium-e40c254ebde273ade1cb2bf5e08bc5dc.webp 900w, https://assets.fabulous.ch/public/variant_asset/6154/file/large-997c0d95836bc2be448313a8d34fb1ba.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6154/file/medium-e40c254ebde273ade1cb2bf5e08bc5dc.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">HOWND</p>
          <a href="/fr/products/keep-calm-friandises-de-bien-etre-pour-chiens-100-g-date-limite-18-07-2026-18081">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Keep Calm! Friandises de bien-être pour chiens, 100 g (Date limite 18.07.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 6.30</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 5.65</span>
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qwtKuGp5HS3jlSIPDA2Fuap83dbc7LseUQwYXlweA0m07YR1uwVeX9frSvGsrTyV8x4JPhHJsq3ZrvQhCTLe-Q" />
    <input value="18081" 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">
      56 sur 56 produits
    </p>
  </div>
</div>

</template></turbo-stream>