<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/millet-decortique-en-gros-bio-5-kg-4857">
          <img alt="Millet décortiqué en gros Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2890/file/small-0a849bf2a56d41078312540d539c837f.webp 600w, https://assets.fabulous.ch/public/variant_asset/2890/file/medium-0e3de88c3c27430ede6c7265717016cd.webp 900w, https://assets.fabulous.ch/public/variant_asset/2890/file/large-1df84631be197d51fb13c94443daa5ca.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2890/file/medium-0e3de88c3c27430ede6c7265717016cd.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bio Grosshandel</p>
          <a href="/fr/products/millet-decortique-en-gros-bio-5-kg-4857">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Millet décortiqué en gros Bio, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 40.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SgNQZvFheKg3WIi9C2FSZ48MM4DjT0PuIR-hYOGXlMGsKejs816bs_qR9MK78j9wsqYGwLwc_ZoUrvBwP3id8Q" />
    <input value="4857" 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/amaretti-aux-noix-vegan-bio-32-g-5daedd44-36fa-4d6e-8ac1-968b328de4d0-16796">
          <img alt="Amaretti aux noix Vegan Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7809/file/small-9b4e0cdfb6911f7cfaa7e1e66b1f17c7.webp 600w, https://assets.fabulous.ch/public/variant_asset/7809/file/medium-8c8b17951e96a485b0e6dd4d0bbfacc2.webp 900w, https://assets.fabulous.ch/public/variant_asset/7809/file/large-2bfa95df16a205d85eab60d1f6798fd8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7809/file/medium-8c8b17951e96a485b0e6dd4d0bbfacc2.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">Leibacher Biber-Manufaktur</p>
          <a href="/fr/products/amaretti-aux-noix-vegan-bio-32-g-5daedd44-36fa-4d6e-8ac1-968b328de4d0-16796">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Amaretti aux noix Vegan Bio, 2 x 32 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iM81lZDP3AmmpoZmeSvYa0RRq_iQzdgIBq8sKiyyBCxu5Y0fkvA_Emtv-hnJuLV8efueuM-eZnwzHn068l0NHA" />
    <input value="16796" 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/concentre-de-tomate-22-bocal-bio-100-g-16531">
          <img alt="Concentré de tomate 22 % bocal Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7621/file/small-76b4ec18a03bad261c8355ecce98faa7.webp 600w, https://assets.fabulous.ch/public/variant_asset/7621/file/medium-003b7519e4d24158e84cfed0a09796b2.webp 900w, https://assets.fabulous.ch/public/variant_asset/7621/file/large-68a933e5a2d4af6ddb67c3aa26f87c37.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7621/file/medium-003b7519e4d24158e84cfed0a09796b2.webp" />
</a>    </header>

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

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="D2_PZTuqXY1BMq5hKvDqZONPugyYUKf9w-ka2Puoc_PpRXfvOZW-loz70h6aY4dz3uWPTMcDGYn2WEvIJUd6ww" />
    <input value="16531" 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/concentre-de-tomate-22-bocal-bio-200-g-3982">
          <img alt="Concentré de tomate 22 % bocal Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2523/file/small-555b483580c6a08d3e7b0b60a16556dc.webp 600w, https://assets.fabulous.ch/public/variant_asset/2523/file/medium-a33152d9da7abb27ef1951be3e55dc68.webp 900w, https://assets.fabulous.ch/public/variant_asset/2523/file/large-08e18b943fc9fef26eeb16ccc8bab263.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2523/file/medium-a33152d9da7abb27ef1951be3e55dc68.webp" />
