<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/burger-veggie-kraftkorn-quinoa-180-g-17563">
          <img alt="Burger Veggie-KraftKorn Quinoa" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8192/file/small-ce20c5e5dc03dc9248315b82e7fcf946.webp 600w, https://assets.fabulous.ch/public/variant_asset/8192/file/medium-5f856b053fddec9fa179c58e69bf81cb.webp 900w, https://assets.fabulous.ch/public/variant_asset/8192/file/large-370734b9870e6a6df4c59a7670a31a59.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8192/file/medium-5f856b053fddec9fa179c58e69bf81cb.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">Soyana</p>
          <a href="/fr/products/burger-veggie-kraftkorn-quinoa-180-g-17563">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Burger Veggie-KraftKorn Quinoa, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

              <div class="size-8 text-blue-300" title="Réfrigération nécessaire">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.50 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fTN_FB8S0W0tUjrPtLgvu25dODNwEcNK75V1RSxS1L1ndlf4qh0CWbZyJukn7AoV0z408xwMEv2blbIcYKUH-A" />
    <input value="17563" 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/raisins-secs-bio-500-g-5105db55-f90a-4bf5-8a27-93799ca40806-17601">
          <img alt="Raisins secs Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8209/file/small-49df26b1c2d92024c994e0881a91ae00.webp 600w, https://assets.fabulous.ch/public/variant_asset/8209/file/medium-627e773f52be34222a498877c06164ea.webp 900w, https://assets.fabulous.ch/public/variant_asset/8209/file/large-bfc753d5dc739d5a52f168e078d18e4c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8209/file/medium-627e773f52be34222a498877c06164ea.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/raisins-secs-bio-500-g-5105db55-f90a-4bf5-8a27-93799ca40806-17601">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Raisins secs Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.75
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LCGhC5c3lM4rxDPos7noE4d_oapwZikzrJTbmZCXAqc2ZInnIjhH-rDkL84g7c29Ohytahx7-ITYlBzA3GDR4g" />
    <input value="17601" 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/sultanines-claires-bio-12-5-kg-17602">
          <img alt="Sultanines claires Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8210/file/small-1a4a31bb7ad6e53c3014a994fee5763c.webp 600w, https://assets.fabulous.ch/public/variant_asset/8210/file/medium-66120260445774d31144a961021315be.webp 900w, https://assets.fabulous.ch/public/variant_asset/8210/file/large-fc4c14f3beae75e1151ad56ca5843718.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8210/file/medium-66120260445774d31144a961021315be.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">Bio Grosshandel</p>
          <a href="/fr/products/sultanines-claires-bio-12-5-kg-17602">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sultanines claires Bio, 12.5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 108.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="W4JwsM5MFVdr0Lkp56UeBa2gNEHJ8OkMrKpnmWliNcJBx1hce0PGY_DwpQ908TurEMM4gaXtOLvYqqDAJZXmhw" />
    <input value="17602" 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/lessive-liquide-aux-olives-20-40-c-laine-soie-sans-parfum-10-l-17721">
          <img alt="Lessive liquide aux olives 20°-40° C Laine/Soie (sans parfum)" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8615/file/small-543ed0b1ce78b40ec24b4d4fd537933e.webp 600w, https://assets.fabulous.ch/public/variant_asset/8615/file/medium-35a73ec9f0f41714804894e66923047f.webp 900w, https://assets.fabulous.ch/public/variant_asset/8615/file/large-1c47829012998b46d30a3a76f869eb0e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8615/file/medium-35a73ec9f0f41714804894e66923047f.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">Sonett</p>
          <a href="/fr/products/lessive-liquide-aux-olives-20-40-c-laine-soie-sans-parfum-10-l-17721">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lessive liquide aux olives 20°-40° C Laine/Soie (sans parfum), 10 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 83.15
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/chien-green-crunch-vege-croquettes-4-kg-17722">
          <img alt="Chien Green Crunch Végé Croquettes" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8624/file/small-13b82cb6f6eca94d8310e5cda8d56a14.webp 600w, https://assets.fabulous.ch/public/variant_asset/8624/file/medium-716c3cb12b828691a04f54c3cc5b84a2.webp 900w, https://assets.fabulous.ch/public/variant_asset/8624/file/large-69235329fb6b76320fc7696337711c6d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8624/file/medium-716c3cb12b828691a04f54c3cc5b84a2.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">VEGDOG</p>
          <a href="/fr/products/chien-green-crunch-vege-croquettes-4-kg-17722">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chien Green Crunch Végé Croquettes, 4 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 38.50
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/chien-green-crunch-vege-croquettes-10-kg-17723">
          <img alt="Chien Green Crunch Végé Croquettes" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8627/file/small-523a674a602c2e9d9b88dbe8d75fea21.webp 600w, https://assets.fabulous.ch/public/variant_asset/8627/file/medium-ef4f82ea5f7999ab367ac66008bd6b77.webp 900w, https://assets.fabulous.ch/public/variant_asset/8627/file/large-1b7c8f568969112ab489e640e897e7ff.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8627/file/medium-ef4f82ea5f7999ab367ac66008bd6b77.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">VEGDOG</p>
          <a href="/fr/products/chien-green-crunch-vege-croquettes-10-kg-17723">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chien Green Crunch Végé Croquettes, 10 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 79.50
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/chien-simply-crunch-vege-croquettes-5-kg-17724">
          <img alt="Chien Simply Crunch Végé Croquettes" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8630/file/small-39281291f1ceb1ca684118fe1f58ba47.webp 600w, https://assets.fabulous.ch/public/variant_asset/8630/file/medium-96cf7c8cbab3af7101942e712bf8b997.webp 900w, https://assets.fabulous.ch/public/variant_asset/8630/file/large-7ec7ee7fc34baa159e90373c60d1030e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8630/file/medium-96cf7c8cbab3af7101942e712bf8b997.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">VEGDOG</p>
          <a href="/fr/products/chien-simply-crunch-vege-croquettes-5-kg-17724">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chien Simply Crunch Végé Croquettes, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 31.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NpIH_ARjZy80Ua32-z_wJeVtJFlQairUrZuxV5g8I3Qs1y8QsWy0G69xsdBoa9WLWA4omTx3-2PZm3YO1MvwMQ" />
    <input value="17724" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/chien-simply-crunch-vege-croquettes-10-kg-17725">
          <img alt="Chien Simply Crunch Végé Croquettes" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8633/file/small-4a2bfac7b4de806c7a2108166936d7dc.webp 600w, https://assets.fabulous.ch/public/variant_asset/8633/file/medium-adb8868af918b6fa893a2584172183be.webp 900w, https://assets.fabulous.ch/public/variant_asset/8633/file/large-7b9d38917e77140204b25379b5d5cd47.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8633/file/medium-adb8868af918b6fa893a2584172183be.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">VEGDOG</p>
          <a href="/fr/products/chien-simply-crunch-vege-croquettes-10-kg-17725">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chien Simply Crunch Végé Croquettes, 10 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 55.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ujWs1-IrPK5MArxeJQK8SPVwUKSJ2roIQNF977BDRcigcIQ7VyTvmtcioHi2VpnmSBNcZOXHa7800bq2_LSWjQ" />
    <input value="17725" 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-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Épuisé
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/nourriture-adult-humide-lentilles-millet-800-g-17726">
          <img alt="Nourriture Adult Humide Lentilles &amp; Millet" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8636/file/small-3d3922dfd6ca2957144d4810f5c2dbbf.webp 600w, https://assets.fabulous.ch/public/variant_asset/8636/file/medium-8c2a1f436930d52abbe0de3f910be6d4.webp 900w, https://assets.fabulous.ch/public/variant_asset/8636/file/large-99877737dabd76f06ef135593542ce85.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8636/file/medium-8c2a1f436930d52abbe0de3f910be6d4.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">VEGDOG</p>
          <a href="/fr/products/nourriture-adult-humide-lentilles-millet-800-g-17726">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nourriture Adult Humide Lentilles &amp; Millet, 800 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.20
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-17726-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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/nourriture-humide-senior-pois-millet-800-g-17727">
          <img alt="Nourriture Humide Senior Pois &amp; Millet" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8638/file/small-5a2443f9acf250df78c02d5e064768f6.webp 600w, https://assets.fabulous.ch/public/variant_asset/8638/file/medium-61df6d30c758a63d8c5b1cfc5c854d0f.webp 900w, https://assets.fabulous.ch/public/variant_asset/8638/file/large-125c87f5c35ac761d16b5d1192415ceb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8638/file/medium-61df6d30c758a63d8c5b1cfc5c854d0f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">VEGDOG</p>
          <a href="/fr/products/nourriture-humide-senior-pois-millet-800-g-17727">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nourriture Humide Senior Pois &amp; Millet, 800 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.20
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/nourriture-humide-sensitive-proteine-de-lupin-800-g-17728">
          <img alt="Nourriture Humide Sensitive Protéine de Lupin" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8640/file/small-73cb8b347355a73eafbd501e6e87c5c0.webp 600w, https://assets.fabulous.ch/public/variant_asset/8640/file/medium-d0f8bd7a6851022706098d1f03012837.webp 900w, https://assets.fabulous.ch/public/variant_asset/8640/file/large-55bbaa601bb61ad0eddfd03c619ff448.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8640/file/medium-d0f8bd7a6851022706098d1f03012837.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">VEGDOG</p>
          <a href="/fr/products/nourriture-humide-sensitive-proteine-de-lupin-800-g-17728">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nourriture Humide Sensitive Protéine de Lupin, 800 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.20
            </p>

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

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/texture-de-lentilles-1-kg-17731">
          <img alt="Texturé de Lentilles" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8646/file/small-3c1055f74a4fbea639ff9ae9641b8ed1.webp 600w, https://assets.fabulous.ch/public/variant_asset/8646/file/medium-b27b6ab649d7e5ab1c799234092bf882.webp 900w, https://assets.fabulous.ch/public/variant_asset/8646/file/large-8c5715b0cf013604d4e43ba50ae65eb0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8646/file/medium-b27b6ab649d7e5ab1c799234092bf882.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">Vantastic</p>
          <a href="/fr/products/texture-de-lentilles-1-kg-17731">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Texturé de Lentilles, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.50
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-17731-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">
    <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/gluten-de-ble-en-poudre-seitan-fix-750-g-17732">
          <img alt="Gluten de blé en poudre (Seitan Fix)" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8647/file/small-035a814bd98fea78c3678424da0e7d92.webp 600w, https://assets.fabulous.ch/public/variant_asset/8647/file/medium-96b7f64c0eb9df189adb94d7fa0dbb05.webp 900w, https://assets.fabulous.ch/public/variant_asset/8647/file/large-6247f9b01f48f5db86efad5279dd63a2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8647/file/medium-96b7f64c0eb9df189adb94d7fa0dbb05.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">Vantastic</p>
          <a href="/fr/products/gluten-de-ble-en-poudre-seitan-fix-750-g-17732">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gluten de blé en poudre (Seitan Fix), 750 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.95
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-17732-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">
    <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/granules-emince-soja-1500-g-17733">
          <img alt="Granules émincé Soja" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8648/file/small-9b37c6ab61311122e5b0581e353b3ef9.webp 600w, https://assets.fabulous.ch/public/variant_asset/8648/file/medium-3a4328e4c9739d303cfd82a361e0d950.webp 900w, https://assets.fabulous.ch/public/variant_asset/8648/file/large-39d616fc2d57f7e7fe15cf7f34cf277a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8648/file/medium-3a4328e4c9739d303cfd82a361e0d950.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">Vantastic</p>
          <a href="/fr/products/granules-emince-soja-1500-g-17733">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Granules émincé Soja, 1500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HtOUIgf1lMj-OTV0gQZsQuSrY58_rU8_0f8xyLy3ugQElrzOsvpH_GUZKVISUknsWchvX1Ownoil__aR8EBpQQ" />
    <input value="17733" 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-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/soja-medaillons-sans-gluten-800-g-17734">
          <img alt="Soja Medaillons" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8650/file/small-68d66e7eb6c8158721b4e1b4500caf48.webp 600w, https://assets.fabulous.ch/public/variant_asset/8650/file/medium-f4357d74cf9828df7f54c9cc5539d68d.webp 900w, https://assets.fabulous.ch/public/variant_asset/8650/file/large-94db3a01b319f02caa2141c911c42fb1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8650/file/medium-f4357d74cf9828df7f54c9cc5539d68d.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">Vantastic</p>
          <a href="/fr/products/soja-medaillons-sans-gluten-800-g-17734">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soja Medaillons, 800 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.95
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-17734-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">
    <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/soja-emince-sans-gluten-1-kg-17735">
          <img alt="Soja Emincé Sans Gluten" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8652/file/small-b707ac2a43c5d83039c93685bbb8d8c8.webp 600w, https://assets.fabulous.ch/public/variant_asset/8652/file/medium-8aa6f9ed6ef1a3f8aa2f0bca14799b74.webp 900w, https://assets.fabulous.ch/public/variant_asset/8652/file/large-be6c471145c35b57f218afa8a8d5022f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8652/file/medium-8aa6f9ed6ef1a3f8aa2f0bca14799b74.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">Vantastic</p>
          <a href="/fr/products/soja-emince-sans-gluten-1-kg-17735">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soja Emincé Sans Gluten, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.50
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-17735-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">
    <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/soja-medaillons-big-500-g-17736">
          <img alt="Soja Medaillons BIG" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8653/file/small-28b98198f8581a4edc7af7e6c1f985d9.webp 600w, https://assets.fabulous.ch/public/variant_asset/8653/file/medium-88ab6e85b22796c94a9441db3d6eda61.webp 900w, https://assets.fabulous.ch/public/variant_asset/8653/file/large-90c243fec85ba36eec3018018d0f0ce2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8653/file/medium-88ab6e85b22796c94a9441db3d6eda61.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">Vantastic</p>
          <a href="/fr/products/soja-medaillons-big-500-g-17736">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soja Medaillons BIG, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.50
            </p>

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

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/soja-en-morceaux-1500-g-17737">
          <img alt="Soja en Morceaux" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8656/file/small-92f16073e8b19ade3e6718c231996538.webp 600w, https://assets.fabulous.ch/public/variant_asset/8656/file/medium-43a4234b2a0db590bfbfbe21e9127a31.webp 900w, https://assets.fabulous.ch/public/variant_asset/8656/file/large-4e4b65ffc3a8b31dcabf9e575b75ca42.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8656/file/medium-43a4234b2a0db590bfbfbe21e9127a31.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">Vantastic</p>
          <a href="/fr/products/soja-en-morceaux-1500-g-17737">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soja en Morceaux, 1500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.50
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-17737-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">
    <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/granules-emince-soja-15-kg-17738">
          <img alt="Granules émincé Soja" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8658/file/small-15f0697dda1a25131d58f6704ccd5a68.webp 600w, https://assets.fabulous.ch/public/variant_asset/8658/file/medium-62862362a9cbe36b9d779b519a2f5978.webp 900w, https://assets.fabulous.ch/public/variant_asset/8658/file/large-e3971db511be6e88f5c5149089101b84.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8658/file/medium-62862362a9cbe36b9d779b519a2f5978.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">Vantastic</p>
          <a href="/fr/products/granules-emince-soja-15-kg-17738">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Granules émincé Soja, 15 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 120.00
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-17738-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">
    <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">
    80 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/sleep-support-sante-des-os-60-capsules-60-piece-date-limite-30-06-2026-17743">
          <img alt="Sleep Support « Santé des os » Supplement" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8806/file/small-45ede961c7640c635cba28b794c2f8c5.webp 600w, https://assets.fabulous.ch/public/variant_asset/8806/file/medium-ee66ce9a067e43eba77bc57fc6bc96b7.webp 900w, https://assets.fabulous.ch/public/variant_asset/8806/file/large-5a447a764b3511f9c4692856005713cb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8806/file/medium-ee66ce9a067e43eba77bc57fc6bc96b7.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/sleep-support-sante-des-os-60-capsules-60-piece-date-limite-30-06-2026-17743">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sleep Support « Santé des os » Supplement, 60 comprimés (Date limite 30.06.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 22.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 4.60</span>
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="303IXzY20tvHq0y6GEHCIq6wqkpxfBU5JMr6XFfWqZvFCOCzgzkB71yLUJyLFeeME9Omih1hxI5Qyj0FGyF63g" />
    <input value="17743" 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">
      3&#39;120 sur 3&#39;209 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/lecker-s?format=turbo_stream&amp;page=157">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>