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

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/chili-sin-carne-bio-320-g-17320">
          <img alt="Chili sin Carne Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8088/file/small-9d791341ee99ddf530bd22a4f449657c.webp 600w, https://assets.fabulous.ch/public/variant_asset/8088/file/medium-28c9534373a02115c0f0681308748ac8.webp 900w, https://assets.fabulous.ch/public/variant_asset/8088/file/large-efcffca79fc8dba6ed49156ec623971b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8088/file/medium-28c9534373a02115c0f0681308748ac8.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 cow</p>
          <a href="/fr/products/chili-sin-carne-bio-320-g-17320">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chili sin Carne Bio, 320 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="x-M35FtJrUIqQSTmfb0LHXnfv2PuR2mSnXZmea2SOcFKYbe76CmYOPPrll21zjr9yBQZorIhjPC0no7HJ_GWkw" />
    <input value="17320" 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/tofu-soie-choco-bio-250-g-17332">
          <img alt="Tofu Soie Choco Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8090/file/small-e9f28d2ee145ad1eaad4a35b1fc3c448.webp 600w, https://assets.fabulous.ch/public/variant_asset/8090/file/medium-fef7f494a571bc2d84cebd32bca134c3.webp 900w, https://assets.fabulous.ch/public/variant_asset/8090/file/large-f4510fd38f22dfb3a66c26a5fe86810a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8090/file/medium-fef7f494a571bc2d84cebd32bca134c3.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/tofu-soie-choco-bio-250-g-17332">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tofu Soie Choco Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.05
            </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 1.62 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RTjghfOnZwCYYfUG_YnMTipqotHRwp901GPeAGTHWzjIumDaQMdSekHLR701-v2um6EEEI2kehb9iza-7qT0ag" />
    <input value="17332" 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/melange-de-poudre-de-cacao-cru-bio-500-g-17347">
          <img alt="Mélange de Poudre de Cacao Cru Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8091/file/small-c696c97f67f8fa77b39d67c61cd4f64a.webp 600w, https://assets.fabulous.ch/public/variant_asset/8091/file/medium-70abf8863378d11230fb20d0095a8124.webp 900w, https://assets.fabulous.ch/public/variant_asset/8091/file/large-1a0366de1749538c481eef225764701d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8091/file/medium-70abf8863378d11230fb20d0095a8124.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">GoodMoodFood</p>
          <a href="/fr/products/melange-de-poudre-de-cacao-cru-bio-500-g-17347">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mélange de Poudre de Cacao Cru Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 28.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="41NySBvx0xRW7j0L04KpjFulShXVEtGYFCYww8WRTj9u0fIXqJHmbo9Ej7Ab8Zhs6m7s1Il0NPo9zth9T_LhbQ" />
    <input value="17347" 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/puree-de-noisettes-croquante-bio-250-g-17352">
          <img alt="Purée de noisettes croquante Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8092/file/small-7b83fcaf5a642caf0cf82dd2f152a9eb.webp 600w, https://assets.fabulous.ch/public/variant_asset/8092/file/medium-b578bea56d5a4817c5802e94e0c299b9.webp 900w, https://assets.fabulous.ch/public/variant_asset/8092/file/large-872d185429a68e6f2e683db8d2064231.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8092/file/medium-b578bea56d5a4817c5802e94e0c299b9.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/puree-de-noisettes-croquante-bio-250-g-17352">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Purée de noisettes croquante Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.75
            </p>

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

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/lapins-a-la-carotte-a-l-epeautre-complet-bio-125-g-17354">
          <img alt="Lapins à la carotte à l’épeautre complet Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8096/file/small-0dcd782d52e879962d04abc4d971849c.webp 600w, https://assets.fabulous.ch/public/variant_asset/8096/file/medium-e1adf0a51255586f97a49d3bc0593148.webp 900w, https://assets.fabulous.ch/public/variant_asset/8096/file/large-d904613e390a90ce47edb66414c4bcd7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8096/file/medium-e1adf0a51255586f97a49d3bc0593148.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">Werz</p>
          <a href="/fr/products/lapins-a-la-carotte-a-l-epeautre-complet-bio-125-g-17354">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lapins à la carotte à l’épeautre complet Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 3.95</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.15</span>
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="d_SZbkceIEXBAJV-N0jbmciuVUObmV1T9ZEcgpwSPfb6dhkx9H4VPxiqJ8X_O-p5eWXzgsf_uDHcefQ8FnGSpA" />
    <input value="17354" 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/tartelettes-a-l-epeautre-complet-100-complet-bio-115-g-17355">
          <img alt="Tartelettes à l’épeautre complet 100 % complet Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8094/file/small-ec8111a3561a3314ddf63af680bbd9b2.webp 600w, https://assets.fabulous.ch/public/variant_asset/8094/file/medium-3ab7c0bf705c54b232b925548c59d195.webp 900w, https://assets.fabulous.ch/public/variant_asset/8094/file/large-09f30dee6f246501fef4dcf0958a1bd0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8094/file/medium-3ab7c0bf705c54b232b925548c59d195.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">Werz</p>
          <a href="/fr/products/tartelettes-a-l-epeautre-complet-100-complet-bio-115-g-17355">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tartelettes à l’épeautre complet 100 % complet Bio, 115 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.57 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7xobsiT09aGe-dtDBcmABtKvSVLPuZ6rs2Il96_J_6FimJvtl5TA20dTafjNurHmY2Tvk5Pfe8mais1JJapQ8w" />
    <input value="17355" 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/tartelettes-4-cereales-100-completes-bio-125-g-17356">
          <img alt="Tartelettes 4 céréales 100 % complètes Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8095/file/small-950c6c35918c3e091e26c88068b1093b.webp 600w, https://assets.fabulous.ch/public/variant_asset/8095/file/medium-0c37650c42dc8a72b3f527878c1b5eea.webp 900w, https://assets.fabulous.ch/public/variant_asset/8095/file/large-7fa8c8892dddad4a99f81d6bb06f651c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8095/file/medium-0c37650c42dc8a72b3f527878c1b5eea.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">Werz</p>
          <a href="/fr/products/tartelettes-4-cereales-100-completes-bio-125-g-17356">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tartelettes 4 céréales 100 % complètes Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="h4jRvbW9LblTX0D__UrHLTXQvP4TGbyJ1Nn8Nv8G6RgKClHiBt0Yw4r18kQ1OfbNhBsaP09_Wev9MRSIdWVGSg" />
    <input value="17356" 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/sirop-de-fleurs-de-sureau-bio-500-ml-17357">
          <img alt="Sirop de fleurs de sureau Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8097/file/small-2f6bfdbadbe0e70e14c1ff83a3c38b1f.webp 600w, https://assets.fabulous.ch/public/variant_asset/8097/file/medium-6cda35af64ba6016befd78d867df8b48.webp 900w, https://assets.fabulous.ch/public/variant_asset/8097/file/large-fcf3b778e0cc8672d83bfd539f8e299b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8097/file/medium-6cda35af64ba6016befd78d867df8b48.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">Sonnentor</p>
          <a href="/fr/products/sirop-de-fleurs-de-sureau-bio-500-ml-17357">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sirop de fleurs de sureau Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oYj6Txgk89PXiuYVvFzQdS8FoIvWdV1cESz2V5pJOCIsCnoQq0TGqQ4gVK50L-GVns4GSooTuD44xB7pECqXcA" />
    <input value="17357" 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/sirop-de-framboise-bio-500-ml-17358">
          <img alt="Sirop de framboise Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8098/file/small-5694a7e6c8b1bae49ca0aae83514fb29.webp 600w, https://assets.fabulous.ch/public/variant_asset/8098/file/medium-4e4b403357b821c94913e4ed7bb655a9.webp 900w, https://assets.fabulous.ch/public/variant_asset/8098/file/large-a32db9181543d3d6fc1f222d7ef1d656.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8098/file/medium-4e4b403357b821c94913e4ed7bb655a9.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">Sonnentor</p>
          <a href="/fr/products/sirop-de-framboise-bio-500-ml-17358">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sirop de framboise Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hqms3idTaJCbnjoglqCv-N5exJ3NVBRSIRQFhJTbjMELKyyBlDNd6kI0iJte054Yb5ViXJEy8TAI_O06Hrgjkw" />
    <input value="17358" 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/sirop-wilde-lilli-bio-500-ml-17359">
          <img alt="Sirop Wilde Lilli Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8099/file/small-e07dd359e6ad1c40ff12b2ca314cf6dc.webp 600w, https://assets.fabulous.ch/public/variant_asset/8099/file/medium-5e20e7ee152bc60f5db34d06a84db4af.webp 900w, https://assets.fabulous.ch/public/variant_asset/8099/file/large-4a8afa83d7d5708990d4da749167080e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8099/file/medium-5e20e7ee152bc60f5db34d06a84db4af.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">Sonnentor</p>
          <a href="/fr/products/sirop-wilde-lilli-bio-500-ml-17359">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sirop Wilde Lilli Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="p2uh5PkqkaS1Mxk_TdxaBDWkvCPdAPiWPNjcdyZf5pUq6SG7Skqk3myZq4SFr2vkhG8a4oFmHfQVMDTJrDxJxw" />
    <input value="17359" 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/tempeh-au-soja-indian-masala-bio-200-g-17374">
          <img alt="Tempeh au soja Indian Masala Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8101/file/small-9ffe5d3d4f438268ade96a0260ca97dd.webp 600w, https://assets.fabulous.ch/public/variant_asset/8101/file/medium-8c9568a7b5e28ee0c197a212f2521619.webp 900w, https://assets.fabulous.ch/public/variant_asset/8101/file/large-a5f62cc5acd9d17b24dcf5e1a24c49fe.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8101/file/medium-8c9568a7b5e28ee0c197a212f2521619.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">Tempeh bagus</p>
          <a href="/fr/products/tempeh-au-soja-indian-masala-bio-200-g-17374">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tempeh au soja Indian Masala Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XKlXQ7BQ43n9cDe11Jnnyxu1E0wgFyOCuqWwBJ2I2anRK9ccAzDWAyTahQ4c6tYrqn61jXxxxuCTTVi6F-t2-w" />
    <input value="17374" 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/tempeh-au-soja-mediterraneen-bio-200-g-17375">
          <img alt="Tempeh au soja Méditerranéen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8102/file/small-58fb6c5402437ab13fbf4c0074712bf4.webp 600w, https://assets.fabulous.ch/public/variant_asset/8102/file/medium-ff6d451c6571c9095b1d1ab254eed639.webp 900w, https://assets.fabulous.ch/public/variant_asset/8102/file/large-250bf52cf2cb4813312922238a590895.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8102/file/medium-ff6d451c6571c9095b1d1ab254eed639.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">Tempeh bagus</p>
          <a href="/fr/products/tempeh-au-soja-mediterraneen-bio-200-g-17375">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tempeh au soja Méditerranéen Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mPOEU0bHJl19Xu1-jR2Bpva4QUAI5L_8V7Wweq44TfUVcQQM9acTJ6T0X8VFbrBGR3PngVSCWp5-XVjEJFvipw" />
    <input value="17375" 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/tempeh-au-soja-poivre-bio-200-g-17376">
          <img alt="Tempeh au Soja Poivre Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8104/file/small-d45efdf77eda62591cd1271523b9bb7c.webp 600w, https://assets.fabulous.ch/public/variant_asset/8104/file/medium-23a87cd9294de5f8e7b60dc310193744.webp 900w, https://assets.fabulous.ch/public/variant_asset/8104/file/large-e6a885f9e91280587200126680ebb96a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8104/file/medium-23a87cd9294de5f8e7b60dc310193744.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">Tempeh bagus</p>
          <a href="/fr/products/tempeh-au-soja-poivre-bio-200-g-17376">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tempeh au Soja Poivre Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rNWHhmagySjCPsBdHMsAMBxeDUsIt9Lm2CMtZRtxFHYhVwfZ1cD8UhuUcubUuDHQrZWrilTRN4Txy8XbkRK7JA" />
    <input value="17376" 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/tempeh-au-soja-nature-pasteurise-bio-200-g-17377">
          <img alt="Tempeh au soja Nature pasteurisé Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8103/file/small-5b55089590ad664b632c2c7b80c6896f.webp 600w, https://assets.fabulous.ch/public/variant_asset/8103/file/medium-b9adb8610aeb56f5b0c8a90a43e341c6.webp 900w, https://assets.fabulous.ch/public/variant_asset/8103/file/large-72703d7ad2951da4787a005138634aec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8103/file/medium-b9adb8610aeb56f5b0c8a90a43e341c6.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">Tempeh bagus</p>
          <a href="/fr/products/tempeh-au-soja-nature-pasteurise-bio-200-g-17377">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tempeh au soja Nature pasteurisé Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kK8dWsw2gk_d_RhqyE5dhNH5nhPy24K0nlrTqvwnmL8dLZ0Ff1a3NQRXqtEAPWxkYDI40q69Z9a3sjsUdkQ37Q" />
    <input value="17377" 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/tempeh-au-soja-fume-pasteurise-bio-150-g-17378">
          <img alt="Tempeh au soja fumé pasteurisé Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8105/file/small-da209042bcec063e44ef4bbb0503fada.webp 600w, https://assets.fabulous.ch/public/variant_asset/8105/file/medium-b96aff1175a82747e12e877fa05c67a0.webp 900w, https://assets.fabulous.ch/public/variant_asset/8105/file/large-bfc84ea56129ede8a8550a3dc4fe8cad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8105/file/medium-b96aff1175a82747e12e877fa05c67a0.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">Tempeh bagus</p>
          <a href="/fr/products/tempeh-au-soja-fume-pasteurise-bio-150-g-17378">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tempeh au soja fumé pasteurisé Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ougnwd7K8iAb6-WOctQJbOxD7oLrEYsr4hdCm_2UencvaqeebarHWsJBVzW6pziMXYhIQ7d3bknL_6old_fVJQ" />
    <input value="17378" 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/tempeh-aux-lupins-nature-pasteurise-bio-200-g-17379">
          <img alt="Tempeh aux lupins Nature pasteurisé Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8106/file/small-1338e67b9c1a770d4186bed5548b1a37.webp 600w, https://assets.fabulous.ch/public/variant_asset/8106/file/medium-3001af0ebaee4216cea3e5a8b48e60ed.webp 900w, https://assets.fabulous.ch/public/variant_asset/8106/file/large-e16ff67bf5e06a09b0e884ae9ee11eb8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8106/file/medium-3001af0ebaee4216cea3e5a8b48e60ed.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">Tempeh bagus</p>
          <a href="/fr/products/tempeh-aux-lupins-nature-pasteurise-bio-200-g-17379">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tempeh aux lupins Nature pasteurisé Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rFSMuueAAGJqwWvRFjUeTJKJ-6lLTblyCLgKd8kMlvUh1gzlVOA1GLNr2WreRi-sI0JdaBcrXBAhUOLJQ285pw" />
    <input value="17379" 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/tablette-de-chocolat-aux-dattes-white-pistachio-bio-90-g-17384">
          <img alt="Tablette de Chocolat aux Dattes White Pistachio Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8107/file/small-fd50c187a24cec95abc1f0ec46e93f54.webp 600w, https://assets.fabulous.ch/public/variant_asset/8107/file/medium-53612511b2a63fff27a7b562830d380a.webp 900w, https://assets.fabulous.ch/public/variant_asset/8107/file/large-98f7431e1b2ec6de5746590c108eb400.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8107/file/medium-53612511b2a63fff27a7b562830d380a.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">BioeCacao</p>
          <a href="/fr/products/tablette-de-chocolat-aux-dattes-white-pistachio-bio-90-g-17384">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tablette de Chocolat aux Dattes White Pistachio Bio, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.25
            </p>

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

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/creme-de-pistache-bio-250-g-17385">
          <img alt="Crème de Pistache Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8108/file/small-278e38bc1daec6262a64ec17ba6ca744.webp 600w, https://assets.fabulous.ch/public/variant_asset/8108/file/medium-59422d53516ca4baa5fc166c8e21d54d.webp 900w, https://assets.fabulous.ch/public/variant_asset/8108/file/large-728c7e12a80b171b51f045a777ae1382.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8108/file/medium-59422d53516ca4baa5fc166c8e21d54d.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/creme-de-pistache-bio-250-g-17385">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Crème de Pistache Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.75
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="61UGeK00EdsCWkEs4cGMY0Ezhslwf_h-BCVwc-esJ6tm14YnHlQkodvw85cpsr2D8PggCCwZHRwtzZjNbc-I-Q" />
    <input value="17385" 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/tofu-au-colza-et-chia-suisse-bio-250-g-17388">
          <img alt="Tofu au Colza et Chia Suisse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8110/file/small-26b537e9e485d3310b42207446c4f774.webp 600w, https://assets.fabulous.ch/public/variant_asset/8110/file/medium-8e3fd03e2d2c5ccff9e167d7f7de61cc.webp 900w, https://assets.fabulous.ch/public/variant_asset/8110/file/large-1409f45950bf79e436e6eef8a1b7777c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8110/file/medium-8e3fd03e2d2c5ccff9e167d7f7de61cc.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">Futur</p>
          <a href="/fr/products/tofu-au-colza-et-chia-suisse-bio-250-g-17388">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tofu au Colza et Chia Suisse Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.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.60 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Xna1thhLTDk6er6XzHpKD_8-_LIJ8yLbonz1rrFoiuvT9DXpqyt5Q-PQDCwECXvvTvVac1WVx7mLlB0QOwsluQ" />
    <input value="17388" 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/tofu-marine-suisse-bio-250-g-17389">
          <img alt="Tofu mariné Suisse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8111/file/small-af69e07baa7d4513b6eeb874cda506f2.webp 600w, https://assets.fabulous.ch/public/variant_asset/8111/file/medium-fa09592d2dca655a3c7f37e290fd8761.webp 900w, https://assets.fabulous.ch/public/variant_asset/8111/file/large-3564ec085fb8618da95bc92a70448cfe.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8111/file/medium-fa09592d2dca655a3c7f37e290fd8761.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">Futur</p>
          <a href="/fr/products/tofu-marine-suisse-bio-250-g-17389">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tofu mariné Suisse Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.65
            </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.26 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0itNxMBSMSLQp9Z-S2aJNJjsLacnTWe-wPfiacrPXKRfqc2bczIEWAkNZMWDFbjUKSeLZnsrgtzpHwrXQKzz9g" />
    <input value="17389" 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;040 sur 3&#39;171 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/sonett?format=turbo_stream&amp;page=153">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>