<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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Ftierbedarf%3Fformat%3Dturbo_stream%26page%3D85">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/baies-d-aronia-bio-200-g-821">
          <img alt="Baies d&#39;Aronia Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/759/file/small-b9ff2df248e2d8d8f9f9f33a14ff495d.webp 600w, https://assets.fabulous.ch/public/variant_asset/759/file/medium-e44ecbe9829a7e74fbef4915d39566a5.webp 900w, https://assets.fabulous.ch/public/variant_asset/759/file/large-6f290b89899759e6533b488a6ffc5258.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/759/file/medium-e44ecbe9829a7e74fbef4915d39566a5.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Aronia</p>
          <a href="/fr/products/baies-d-aronia-bio-200-g-821">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Baies d&#39;Aronia Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.70
            </p>

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

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

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

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Ftierbedarf%3Fformat%3Dturbo_stream%26page%3D85">
    <i data-ph="heart" class="size-full"></i>
</a>
    <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/veg-1-multivitamin-cassis-90-tablets-pour-macher-90-piece-854">
          <img alt="Veg 1 Multivitamin Cassis" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/783/file/small-8b9d0543871f23f39af53a1b709aa22d.webp 600w, https://assets.fabulous.ch/public/variant_asset/783/file/medium-d212217a365ea17f616d0dafed42d755.webp 900w, https://assets.fabulous.ch/public/variant_asset/783/file/large-4b254b9aaa26e4d5ae63058f72b949ae.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/783/file/medium-d212217a365ea17f616d0dafed42d755.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">The Vegan Society</p>
          <a href="/fr/products/veg-1-multivitamin-cassis-90-tablets-pour-macher-90-piece-854">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Veg 1 Multivitamin Cassis, 90 comprimés à croquer</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.50
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Ftierbedarf%3Fformat%3Dturbo_stream%26page%3D85">
    <i data-ph="heart" class="size-full"></i>
