<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/soyananda-nature-alternative-vegan-de-yoghurt-bio-400-g-17966">
          <img alt="Soyananda nature Alternative vegan de yoghurt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8905/file/small-4a5c5195e97b3a7ddc071e25b03c8af6.webp 600w, https://assets.fabulous.ch/public/variant_asset/8905/file/medium-67c2734754c5ff909254b96798651028.webp 900w, https://assets.fabulous.ch/public/variant_asset/8905/file/large-10c83611da84de471f7c0fce87064ab2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8905/file/medium-67c2734754c5ff909254b96798651028.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/soyananda-nature-alternative-vegan-de-yoghurt-bio-400-g-17966">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soyananda nature Alternative vegan de yoghurt Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </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 0.73 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fmqZJ1-OCej2lEACCa4HZGKvzUCV9OQxdBcyxUzACPnjYv_RyY8OvAPdlRAESqy9I4CHil5Y3Upb3vXpJFyhqA" />
    <input value="17966" 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/jus-de-citron-vert-100-pur-jus-bio-700-ml-15976">
          <img alt="Jus de citron vert 100 % pur jus Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7375/file/small-c0333d30f75a6546ba9e376d2a2d3f60.webp 600w, https://assets.fabulous.ch/public/variant_asset/7375/file/medium-818858928b5f9d30925a3f0eebc30bb1.webp 900w, https://assets.fabulous.ch/public/variant_asset/7375/file/large-d7c2cd047f073da0e918dcb68286ceac.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7375/file/medium-818858928b5f9d30925a3f0eebc30bb1.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">Beutelsbacher</p>
          <a href="/fr/products/jus-de-citron-vert-100-pur-jus-bio-700-ml-15976">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Jus de citron vert 100 % pur jus Bio, 700 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.55
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="50n05Smauzy6bQFOE4R5bF0kEytMWhkBeyqPZglNxGN6QZITv5u8aE8k1FweYNK1HAtZ4Yf2IHpU40hKYdFtMg" />
    <input value="15976" 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/boisson-swiss-cereal-drink-a-l-avoine-bio-1-l-4c94b5ab-c953-4b3f-9591-fff15fbe13b4-15157">
          <img alt="Boisson Swiss Cereal-Drink à l&#39;avoine Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6942/file/small-723735e920969979486fdb0abf887ca5.webp 600w, https://assets.fabulous.ch/public/variant_asset/6942/file/medium-add5e3be7ae215ab8ce8fd4d84d133e8.webp 900w, https://assets.fabulous.ch/public/variant_asset/6942/file/large-2e51c656682a5ca576d107a7de275a39.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6942/file/medium-add5e3be7ae215ab8ce8fd4d84d133e8.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/boisson-swiss-cereal-drink-a-l-avoine-bio-1-l-4c94b5ab-c953-4b3f-9591-fff15fbe13b4-15157">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Boisson Swiss Cereal-Drink à l&#39;avoine Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.45
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DRZTo6jwOnSgBuzXXBDdUlOs3ftJFby7xxERUIS4Og-QHjVVPvE9IFVPOcVR9HaLEoOXMYK5hcDo2NZ87CSTXg" />
    <input value="15157" 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/sel-regenerant-fin-1-kg-18013">
          <img alt="Sel Régénérant fin" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8935/file/small-8fbaf9d6f332bb598d41eb2e8a0fdbfb.webp 600w, https://assets.fabulous.ch/public/variant_asset/8935/file/medium-806526f5689b26db6c037cc37fdbb38c.webp 900w, https://assets.fabulous.ch/public/variant_asset/8935/file/large-dd23cb8dd78937fb53b77f602d93356e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8935/file/medium-806526f5689b26db6c037cc37fdbb38c.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">Reosal</p>
          <a href="/fr/products/sel-regenerant-fin-1-kg-18013">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sel Régénérant fin, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.75
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="885pFVwH3E7oCK6JS5SIv-ezet4rrPKxQcCWeeIRJgxuxg_jygbbGh1Be5tGcCNmppwwFOAAy8puCVFVio2PXQ" />
    <input value="18013" 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-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/tortilla-chips-paprika-bio-150-g-16259">
          <img alt="Tortilla Chips Paprika Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7489/file/small-1afee12b17b7c4e77a1f96b76da77f8e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7489/file/medium-f33fc7597168351bba79d53e1218cb99.webp 900w, https://assets.fabulous.ch/public/variant_asset/7489/file/large-1dd2eadf78b9332919fc2a9611b6961b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7489/file/medium-f33fc7597168351bba79d53e1218cb99.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">MiAdelita</p>
          <a href="/fr/products/tortilla-chips-paprika-bio-150-g-16259">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tortilla Chips Paprika Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JF4RnH29zA6eRDWmp6pQ5XqoQIQsPHM2-Hsx1FSMNwS5Vndq67zLWmsN4LSqTvs8O4cKTueQSk3Xsvb4PBCeVQ" />
    <input value="16259" 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/sucre-de-datte-bio-250-g-16877">
          <img alt="Sucre de Datte Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7874/file/small-87237bfcfecb25bdaffaa17ce6428788.webp 600w, https://assets.fabulous.ch/public/variant_asset/7874/file/medium-6bcb48f3d20f70e8c533544b8c78f79d.webp 900w, https://assets.fabulous.ch/public/variant_asset/7874/file/large-97400904cc7eb77b124348280f21ce7f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7874/file/medium-6bcb48f3d20f70e8c533544b8c78f79d.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/sucre-de-datte-bio-250-g-16877">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sucre de Datte Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tNZimF59Oeku8bXc929MVmmoxI3ZvHMZ-GpFbazy1u4p3gRuyHw-vdu4YM76i-ePKIeORxIQSmLXo4JBxG5_vw" />
    <input value="16877" 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-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/boisson-aux-3-noix-macadamia-amande-noisette-bio-1-l-16389">
          <img alt="Boisson aux 3 noix - Macadamia Amande Noisette Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7535/file/small-42a878750807aa6ec22c3af783b468b2.webp 600w, https://assets.fabulous.ch/public/variant_asset/7535/file/medium-9132000d18419974d8f765c15e7753a6.webp 900w, https://assets.fabulous.ch/public/variant_asset/7535/file/large-4d20d3637422962c1f188ab293dff1bf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7535/file/medium-9132000d18419974d8f765c15e7753a6.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">Allos</p>
          <a href="/fr/products/boisson-aux-3-noix-macadamia-amande-noisette-bio-1-l-16389">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Boisson aux 3 noix - Macadamia Amande Noisette Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XsfZPxifu4Ul3W8pkqKWU2Ngd8xGWR0dVyjnW_fsvI_Dz7_Jjp680dCUujufRj2KIk89Bo31JGZ44SB3n3AV3g" />
    <input value="16389" 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/yarrah-chien-croquettes-sans-cereales-vegan-bio-10-kg-17730">
          <img alt="Yarrah Chien Croquettes sans céréales Vegan Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8644/file/small-6c8c46999d89655149581b5fe998ae0f.webp 600w, https://assets.fabulous.ch/public/variant_asset/8644/file/medium-a3f6eb299a41649ff447ca9429799fe0.webp 900w, https://assets.fabulous.ch/public/variant_asset/8644/file/large-091c02431dba522e65a5ccd38dd18b9e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8644/file/medium-a3f6eb299a41649ff447ca9429799fe0.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Yarrah</p>
          <a href="/fr/products/yarrah-chien-croquettes-sans-cereales-vegan-bio-10-kg-17730">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Yarrah Chien Croquettes sans céréales Vegan Bio, 10 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 85.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hTEPrZ4tBCMRc9JLWWaIinYzz9cNq4kzQGqhj2XBNCIYOWlbCCwDd-Q6B1lUgiNTNxyFHcYHsEhvo2ajDV2dcw" />
    <input value="17730" 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/margarine-omega-3-tartinade-vegetale-bio-250-g-16533">
          <img alt="Margarine Oméga 3 Tartinade Végétale Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7624/file/small-cda0c770674701a877db832b4f23930f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7624/file/medium-5d516b6ada52cd3117071844b9b7417d.webp 900w, https://assets.fabulous.ch/public/variant_asset/7624/file/large-3c72c7561e9dcdbbd4f17c3984149826.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7624/file/medium-5d516b6ada52cd3117071844b9b7417d.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">Vitaquell</p>
          <a href="/fr/products/margarine-omega-3-tartinade-vegetale-bio-250-g-16533">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Margarine Oméga 3 Tartinade Végétale Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.55
            </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.22 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="V4S2xq1dUOcRe8scTHraDBQlM7mfH9zj9_5beEnGmJnKjNAwO1xXs-QyHg5BnnHVVQp5c1Sz5ZjYN5xUIVoxyA" />
    <input value="16533" 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/tofu-nature-bio-200-g-708fbef3-b4aa-4c5b-9705-9a006f21d94f-15935">
          <img alt="Tofu nature Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7329/file/small-8651a28eb2b90d446453a7069aa9b594.webp 600w, https://assets.fabulous.ch/public/variant_asset/7329/file/medium-75312d11d24e6b3d0f69f30696bca167.webp 900w, https://assets.fabulous.ch/public/variant_asset/7329/file/large-7953de4eb2c7091d8369ce3c9d3e6cbd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7329/file/medium-75312d11d24e6b3d0f69f30696bca167.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">Engel-Tofu</p>
          <a href="/fr/products/tofu-nature-bio-200-g-708fbef3-b4aa-4c5b-9705-9a006f21d94f-15935">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tofu nature Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </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.45 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HOTHXU8fZNT2qpSkxdmCDUxvl89p1lye-qm2VweSKJKB7KGr2R5jgAPjQbbIPSnUDUDdBaJ6ZeXVYHF7bw6Bww" />
    <input value="15935" 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/new-roots-la-cotta-thym-et-lavande-bio-130-g-12152">
          <img alt="New Roots La Cotta Thym et Lavande Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6145/file/small-16ae1a50e143b7b88e0704126cd2653e.webp 600w, https://assets.fabulous.ch/public/variant_asset/6145/file/medium-b09c56783c10b95cc6703dffc1dade71.webp 900w, https://assets.fabulous.ch/public/variant_asset/6145/file/large-7647f18d0f8797ccd7751d0c639ec66e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6145/file/medium-b09c56783c10b95cc6703dffc1dade71.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">New Roots</p>
          <a href="/fr/products/new-roots-la-cotta-thym-et-lavande-bio-130-g-12152">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">New Roots La Cotta Thym et Lavande Bio, 130 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.10
            </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 6.23 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KmFXJ-qW-N_6LEzORq9rXE9ZDAiZFTBPnek_ZoUUO_e3aTHRfJf_iw9lmdxLS8CFDnZGwlK5CTSyIPhK7YiSpg" />
    <input value="12152" 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/seitan-en-bloc-bio-200-g-112">
          <img alt="Seitan en bloc Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/122/file/small-b4620e93696d47e892f9a3200d3862ca.webp 600w, https://assets.fabulous.ch/public/variant_asset/122/file/medium-44c7ec719f499f8f1d9e20d416b8e51c.webp 900w, https://assets.fabulous.ch/public/variant_asset/122/file/large-b11ac0888626799f621ca57eba167cb2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/122/file/medium-44c7ec719f499f8f1d9e20d416b8e51c.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">Engel-Tofu</p>
          <a href="/fr/products/seitan-en-bloc-bio-200-g-112">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Seitan en bloc Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </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.85 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VV3c_HAz0iR6Ionlb7lAfxwDb4ae2IWMjBEjBC5WGi_IVboK5jLVcI9rXPdiXeumXSwlTFV0vPej2OQoRsqzfg" />
    <input value="112" 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-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/new-roots-soft-white-alternative-vegetalien-au-camembert-bio-120-g-5133">
          <img alt="New Roots Soft White Alternative Végétalien au Camembert Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3021/file/small-266d2ca5b53f511ce4d3f746e17fa28e.webp 600w, https://assets.fabulous.ch/public/variant_asset/3021/file/medium-eabf78cfb985671e7e7eb2451f761401.webp 900w, https://assets.fabulous.ch/public/variant_asset/3021/file/large-26d82f5680f960d0f71af7e3f1180a4c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3021/file/medium-eabf78cfb985671e7e7eb2451f761401.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">New Roots</p>
          <a href="/fr/products/new-roots-soft-white-alternative-vegetalien-au-camembert-bio-120-g-5133">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">New Roots Soft White Alternative Végétalien au Camembert Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.95
            </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 6.63 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xVhaGihbz9_P7chKDffYiKiHFp8U2h67gvOtyIFbXTNYUDzsvlrIizqkHVgAE3NR6ahcVd92J8CtOmrk6cf0Yg" />
    <input value="5133" 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/alternative-vegane-au-creme-aigre-a-base-d-amande-fermentee-bio-200-g-17331">
          <img alt="Alternative Végane au Crème Aigre à Base d’Amande Fermentée Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8089/file/small-6b2a66175e8a98275849e4702933c975.webp 600w, https://assets.fabulous.ch/public/variant_asset/8089/file/medium-633ad4e60af8bfdddf5aa323eab913b5.webp 900w, https://assets.fabulous.ch/public/variant_asset/8089/file/large-d6ccaf54b5801e3b71f13b1e10768a7e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8089/file/medium-633ad4e60af8bfdddf5aa323eab913b5.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/alternative-vegane-au-creme-aigre-a-base-d-amande-fermentee-bio-200-g-17331">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Alternative Végane au Crème Aigre à Base d’Amande Fermentée Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.00
            </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.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FjpCS55Zbb_hELGhPvxEErcsip53ApEl9Sr7evAAkmqLMiS9CFhq6xRZZLMzGO_L9gPAVLyuqF7a4zxWmJw7Ow" />
    <input value="17331" 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-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/ginger-beer-bio-6-x-330-ml-17818">
          <img alt="Ginger Beer Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8824/file/small-5fa1c3f19fe52563bed220ce11387592.webp 600w, https://assets.fabulous.ch/public/variant_asset/8824/file/medium-9e477d76578a91c6c47f03485863cf4d.webp 900w, https://assets.fabulous.ch/public/variant_asset/8824/file/large-f35a4a189923b611a5ad72f4a96b2ec4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8824/file/medium-9e477d76578a91c6c47f03485863cf4d.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">Super Natural Club</p>
          <a href="/fr/products/ginger-beer-bio-6-x-330-ml-17818">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ginger Beer Bio, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6Kz90EAPEKLn_Iuk6J2LikhHLPhXAKG1oHPWQIiWcTp1pJsm1g4X9hK1XrbleSBTCWhmMpysmM6PuhFs4ArYaw" />
    <input value="17818" 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/filona-creme-fraiche-nature-bio-150-g-15103">
          <img alt="Filona crème fraîche nature Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6925/file/small-220e1d088572541a9138f2db62cd4853.webp 600w, https://assets.fabulous.ch/public/variant_asset/6925/file/medium-5975c46803ab0c5ea196adae4463e011.webp 900w, https://assets.fabulous.ch/public/variant_asset/6925/file/large-a92826f494d80db71f26f28f3bfa99d1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6925/file/medium-5975c46803ab0c5ea196adae4463e011.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">Züger</p>
          <a href="/fr/products/filona-creme-fraiche-nature-bio-150-g-15103">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Filona crème fraîche nature Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.80
            </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.87 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yeoktXpaKDyMKieMQgxIlofrGKm13Y5aC17RLA0gMVFU4kJD7FsvaHlj8p5P6ONPxsRSY35xtyEklxYAZbyYAA" />
    <input value="15103" 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="H0wvXRZtuPO9sqTLJPKahNt3tSC31XwMxGjY57BPPmiCREmrgGy_p0j7cdkpFjFdmlj_6nx5RXfroR_L2NOXOQ" />
    <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/mini-tablette-ombar-chocolat-creme-de-coco-bio-35-g-1165">
          <img alt="Mini Tablette Ombar Chocolat Crème de Coco Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1034/file/small-4284867a3dd2c47356a56ba2198d88d0.webp 600w, https://assets.fabulous.ch/public/variant_asset/1034/file/medium-80ddfadc34e4927f675dc7482deba45a.webp 900w, https://assets.fabulous.ch/public/variant_asset/1034/file/large-8c83b4f68fcf541a638bb38713d5b810.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1034/file/medium-80ddfadc34e4927f675dc7482deba45a.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">Ombar</p>
          <a href="/fr/products/mini-tablette-ombar-chocolat-creme-de-coco-bio-35-g-1165">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mini Tablette Ombar Chocolat Crème de Coco Bio, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="m_lt9p5g3RIA4pefN71ldJUDvOdvpeJL3ZlMJbzoqS4G8QsACGHaRvWrQo06Wc6t1Cz2LaQJ2zDyUIsJ1HQAfw" />
    <input value="1165" 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-ombar-centres-60-creme-de-pistache-bio-70-g-16596">
          <img alt="Tablette Ombar Centres 60% 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/7658/file/small-64dbc429085ca03042424d0c0bc4934c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7658/file/medium-cf37c07b80c4de104928d859639b09ab.webp 900w, https://assets.fabulous.ch/public/variant_asset/7658/file/large-f5a68e7903650b0f2a8206f78a177b47.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7658/file/medium-cf37c07b80c4de104928d859639b09ab.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">Ombar</p>
          <a href="/fr/products/tablette-ombar-centres-60-creme-de-pistache-bio-70-g-16596">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tablette Ombar Centres 60% Crème de Pistache Bio, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.35
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5AHSIKjs2sTh6I22w5q0Do9vlxc6HNl-36fVglGfEYl5CbTWPu3dkBShWKTOfh_XzkDd3fGw4AXwbhKuOQO42A" />
    <input value="16596" 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/alternative-vegetalien-a-la-creme-fraiche-bio-180-g-84734656-bc0c-4820-9eb6-2b3e58a30d08-17436">
          <img alt="Alternative Végétalien à la Crème Fraîche Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8133/file/small-591ed6e57b58cc95e43129630581b690.webp 600w, https://assets.fabulous.ch/public/variant_asset/8133/file/medium-f8d29a873bcab2543d9606b54b991826.webp 900w, https://assets.fabulous.ch/public/variant_asset/8133/file/large-9cbfa2420ddcad3044838a9032b6492f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8133/file/medium-f8d29a873bcab2543d9606b54b991826.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">Züger</p>
          <a href="/fr/products/alternative-vegetalien-a-la-creme-fraiche-bio-180-g-84734656-bc0c-4820-9eb6-2b3e58a30d08-17436">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Alternative Végétalien à la Crème Fraîche Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.25
            </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.81 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2w7Vk1mfAzgNVjOVXIR6Zg1s0ly_uwyqruMlte9UKK5GBrNlz54EbPgf5odRYNG_TEOYlnQXNdGBKuKZh8iB_w" />
    <input value="17436" 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">
      240 sur 3&#39;188 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/rudy-s-kombucha?format=turbo_stream&amp;page=13">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>