</a>    </header>

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

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="l5CURk9ibczmTBMzF007uPZN2Ct0ZTd3_cUEnzdaoApxuizMTV2O1yuFb0yn3lavy-ftays2iQPIdFWP6bWpOg" />
    <input value="3982" 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/riz-rouge-de-camargue-nature-bio-500-g-625">
          <img alt="Riz Rouge de Camargue nature Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/570/file/small-b0dfc32b12a0698b48d7fbf886ac5db1.webp 600w, https://assets.fabulous.ch/public/variant_asset/570/file/medium-950b25d9cdb911be24281033a6055740.webp 900w, https://assets.fabulous.ch/public/variant_asset/570/file/large-cf695d1ad98f5e379ee183366a79793d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/570/file/medium-950b25d9cdb911be24281033a6055740.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/riz-rouge-de-camargue-nature-bio-500-g-625">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Riz Rouge de Camargue nature Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.55
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tn7QZu-WiHkbvJ82-8xSQMPX8dTEpZDtppEbD1csN3NQVGjs7alrYtZ140lLXz9X_n3ElJv2LpmTIEoficM-Qw" />
    <input value="625" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/tofu-fume-suisse-bio-250-g-16644">
          <img alt="Tofu fumé Suisse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7703/file/small-96edc054baedfd4bbebf7c1a7b8f8d53.webp 600w, https://assets.fabulous.ch/public/variant_asset/7703/file/medium-78e69e4f9fa60f9ff58b9d7ee675fd85.webp 900w, https://assets.fabulous.ch/public/variant_asset/7703/file/large-23f8dd58e1b0d98a6a8cbc6048bdda96.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7703/file/medium-78e69e4f9fa60f9ff58b9d7ee675fd85.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Futur</p>
          <a href="/fr/products/tofu-fume-suisse-bio-250-g-16644">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tofu fumé Suisse Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.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.08 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MoChATbBnh5-z61blbrgXdGeMXQnE2mOXKnYlJHpuwjUqhmLNP59BbMG0SQlKY1K7DQENHhA1_ppGImETwayOA" />
    <input value="16644" 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/je-ne-suis-pas-une-saucisse-bratwurst-bio-100-g-5708">
          <img alt="&quot;Je ne suis pas une saucisse bratwurst&quot; Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3294/file/small-9d9f7ffb7d2da64eefd035ed148c370d.webp 600w, https://assets.fabulous.ch/public/variant_asset/3294/file/medium-6843749863ed6d97542c9114bf4eec1f.webp 900w, https://assets.fabulous.ch/public/variant_asset/3294/file/large-6d3d8014755214574e4e39007ba665c0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3294/file/medium-6843749863ed6d97542c9114bf4eec1f.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/je-ne-suis-pas-une-saucisse-bratwurst-bio-100-g-5708">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">&quot;Je ne suis pas une saucisse bratwurst&quot; Bio, 2 x 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.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.60 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5Fihcc1O1ML2eYc77188RipQWEqh96RVdTuxwvQga6wCchn7z3E32Tuw-0RfzFFRF_ptCv6kGiFAiuDSKs9inA" />
    <input value="5708" 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/bio-natto-nattosana-nature-200-g-14950">
          <img alt="Bio-Natto Nattosana Nature" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6852/file/small-fd35e63c73f37ab26550263eed352bd9.webp 600w, https://assets.fabulous.ch/public/variant_asset/6852/file/medium-34369eb49728b6f388e9d1c20e4ad8ab.webp 900w, https://assets.fabulous.ch/public/variant_asset/6852/file/large-7a4e8c60a7ec4e08d08bd1a9766589ba.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6852/file/medium-34369eb49728b6f388e9d1c20e4ad8ab.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/bio-natto-nattosana-nature-200-g-14950">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bio-Natto Nattosana Nature, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.75
            </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.88 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-41qRIbjdXCPzjEEe0V8iPEdDKkKqw_MSI68aMmFgvYdp9LOhNyWa0IHTXvL1hGfzLc56VX4sbh9P-14F2qLxg" />
    <input value="14950" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/tempeh-au-soja-poivre-bio-200-g-17376">
          <img alt="Tempeh au Soja Poivre Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8104/file/small-d45efdf77eda62591cd1271523b9bb7c.webp 600w, https://assets.fabulous.ch/public/variant_asset/8104/file/medium-23a87cd9294de5f8e7b60dc310193744.webp 900w, https://assets.fabulous.ch/public/variant_asset/8104/file/large-e6a885f9e91280587200126680ebb96a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8104/file/medium-23a87cd9294de5f8e7b60dc310193744.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Tempeh bagus</p>
          <a href="/fr/products/tempeh-au-soja-poivre-bio-200-g-17376">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tempeh au Soja Poivre Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1bNG0C2S7zxAHxEZfphypuHIJJFn0zGSJ20emtJ2Ae4zmf5aL60MJ43WbWbOCx-x3GIR0TiAj-YS3E-KDJkI3g" />
    <input value="17376" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/tempeh-au-soja-indian-masala-bio-200-g-17374">
          <img alt="Tempeh au soja Indian Masala Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8101/file/small-9ffe5d3d4f438268ade96a0260ca97dd.webp 600w, https://assets.fabulous.ch/public/variant_asset/8101/file/medium-8c9568a7b5e28ee0c197a212f2521619.webp 900w, https://assets.fabulous.ch/public/variant_asset/8101/file/large-a5f62cc5acd9d17b24dcf5e1a24c49fe.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8101/file/medium-8c9568a7b5e28ee0c197a212f2521619.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Tempeh bagus</p>
          <a href="/fr/products/tempeh-au-soja-indian-masala-bio-200-g-17374">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tempeh au soja Indian Masala Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

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

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


  

  <div class="border-gray-200 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/soja-paneer-natur-bio-200-g-111">
          <img alt="Soja-Paneer Natur Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/121/file/small-dc427ba0bbd12c8c12f4e1d962240414.webp 600w, https://assets.fabulous.ch/public/variant_asset/121/file/medium-cecde4a37302133289a13b87cd85b580.webp 900w, https://assets.fabulous.ch/public/variant_asset/121/file/large-7c21b935fbfed841766fcf69c735252a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/121/file/medium-cecde4a37302133289a13b87cd85b580.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/soja-paneer-natur-bio-200-g-111">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soja-Paneer Natur Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.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 3.15 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="V8IcuMQJdkfLZbys7KComTbXlvYi97GXCcSq-TYhwhux6KQyxjaVXAaswNNcM8WOC32jtn2kD-M8dfvp6M7LKw" />
    <input value="111" type="hidden" name="variant_id" id="variant_id" />
    <input value="2" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/tofu-aux-legumes-suisse-bio-250-g-17390">
          <img alt="Tofu aux légumes Suisse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8112/file/small-3ef3f74981fec2155cb8e47483264549.webp 600w, https://assets.fabulous.ch/public/variant_asset/8112/file/medium-3c94fbc61a6e95b8265f2c11bc61becc.webp 900w, https://assets.fabulous.ch/public/variant_asset/8112/file/large-fc6afb473ad38418a890f26fa6e6e24a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8112/file/medium-3c94fbc61a6e95b8265f2c11bc61becc.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Futur</p>
          <a href="/fr/products/tofu-aux-legumes-suisse-bio-250-g-17390">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tofu aux légumes Suisse Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.65
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="67fBSYQxzJbAMTC6jNS0E-NKKfm6qVY49tqMaWBo6hMNnXnDhg4vjQ34TMU8R9kE3uAcueX66EzDa915vofjIw" />
    <input value="17390" 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/dinki-emince-dinki-marinade-neutre-gastro-bio-1-kg-6834">
          <img alt="Dinki Emincé Dinki marinade neutre (Gastro) Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3955/file/small-f3220c9de20ba04feb3cdce124df0dc5.webp 600w, https://assets.fabulous.ch/public/variant_asset/3955/file/medium-45f79a36e067c2386fe1af3c5a7bd108.webp 900w, https://assets.fabulous.ch/public/variant_asset/3955/file/large-88b94682f7a8251210be390e47ab9f3f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3955/file/medium-45f79a36e067c2386fe1af3c5a7bd108.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/dinki-emince-dinki-marinade-neutre-gastro-bio-1-kg-6834">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dinki Emincé Dinki marinade neutre (Gastro) Bio, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.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 2.79 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/tofu-nature-en-block-bio-1-kg-757">
          <img alt="Tofu nature en Block Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/704/file/small-825aab124c3ef46ab70c5c11db6b1897.webp 600w, https://assets.fabulous.ch/public/variant_asset/704/file/medium-45a3a3f4532be318170ec269da0ae044.webp 900w, https://assets.fabulous.ch/public/variant_asset/704/file/large-aba99b1e52ae98855e50f30299ff3bea.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/704/file/medium-45a3a3f4532be318170ec269da0ae044.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-en-block-bio-1-kg-757">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tofu nature en Block Bio, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.20
            </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 1.82 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3Kvta9E0KbWX64nu4FVFE_Hfy6-U089I84CQ1ubDvgw6gVXh0wvKrloi9ZFQxigEzHX-78uAcTzGMcHGOCy3PA" />
    <input value="757" 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/pudding-proteine-nougat-praline-bio-120-g-15068">
          <img alt="Pudding Protéiné Nougat Praliné Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6901/file/small-487d412a40a76e471228920b571756b4.webp 600w, https://assets.fabulous.ch/public/variant_asset/6901/file/medium-65bb0fe67b4d9818b806defcb0496b94.webp 900w, https://assets.fabulous.ch/public/variant_asset/6901/file/large-f05b2c27a9c32f0aaf290e593a1849ad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6901/file/medium-65bb0fe67b4d9818b806defcb0496b94.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">Harvest Moon</p>
          <a href="/fr/products/pudding-proteine-nougat-praline-bio-120-g-15068">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pudding Protéiné Nougat Praliné Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wZVxoyLfJka76qsnJfG81wmAal6J_HDLB3PuQkTjmSknv8kpIODFXXYj11iVYtHANCpfHtavzr8ywr9SmgyQGQ" />
    <input value="15068" 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/je-ne-suis-pas-un-fromage-d-italie-sans-gluten-bio-200-g-5706">
          <img alt="&quot;Je ne suis pas un fromage d&#39;Italie&quot; 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/3292/file/small-284800cc58bfefdeef9fd04aa8a94b47.webp 600w, https://assets.fabulous.ch/public/variant_asset/3292/file/medium-c47955507187b4a2f95505b123a67384.webp 900w, https://assets.fabulous.ch/public/variant_asset/3292/file/large-cd1e7d9eac5d4c1a6229f4427e7deba2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3292/file/medium-c47955507187b4a2f95505b123a67384.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/je-ne-suis-pas-un-fromage-d-italie-sans-gluten-bio-200-g-5706">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">&quot;Je ne suis pas un fromage d&#39;Italie&quot; Sans Gluten Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.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.60 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UznzgURxslPLxwqgJuuqHJw1HSNAr0gQAoSSkdfaHx61E0sLRk5RSAYOdt-WeMcLoZ8oYx_89mQ3NcOBCTUWLg" />
    <input value="5706" 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-aux-lupins-nature-pasteurise-bio-200-g-17379">
          <img alt="Tempeh aux lupins Nature pasteurisé Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8106/file/small-1338e67b9c1a770d4186bed5548b1a37.webp 600w, https://assets.fabulous.ch/public/variant_asset/8106/file/medium-3001af0ebaee4216cea3e5a8b48e60ed.webp 900w, https://assets.fabulous.ch/public/variant_asset/8106/file/large-e16ff67bf5e06a09b0e884ae9ee11eb8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8106/file/medium-3001af0ebaee4216cea3e5a8b48e60ed.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Tempeh bagus</p>
          <a href="/fr/products/tempeh-aux-lupins-nature-pasteurise-bio-200-g-17379">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tempeh aux lupins Nature pasteurisé Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-B6vv_XOg6vZkIex-vTUKQ94jnx1IAdhknFnZaLmZukeNBc19_FgsBRZ-85KZ7k-MtK7PCpzuRWnwDZ1fAlv2Q" />
    <input value="17379" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div class="border-gray-200  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/avoine-myrtille-vanille-alternative-vegetalienne-au-yaourt-bio-275-g-9922">
          <img alt="Avoine Myrtille Vanille Alternative végétalienne au yaourt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5462/file/small-b493d7f7224afa3bea44cbde99bf266f.webp 600w, https://assets.fabulous.ch/public/variant_asset/5462/file/medium-b0f5e73d8869a1e18022df14b9447543.webp 900w, https://assets.fabulous.ch/public/variant_asset/5462/file/large-69c8ca2e9348926c003b5bc6621b6392.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5462/file/medium-b0f5e73d8869a1e18022df14b9447543.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">Harvest Moon</p>
          <a href="/fr/products/avoine-myrtille-vanille-alternative-vegetalienne-au-yaourt-bio-275-g-9922">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Avoine Myrtille Vanille Alternative végétalienne au yaourt Bio, 275 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="w50Zp_zpQG2Sc2ia6Mhhku8ca75EnR2wvx5cs0kF_Q8lt6Et_tajdl-6FOVYWwyF0rZe_hvOo8SKrw2jl-r0Pw" />
    <input value="9922" type="hidden" name="variant_id" id="variant_id" />
    <input value="3" 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/soyananda-nature-alternative-vegan-de-yoghurt-bio-1-kg-8359">
          <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/4922/file/small-270747a3c5815f05f457e662cc64c1f1.webp 600w, https://assets.fabulous.ch/public/variant_asset/4922/file/medium-097e2d5b88aff75a92ed6ac842d301e8.webp 900w, https://assets.fabulous.ch/public/variant_asset/4922/file/large-b607df5ece93000bf265cb55d2aed486.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4922/file/medium-097e2d5b88aff75a92ed6ac842d301e8.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-1-kg-8359">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soyananda nature Alternative vegan de yoghurt Bio, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.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 0.60 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="23dMzhi0QeRCISTWruOj4y6sauceZnQAoeQO4cB9NW49XfREGoui_4_oWKkecM70EwZfp0E1ynSUVV_xHpI8Xg" />
    <input value="8359" 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/yaourt-alternatif-avoine-nature-bio-375-g-15099">
          <img alt="Yaourt alternatif Avoine Nature Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6921/file/small-1097923b1f3e84d7c97f3ceae38c5b18.webp 600w, https://assets.fabulous.ch/public/variant_asset/6921/file/medium-18012fa45b499cc40012bcb42c85c709.webp 900w, https://assets.fabulous.ch/public/variant_asset/6921/file/large-2f7e1a2defd690c100a3c605a64aa472.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6921/file/medium-18012fa45b499cc40012bcb42c85c709.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">Biedermann Bio Vegan</p>
          <a href="/fr/products/yaourt-alternatif-avoine-nature-bio-375-g-15099">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Yaourt alternatif Avoine Nature Bio, 375 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.05
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kV9f2ChkXZxOkkADtXs737nYCf0XJJSIEG2mUzCF-9p3dedSKlu-h4NbPHwF6FbIhHI8vUh3Kvwl3PdD7mry6g" />
    <input value="15099" type="hidden" name="variant_id" id="variant_id" />
    <input value="3" 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">
      80 sur 3&#39;186 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/shaws?format=turbo_stream&amp;page=5">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>