</a>
    <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/veg-1-multivitamin-orange-90-tablets-pour-macher-90-piece-855">
          <img alt="Veg 1 Multivitamin Orange" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/784/file/small-ea3c75d1d9f897a1657a60dffcdb6e90.webp 600w, https://assets.fabulous.ch/public/variant_asset/784/file/medium-ef35b77f2783ef6bd93f7dfbcf2225c0.webp 900w, https://assets.fabulous.ch/public/variant_asset/784/file/large-89f330d43bf3b6245ba0fc3d63b2607f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/784/file/medium-ef35b77f2783ef6bd93f7dfbcf2225c0.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">The Vegan Society</p>
          <a href="/fr/products/veg-1-multivitamin-orange-90-tablets-pour-macher-90-piece-855">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Veg 1 Multivitamin Orange, 90 comprimés à croquer</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.50
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/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  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Ftierbedarf%3Fformat%3Dturbo_stream%26page%3D85">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/beurre-de-cacahuete-fin-terrasana-bio-250-g-856">
          <img alt="Beurre de cacahuète fin Terrasana Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/785/file/small-aa5399aa551979a773bcfc4cc23569a2.webp 600w, https://assets.fabulous.ch/public/variant_asset/785/file/medium-1167f74fd3c74c09fb476f7af7119b91.webp 900w, https://assets.fabulous.ch/public/variant_asset/785/file/large-477e9bd595677896021e4b5a435ad80e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/785/file/medium-1167f74fd3c74c09fb476f7af7119b91.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Terrasana</p>
          <a href="/fr/products/beurre-de-cacahuete-fin-terrasana-bio-250-g-856">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Beurre de cacahuète fin Terrasana Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pyawFxHDABEklievCcwMGN6RVxQIlkfoAsbw6i5Ai-XzwOmBXafhXAe_WkQZe1Frps5YkL98Fvf2IvFqNMz3WA" />
    <input value="856" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Ftierbedarf%3Fformat%3Dturbo_stream%26page%3D85">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/poudre-maca-bio-150-g-859">
          <img alt="Poudre Maca Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/789/file/small-19d8253aa066cd1d338bb47145e11f2d.webp 600w, https://assets.fabulous.ch/public/variant_asset/789/file/medium-6d36a2cd3df9bfe3396636ec1130d529.webp 900w, https://assets.fabulous.ch/public/variant_asset/789/file/large-93000626e299c47fecc9b05d1cb206e3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/789/file/medium-6d36a2cd3df9bfe3396636ec1130d529.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Raab</p>
          <a href="/fr/products/poudre-maca-bio-150-g-859">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Poudre Maca Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zYRmKaOS6OnQNgMwPt1EspewJ0p-d63SCXaWb7MkN_OZYj-_7_YJpPMfftsuahnB7-8ozsmd_M39kpfvqahLTg" />
    <input value="859" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Ftierbedarf%3Fformat%3Dturbo_stream%26page%3D85">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/baton-de-vanille-bourbon-bio-2-batons-2-piece-862">
          <img alt="Baton de Vanille Bourbon Bio, 2 bâtons" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/794/file/small-d34df3857f38bb304bf3988193b57821.webp 600w, https://assets.fabulous.ch/public/variant_asset/794/file/medium-fa5b99d9e394b3a616cc14dccc2b55fd.webp 900w, https://assets.fabulous.ch/public/variant_asset/794/file/large-2d52aad8f8db1d39048cff50cbe3ce61.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/794/file/medium-fa5b99d9e394b3a616cc14dccc2b55fd.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/fr/products/baton-de-vanille-bourbon-bio-2-batons-2-piece-862">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Baton de Vanille Bourbon Bio, 2 bâtons, 2 pièces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jAeMtv-vC7tB5hk2nerjYoDzbeOzfPHlAx0X9Nh2nrvY4dUgs8vq9mLPZN2NXb4R-KxiZwSWoPr3-RZ0wvriBg" />
    <input value="862" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Ftierbedarf%3Fformat%3Dturbo_stream%26page%3D85">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/snacks-pour-chien-multi-biscuits-vege-pour-chiens-bio-250-g-955">
          <img alt="Snacks pour chien, Multi Biscuits végé pour chiens Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/832/file/small-53ca8f14eb358a8725879838cfffc52a.webp 600w, https://assets.fabulous.ch/public/variant_asset/832/file/medium-53034c8aad254a1d51c5b1a1367b958b.webp 900w, https://assets.fabulous.ch/public/variant_asset/832/file/large-53526e8d96a96f935fcd0f59e41e3c9f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/832/file/medium-53034c8aad254a1d51c5b1a1367b958b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Yarrah</p>
          <a href="/fr/products/snacks-pour-chien-multi-biscuits-vege-pour-chiens-bio-250-g-955">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Snacks pour chien, Multi Biscuits végé pour chiens Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.25
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9UOiGy0pqN28WI04kk8By2OFBray3qBArcuJ8TiYnCihpfuNYU1JkJ9x8NOC-Fy4G9oJMgU08V9ZL4hxIhTglQ" />
    <input value="955" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Ftierbedarf%3Fformat%3Dturbo_stream%26page%3D85">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/aroma-airstick-batonnet-de-recharge-1-piece-959">
          <img alt="Aroma-Airstick, bâtonnet de recharge" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/837/file/small-dba33869b179cc9957983b1a49eee5f8.webp 600w, https://assets.fabulous.ch/public/variant_asset/837/file/medium-1ed11179cbf835e2b25a46687aed9816.webp 900w, https://assets.fabulous.ch/public/variant_asset/837/file/large-e5fea81778d0915ec5000101de7d9722.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/837/file/medium-1ed11179cbf835e2b25a46687aed9816.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">farfalla</p>
          <a href="/fr/products/aroma-airstick-batonnet-de-recharge-1-piece-959">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aroma-Airstick, bâtonnet de recharge, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VvgNuh7EqSXqz45sa22FcZG78ujj-qbiOGC-Ouq5A2gCHlQsUqBIaMnm84d72tgC6eT9bFQQ9_3MhL-68DV_1Q" />
    <input value="959" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Ftierbedarf%3Fformat%3Dturbo_stream%26page%3D85">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/vitamin-d3-vegetalien-spray-5-g-200iu-1-piece-960">
          <img alt="Vitamin D3 Végétalien Spray 5µg / 200iu" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8804/file/small-ba9a4468e1e96295421662ebab4357f7.webp 600w, https://assets.fabulous.ch/public/variant_asset/8804/file/medium-bd0cffe6c9f702c77eb2cec04379fa5e.webp 900w, https://assets.fabulous.ch/public/variant_asset/8804/file/large-f4a28fdf09165959f5bbdcea9ef73caa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8804/file/medium-bd0cffe6c9f702c77eb2cec04379fa5e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Vegetology</p>
          <a href="/fr/products/vitamin-d3-vegetalien-spray-5-g-200iu-1-piece-960">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vitamin D3 Végétalien Spray 5µg / 200iu, 50 portions</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.80
            </p>

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

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

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

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Ftierbedarf%3Fformat%3Dturbo_stream%26page%3D85">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/magnesite-magnesium-zinc-128-comprimes-128-piece-968">
          <img alt="Magnésite (Magnésium &amp; Zinc)" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/846/file/small-60d9e660ce5ca4b6b915e2eedeefc8de.webp 600w, https://assets.fabulous.ch/public/variant_asset/846/file/medium-cfe93bb540b9f116c8bff27875229e52.webp 900w, https://assets.fabulous.ch/public/variant_asset/846/file/large-18d692eca2db399d773d9b40a5e0d175.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/846/file/medium-cfe93bb540b9f116c8bff27875229e52.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">MORGA</p>
          <a href="/fr/products/magnesite-magnesium-zinc-128-comprimes-128-piece-968">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Magnésite (Magnésium &amp; Zinc), 128 comprimés</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 34.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SeXNAhePciadWHAtP8a8xC3tUDoGdFSNI54q04mUHAkdA5SUW-uTa75xDcYvceG3VbJfvrGeBZLXeitTkxhgtA" />
    <input value="968" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Ftierbedarf%3Fformat%3Dturbo_stream%26page%3D85">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/ami-cat-croquettes-vege-1-5-kg-976">
          <img alt="AMI Cat Croquettes Végé" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/857/file/small-57bdce35c520998476e4c8f5d1bba989.webp 600w, https://assets.fabulous.ch/public/variant_asset/857/file/medium-81bba7d05b89822ed28c95be34390e9c.webp 900w, https://assets.fabulous.ch/public/variant_asset/857/file/large-49a74a9a3cc341aadb2a3fa3b778be3c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/857/file/medium-81bba7d05b89822ed28c95be34390e9c.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">AMI</p>
          <a href="/fr/products/ami-cat-croquettes-vege-1-5-kg-976">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">AMI Cat Croquettes Végé, 1.5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Eq6Fq10w5V8VWUdJEOf628YoyEa-wHxJrp-JfoFrXutGSNw9EVQEEjZwOqIAUKeovnfHwgkqLVZae4j-m-ciVg" />
    <input value="976" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Ftierbedarf%3Fformat%3Dturbo_stream%26page%3D85">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/ami-cat-croquettes-vege-pour-chats-300-g-977">
          <img alt="AMI Cat Croquettes Végé pour chats" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/856/file/small-2a69f31724efea09ce2f4618c7bbc288.webp 600w, https://assets.fabulous.ch/public/variant_asset/856/file/medium-3ba690a27c9d8d061e4be9bdf718996b.webp 900w, https://assets.fabulous.ch/public/variant_asset/856/file/large-7f3f0ffd2da3040b58ec7eceb88893f6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/856/file/medium-3ba690a27c9d8d061e4be9bdf718996b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">AMI</p>
          <a href="/fr/products/ami-cat-croquettes-vege-pour-chats-300-g-977">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">AMI Cat Croquettes Végé pour chats, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

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

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Ftierbedarf%3Fformat%3Dturbo_stream%26page%3D85">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/ami-dog-croquettes-vege-3-kg-980">
          <img alt="Ami Dog Croquettes Végé" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/859/file/small-3686304d5dc6f1505fddbbb1fd68d490.webp 600w, https://assets.fabulous.ch/public/variant_asset/859/file/medium-a8a15ba958c6d951c0a90f4172213dcf.webp 900w, https://assets.fabulous.ch/public/variant_asset/859/file/large-64b5a29489018accdbadd08c2996692f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/859/file/medium-a8a15ba958c6d951c0a90f4172213dcf.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">AMI</p>
          <a href="/fr/products/ami-dog-croquettes-vege-3-kg-980">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ami Dog Croquettes Végé, 3 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AydjNdudA84rSlWUpbhcTN3ioxkLOlss06CmCfEUHtVXwTqjl_nigwhjKH-1DwE_pb2snbzQCjMnRKeJ65hiaA" />
    <input value="980" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Ftierbedarf%3Fformat%3Dturbo_stream%26page%3D85">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/pate-vegetal-curry-sesame-bio-125-g-1012">
          <img alt="Pâté végétal curry sésame Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/887/file/small-08d97158e003204aa64f35dbf921dc6c.webp 600w, https://assets.fabulous.ch/public/variant_asset/887/file/medium-398e66718508f29874d34e4175cc56d2.webp 900w, https://assets.fabulous.ch/public/variant_asset/887/file/large-62dc3998e57324fb36fa32cd2dd18382.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/887/file/medium-398e66718508f29874d34e4175cc56d2.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Pural</p>
          <a href="/fr/products/pate-vegetal-curry-sesame-bio-125-g-1012">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pâté végétal curry sésame Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Y_4L1ezFgM6mDN9pM7Je_g0p6X3HRhgIe_Ex3qGn3fw3GFJDoKFhg4UlooIjBQONdXbm-XCsSRePFTBeuyuhQQ" />
    <input value="1012" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Ftierbedarf%3Fformat%3Dturbo_stream%26page%3D85">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/pate-vegetal-pois-chiche-bio-125-g-1013">
          <img alt="Pâté végétal pois chiche Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/888/file/small-9afbd0aac6e8aba0dcc668a7f5c7be73.webp 600w, https://assets.fabulous.ch/public/variant_asset/888/file/medium-1137fd105935494cd504bb3e89c99c95.webp 900w, https://assets.fabulous.ch/public/variant_asset/888/file/large-1ab317a7b7befd62aba83d4f2930a836.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/888/file/medium-1137fd105935494cd504bb3e89c99c95.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Pural</p>
          <a href="/fr/products/pate-vegetal-pois-chiche-bio-125-g-1013">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pâté végétal pois chiche Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bG-VpoGzcF19T4HOMnjV4IAkijpWk8_Zx4172kEzRvw4icwwzdeREF5m_CUiz4iT-HuFvuF5nsYzaXpaW786QQ" />
    <input value="1013" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Ftierbedarf%3Fformat%3Dturbo_stream%26page%3D85">
    <i data-ph="heart" class="size-full"></i>
