<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/sojade-so-soya-sans-sucres-ajoutes-mangue-bio-400-g-8901">
          <img alt="Sojade So Soya! Sans sucres ajoutés Mangue Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5160/file/small-d4cbbeffaa0d391a8289d073413d32f3.webp 600w, https://assets.fabulous.ch/public/variant_asset/5160/file/medium-eee33749d79c60d2082133119054f02a.webp 900w, https://assets.fabulous.ch/public/variant_asset/5160/file/large-ba56a3bb756141bc63a5387d41bfffe9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5160/file/medium-eee33749d79c60d2082133119054f02a.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">Sojade</p>
          <a href="/fr/products/sojade-so-soya-sans-sucres-ajoutes-mangue-bio-400-g-8901">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sojade So Soya! Sans sucres ajoutés Mangue Bio, 400 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 1.41 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="15DRUyZ-y_kZ7lCBY3dNq0k_CBgg_3lhzuiJwhRUPG7AygBt3jXuLIHQusbEqjnKhKKa9DJm3F93dxAzMYKALA" />
    <input value="8901" 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/veggi-filata-nature-tranches-bio-150-g-13575">
          <img alt="Veggi Filata Nature tranches Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6553/file/small-fc5a129c6e670f6f0783fb7270ddbc85.webp 600w, https://assets.fabulous.ch/public/variant_asset/6553/file/medium-e94db5100ea1c05774d5523e0c828b95.webp 900w, https://assets.fabulous.ch/public/variant_asset/6553/file/large-19ad4a42833e9ac07687a82f8d2b6c71.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6553/file/medium-e94db5100ea1c05774d5523e0c828b95.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">Veggi filata</p>
          <a href="/fr/products/veggi-filata-nature-tranches-bio-150-g-13575">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Veggi Filata Nature tranches Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </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.80 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ceRi21YLM251qB36vzstDAPXaSGHzf1q163a14VMDjlmvrPlrkAWu-2W970Y5lltzkr7zZVUWFRuMkMmoJqyew" />
    <input value="13575" 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/la-cooking-alternative-vegetalienne-a-la-creme-a-cuire-bio-200-ml-11221">
          <img alt="La Cooking Alternative végétalienne à la crème à cuire Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5751/file/small-d14f19bed1b3c884fd320f9df112b7a8.webp 600w, https://assets.fabulous.ch/public/variant_asset/5751/file/medium-b56b66ab56772a3c03d10d516ff875b3.webp 900w, https://assets.fabulous.ch/public/variant_asset/5751/file/large-178d43166fde183fab4b9c7c5eb535f9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5751/file/medium-b56b66ab56772a3c03d10d516ff875b3.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/la-cooking-alternative-vegetalienne-a-la-creme-a-cuire-bio-200-ml-11221">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">La Cooking Alternative végétalienne à la crème à cuire Bio, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.30
            </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.15 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UBVjQdZrUR4Vf4HX6nanWX0aseSVI4EBkP2DwqrCdvFHT7J_LiB0y41Ba5BNq9M4sIcjCIe6JD8pYhozjxTKsw" />
    <input value="11221" 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/sojade-so-soya-citron-bio-400-g-17417">
          <img alt="Sojade So Soya! Citron Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8114/file/small-10768bafca7914a57387d45f7ef35cbd.webp 600w, https://assets.fabulous.ch/public/variant_asset/8114/file/medium-12e6c32f16f19a07be62092a13484f5b.webp 900w, https://assets.fabulous.ch/public/variant_asset/8114/file/large-e59c2373ba7a7db6b87da7c06d89b32e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8114/file/medium-12e6c32f16f19a07be62092a13484f5b.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">Sojade</p>
          <a href="/fr/products/sojade-so-soya-citron-bio-400-g-17417">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sojade So Soya! Citron Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.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 1.25 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HljrYTtkxG3zt8O6p_F6qsdbOps6y1w5_Il9m8XftJkJAjpfwy_huGuJKf0ALA7LCsaodyhS-QdFFuRq4AkI2w" />
    <input value="17417" 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/sojade-so-soya-abricot-bio-400-g-3237">
          <img alt="Sojade So Soya! Abricot Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2198/file/small-1fc755f97ebd03d904964a240369ec07.webp 600w, https://assets.fabulous.ch/public/variant_asset/2198/file/medium-3ef8be27061a744d74591a9377674beb.webp 900w, https://assets.fabulous.ch/public/variant_asset/2198/file/large-7b490b4d1dfa1e69c800f8f07710f43b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2198/file/medium-3ef8be27061a744d74591a9377674beb.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">Sojade</p>
          <a href="/fr/products/sojade-so-soya-abricot-bio-400-g-3237">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sojade So Soya! Abricot Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.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 1.25 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="a5BnrRW4Kh3a2kAmvXIhXQUR2LsbyilfI8DNPlz5mc58yraT7fMPyELkqmEar1U8yIxKVwlTjGGaX1TPeS8ljA" />
    <input value="3237" 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-vegetalienne-au-skyr-framboise-bio-400-g-15805">
          <img alt="Alternative végétalienne au skyr framboise Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7216/file/small-dbdbd7d314d3ef77510dd0c025542a09.webp 600w, https://assets.fabulous.ch/public/variant_asset/7216/file/medium-8b982d2634d3b2679ff6222bff9e0ab5.webp 900w, https://assets.fabulous.ch/public/variant_asset/7216/file/large-7b1b5c2b62d6f485cd87fd61f158c65f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7216/file/medium-8b982d2634d3b2679ff6222bff9e0ab5.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">Sojade</p>
          <a href="/fr/products/alternative-vegetalienne-au-skyr-framboise-bio-400-g-15805">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Alternative végétalienne au skyr framboise Bio, 400 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 1.43 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="W9g40toUdD8V_glF9F1xeWgpRx3XUBhn1AqmyPf36E5MgunsIl9R6o3A4wJTgAUYpbTV8cXJvVltlT850iFUDA" />
    <input value="15805" 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/alternative-vegetalien-a-la-creme-aigre-bio-200-g-272">
          <img alt="Alternative végétalien à la crème aigre Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/249/file/small-b496d46a77af4161aa9216148dcab904.webp 600w, https://assets.fabulous.ch/public/variant_asset/249/file/medium-7a13fdc4170da2330af452701b15eb47.webp 900w, https://assets.fabulous.ch/public/variant_asset/249/file/large-1742421eff85e8e96211e2ba6b72bb4c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/249/file/medium-7a13fdc4170da2330af452701b15eb47.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-vegetalien-a-la-creme-aigre-bio-200-g-272">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Alternative végétalien à la crème aigre Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.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 2.05 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1wvcf3R_XUYgQMCXzOhrgpSq_lrr0TYnxjLXuxjxz6TAUQ1BjDR4k7h-KtBrNR_jWTdstvlIkxl_rU5KPSdz5g" />
    <input value="272" 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/new-roots-ail-fines-herbes-extra-creamy-bio-140-g-5135">
          <img alt="New Roots Ail &amp; Fines Herbes Extra Creamy Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3022/file/small-752d8812fb96e507e11b4955d8bb1a27.webp 600w, https://assets.fabulous.ch/public/variant_asset/3022/file/medium-a372906159ab340bf0c59f11b31c61cf.webp 900w, https://assets.fabulous.ch/public/variant_asset/3022/file/large-fc88bc903a4d451661be18ef7cc2f877.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3022/file/medium-a372906159ab340bf0c59f11b31c61cf.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-ail-fines-herbes-extra-creamy-bio-140-g-5135">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">New Roots Ail &amp; Fines Herbes Extra Creamy Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.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 3.64 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kVQJbJQ-kfhbRfWnRAFJD_FL6QeeNcycQ-HxX6HyjLWGDthSbHW0LcN7H-Dj3D1uPNZ764ysaaL6fmiuhCQw9w" />
    <input value="5135" 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/bumi-seitan-hache-bio-180-g-14598">
          <img alt="Bumi Seitan haché Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6754/file/small-241890da4a375b2ecbfa198ecc6dff4e.webp 600w, https://assets.fabulous.ch/public/variant_asset/6754/file/medium-171b41d5866b31721c43a8ed11d24abf.webp 900w, https://assets.fabulous.ch/public/variant_asset/6754/file/large-1bee06b1e47570e7bee6728dfcf84fc7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6754/file/medium-171b41d5866b31721c43a8ed11d24abf.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">Bumi</p>
          <a href="/fr/products/bumi-seitan-hache-bio-180-g-14598">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bumi Seitan haché Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </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 3.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SRfg5hxqkVZs1Tb1j2uPtZT8KV6OvdFf6qSADs0td7xeTTHY5CG0g_Tr3LIotvvUWWG7spwkdGFTOxn_6PvL_g" />
    <input value="14598" 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/new-roots-raifort-extra-creamy-bio-140-g-5136">
          <img alt="New Roots Raifort Extra Creamy Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3024/file/small-99cb2d9a2af69020d2406d665b2414de.webp 600w, https://assets.fabulous.ch/public/variant_asset/3024/file/medium-d9fded482e5fd5539cd1fb765f6bf315.webp 900w, https://assets.fabulous.ch/public/variant_asset/3024/file/large-7df87e5bb78e68c8bd0dcde23c9fde53.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3024/file/medium-d9fded482e5fd5539cd1fb765f6bf315.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-raifort-extra-creamy-bio-140-g-5136">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">New Roots Raifort Extra Creamy Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.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 3.64 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YKfDZdpHHofWnZKrUg-f1SFEsMMlZN6QHb9r-7uA4aJ3_RJbIgw7Uk6jeOz10uu07NkiLzf9e66kIPIKnlZd4A" />
    <input value="5136" 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/charcuterie-vegan-tranches-chorizo-bio-80-g-171">
          <img alt="Charcuterie Vegan Tranches Chorizo Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9136/file/small-8571f07cefa24a576388fef96386aa02.webp 600w, https://assets.fabulous.ch/public/variant_asset/9136/file/medium-6db8b8fac6c267ab23208a71c3443a9f.webp 900w, https://assets.fabulous.ch/public/variant_asset/9136/file/large-654b2c5888415747d26ba3af35696dd5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9136/file/medium-6db8b8fac6c267ab23208a71c3443a9f.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">Wheaty</p>
          <a href="/fr/products/charcuterie-vegan-tranches-chorizo-bio-80-g-171">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Charcuterie Vegan Tranches Chorizo Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.85
            </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 4.81 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hxyKs8Z1jhhRF46xvWSZBcRN-RaBhAlm7ayE-50mYf2QRluNPj6rzckpZPYaue1kCdBr-pMdrFhUMx0KuPDdvw" />
    <input value="171" 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/pain-pita-au-ble-a-rechauffer-bio-480-g-17278">
          <img alt="Pain pita au blé à réchauffer Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8052/file/small-c61fc31ec683032eb4cc656458f4c912.webp 600w, https://assets.fabulous.ch/public/variant_asset/8052/file/medium-fd0289b1f0ab06b8374cd24cfd5382d6.webp 900w, https://assets.fabulous.ch/public/variant_asset/8052/file/large-56a506f116b5b800ab4be9f1ebb6cc04.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8052/file/medium-fd0289b1f0ab06b8374cd24cfd5382d6.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Terrasana</p>
          <a href="/fr/products/pain-pita-au-ble-a-rechauffer-bio-480-g-17278">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pain pita au blé à réchauffer Bio, 480 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="D9hBs9rC3rxFaOPuF-I_UAUZM66_zNwFMtssM1WocfAYgpCNIon7ad1WCamwP0sxyIShQq1VeTuLRLXCcH7Nsg" />
    <input value="17278" 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/mini-bretzel-a-l-avoine-sans-gluten-bio-80-g-11911">
          <img alt="Mini-Bretzel à l&#39;Avoine sans Gluten Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6070/file/small-db79c0b0b3c460e17b2e5280f6631c2e.webp 600w, https://assets.fabulous.ch/public/variant_asset/6070/file/medium-8510d16fe316d174fdd8cbd40113ee8a.webp 900w, https://assets.fabulous.ch/public/variant_asset/6070/file/large-5d02d349d855c1e5c05542384a916326.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6070/file/medium-8510d16fe316d174fdd8cbd40113ee8a.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">Hammermühle Organic</p>
          <a href="/fr/products/mini-bretzel-a-l-avoine-sans-gluten-bio-80-g-11911">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mini-Bretzel à l&#39;Avoine sans Gluten Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4IUcOihBZqdXse1_Gg5lCCnhEiOT3cE_eRIZAWgmShH3380E0ApDcs-PBzi90xFp5HyAz4FEZAHAjYDwTfD2Uw" />
    <input value="11911" 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/lupilove-protein-oignon-ail-pate-a-tartiner-au-lupin-bio-135-g-13922">
          <img alt="LupiLove Protein Oignon-Ail Pâte à tartiner au lupin bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6622/file/small-4521ca3a0fcd42ac3de890d8b43bbb8b.webp 600w, https://assets.fabulous.ch/public/variant_asset/6622/file/medium-a39e2a47414e69e150227df94974e0e3.webp 900w, https://assets.fabulous.ch/public/variant_asset/6622/file/large-7b2f94ccc37956649f1c42363d332815.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6622/file/medium-a39e2a47414e69e150227df94974e0e3.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">Zwergenwiese</p>
          <a href="/fr/products/lupilove-protein-oignon-ail-pate-a-tartiner-au-lupin-bio-135-g-13922">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">LupiLove Protein Oignon-Ail Pâte à tartiner au lupin bio, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9ZaWjH1q0_6h8jSglne05oSipnPuLB2ey3mSR1UL-D3izEeyhSH2KznM3ucxqsCHST80n_y1uKBy5gu2cN1Efw" />
    <input value="13922" 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/feuilles-de-riz-pour-rouleaux-de-printemps-bio-150-g-dddb2f43-07f6-40c1-aa31-dac4602cb87f-7672">
          <img alt="Feuilles de riz pour rouleaux de printemps Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4436/file/small-093b870132e087c67403c863f06bdcba.webp 600w, https://assets.fabulous.ch/public/variant_asset/4436/file/medium-591d7f326a0802a5b03ccbe731f1f539.webp 900w, https://assets.fabulous.ch/public/variant_asset/4436/file/large-1bdd00535bda194aee0e068e224a6f5d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4436/file/medium-591d7f326a0802a5b03ccbe731f1f539.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Terrasana</p>
          <a href="/fr/products/feuilles-de-riz-pour-rouleaux-de-printemps-bio-150-g-dddb2f43-07f6-40c1-aa31-dac4602cb87f-7672">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Feuilles de riz pour rouleaux de printemps Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="thLawvBuSCArmOaKGfT8_a71FufE1hPhfTGb3CbuC0qhSAv8CCVt9bOmDM2-KYicY2iEC9ZPtt_ErgItAzi3CA" />
    <input value="7672" 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/flocons-multicereales-chocolat-sans-gluten-bio-300-g-15908">
          <img alt="Flocons multicéréales &amp; chocolat sans gluten Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7313/file/small-40db92ad8ddacd858018ff5f5a311c10.webp 600w, https://assets.fabulous.ch/public/variant_asset/7313/file/medium-180a32579957ede4f753d92322498f45.webp 900w, https://assets.fabulous.ch/public/variant_asset/7313/file/large-3e60104bca8b3b3f65a213350a234721.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7313/file/medium-180a32579957ede4f753d92322498f45.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">turtle Better Breakfast</p>
          <a href="/fr/products/flocons-multicereales-chocolat-sans-gluten-bio-300-g-15908">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Flocons multicéréales &amp; chocolat sans gluten Bio, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RP0C2P847ipLv0gL5a1lkEx9KiC5H6ddIg4zlqal7jZTp9PmB3PL_9OBokxCcBHxgeC4zKuGAmObkapng3NSdA" />
    <input value="15908" 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/alternative-vegetalien-au-mayonnaise-sans-oeuf-demeter-190-ml-99">
          <img alt="Alternative Végétalien au Mayonnaise Sans œuf Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/109/file/small-55948bbffee759cc41092305bbd6de09.webp 600w, https://assets.fabulous.ch/public/variant_asset/109/file/medium-3e33aafcf0cfa418e0a5e42fd55211db.webp 900w, https://assets.fabulous.ch/public/variant_asset/109/file/large-5758a0c9ba16fcd12cb90ddfdaaa2205.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/109/file/medium-3e33aafcf0cfa418e0a5e42fd55211db.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">Naturata</p>
          <a href="/fr/products/alternative-vegetalien-au-mayonnaise-sans-oeuf-demeter-190-ml-99">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Alternative Végétalien au Mayonnaise Sans œuf Demeter, 190 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JS3O14Y_udXMtLMSz0xRLfmyqtQ-c9jfU0OJ5qvaBXoydx_pfnScAFSKWVVokSVMNC84OCzqfeHq3BAXjgy5OA" />
    <input value="99" 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/paprika-doux-et-moulu-bio-50-g-1172">
          <img alt="Paprika doux et moulu Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1044/file/small-51cf22e73d1444f50e386c191f67ac3a.webp 600w, https://assets.fabulous.ch/public/variant_asset/1044/file/medium-21baecad366c6dbfaf786ff2ed7b9a43.webp 900w, https://assets.fabulous.ch/public/variant_asset/1044/file/large-519914d75ed57e0052b78edd35b66f8d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1044/file/medium-21baecad366c6dbfaf786ff2ed7b9a43.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">Lebensbaum</p>
          <a href="/fr/products/paprika-doux-et-moulu-bio-50-g-1172">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Paprika doux et moulu Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.05
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6n3QGI3c90sLxNxd4lE4ykaeifb78vCIIl8owtZ5PUH9JwEmdZfSnpP6NhpFjEyriwMbGulrVbabwLEz86-BAw" />
    <input value="1172" 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/jardin-de-fruits-oranges-amere-bio-225-g-391">
          <img alt="Jardin de fruits Oranges amère Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/342/file/small-6eb07618177191b9702d8a5ffb44b82f.webp 600w, https://assets.fabulous.ch/public/variant_asset/342/file/medium-2e6e0644d05190e0159c88a50cfb3233.webp 900w, https://assets.fabulous.ch/public/variant_asset/342/file/large-47ecbd8467637f94d162b65abfbbf3ac.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/342/file/medium-2e6e0644d05190e0159c88a50cfb3233.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">Zwergenwiese</p>
          <a href="/fr/products/jardin-de-fruits-oranges-amere-bio-225-g-391">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Jardin de fruits Oranges amère Bio, 225 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iQGvvLM1BOZB4c7Q9QzKo75RxQuNFc2hQiti8g0U_MaeW36CS34hM9nfJJdS0b7Cc8xX55-MaJ_7tPsDKMJAhA" />
    <input value="391" 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/sucuk-snacker-vegan-bio-30-g-16585">
          <img alt="Sucuk Snacker Vegan Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7644/file/small-75cc8a70c3e39dc6f96591868375686a.webp 600w, https://assets.fabulous.ch/public/variant_asset/7644/file/medium-2571841f969894a1a6b55b7c88416599.webp 900w, https://assets.fabulous.ch/public/variant_asset/7644/file/large-a9aac0ca14b91034107c3bb323b2cdb1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7644/file/medium-2571841f969894a1a6b55b7c88416599.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">Wheaty</p>
          <a href="/fr/products/sucuk-snacker-vegan-bio-30-g-16585">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sucuk Snacker Vegan Bio, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IGN8HfmtE-KnKWRlS7SdnU_VwceKNzeVzkT8znN-61A3Oa0jAeY2Nz8XjiLsaen8gkhTK5iukqt322U_VqhXEg" />
    <input value="16585" 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">
      420 sur 3&#39;232 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/bioreal?format=turbo_stream&amp;page=22">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>