</a>
    

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

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

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pykvobX0kkvjeroAHL3WcE2GCqp1htdAWqqgAc0nA9vzz3Y3-ZBzBsBTx-sMCosDNdkFLsJshl-uTqGB16t_Zg" />
    <input value="1016" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Ftierbedarf%3Fformat%3Dturbo_stream%26page%3D85">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/ami-v-love-yellow-every-day-patee-vege-pour-chiens-400-g-1018">
          <img alt="Ami V-Love YELLOW Every Day Pâtée Végé pour chiens" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/892/file/small-06fcf0bc19f948661df027f5d79ee1ae.webp 600w, https://assets.fabulous.ch/public/variant_asset/892/file/medium-c8cf6533c6c688b136d67e3227b01420.webp 900w, https://assets.fabulous.ch/public/variant_asset/892/file/large-5cdcd83a25e409ed0c3f64dcaf0caa23.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/892/file/medium-c8cf6533c6c688b136d67e3227b01420.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">AMI</p>
          <a href="/fr/products/ami-v-love-yellow-every-day-patee-vege-pour-chiens-400-g-1018">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ami V-Love YELLOW Every Day Pâtée Végé pour chiens, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

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

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Ftierbedarf%3Fformat%3Dturbo_stream%26page%3D85">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/zest-de-citron-rape-sans-gluten-bio-9-g-1060">
          <img alt="Zest de Citron Râpé Sans Gluten Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/931/file/small-97abdee48e2a339b460b8872b14614a8.webp 600w, https://assets.fabulous.ch/public/variant_asset/931/file/medium-41ff5bbe660dcb55a997797e8d1288d5.webp 900w, https://assets.fabulous.ch/public/variant_asset/931/file/large-026d7d1fe20ad64b1fcb2aea270dba7f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/931/file/medium-41ff5bbe660dcb55a997797e8d1288d5.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">Biovegan</p>
          <a href="/fr/products/zest-de-citron-rape-sans-gluten-bio-9-g-1060">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zest de Citron Râpé Sans Gluten Bio, 9 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.65
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WLIFdTGQI72LkXtT2kY8qfuRng1Zkw748R746nS3ofgMVFzjffTC8Ki4BrjK8WHag86Rie55X-cF-vlqbjvdRQ" />
    <input value="1060" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Ftierbedarf%3Fformat%3Dturbo_stream%26page%3D85">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/vanille-bourbon-moulue-bio-5-g-1061">
          <img alt="Vanille Bourbon Moulue Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/933/file/small-4a703cffc36996e3116ff70da41a87fc.webp 600w, https://assets.fabulous.ch/public/variant_asset/933/file/medium-ddc42e5323d7af04707bf6d65b75cfc9.webp 900w, https://assets.fabulous.ch/public/variant_asset/933/file/large-44d76a7698b7e32194bc1923e092f20e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/933/file/medium-ddc42e5323d7af04707bf6d65b75cfc9.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">Biovegan</p>
          <a href="/fr/products/vanille-bourbon-moulue-bio-5-g-1061">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vanille Bourbon Moulue Bio, 5 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ViVD-u16Oa2eaVV_PUR5IwgDG7HKhf3GuSp7MfccpW0CwxpsoR7Y4L1AKJQt8yRQcFwUNX1vrNlNznqx7ZDZ0A" />
    <input value="1061" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Ftierbedarf%3Fformat%3Dturbo_stream%26page%3D85">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/concentre-de-tomate-22-en-tube-bio-200-g-1073">
          <img alt="Concentré de tomate 22 % en tube Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/945/file/small-7da296b0935ac085d29b0d47c133f81e.webp 600w, https://assets.fabulous.ch/public/variant_asset/945/file/medium-81ac1a94c87091a1fc15107b9010f4c5.webp 900w, https://assets.fabulous.ch/public/variant_asset/945/file/large-6f228d73d6ef00b499ed19964af98c16.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/945/file/medium-81ac1a94c87091a1fc15107b9010f4c5.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/fr/products/concentre-de-tomate-22-en-tube-bio-200-g-1073">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Concentré de tomate 22 % en tube Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="R6rXa181zKaXQ8ppQbqJOJYLZ35omcVZdKrR1lZXQXcTTI79E1Et67Rqt4JRDdRL7lRo-t9zlEaATtBWTNs9yg" />
    <input value="1073" 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">
      1&#39;700 sur 3&#39;288 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/tierbedarf?format=turbo_stream&amp;page=86">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>