<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/graines-de-chanvre-entieres-qualite-cru-bio-500-g-2277">
          <img alt="Graines de chanvre entières Qualité Cru Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1683/file/small-0e3a3183e0456c1ec2ffacdfb8b9a731.webp 600w, https://assets.fabulous.ch/public/variant_asset/1683/file/medium-7b40dbdd3c6edd2fd4739108c72decf5.webp 900w, https://assets.fabulous.ch/public/variant_asset/1683/file/large-6e700576a92284a9efcb4ae212eb2ebe.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1683/file/medium-7b40dbdd3c6edd2fd4739108c72decf5.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">Hanf&amp;Natur</p>
          <a href="/fr/products/graines-de-chanvre-entieres-qualite-cru-bio-500-g-2277">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Graines de chanvre entières Qualité Cru Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="D_7G648PWnjitYPi8sf2eAzXnN8c3ntJevqa4Q9tnryUCh8_9fOMIJQC6HOWkBXcHmNQYnFuL09ESGZJ-ldyhw" />
    <input value="2277" 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/algue-sushi-nori-feuilles-algue-marine-sechee-et-grillees-bio-25-g-7993">
          <img alt="Algue Sushi Nori Feuilles Algue Marine séchée et grillées Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4682/file/small-472a0bebc1a3cd9e8a456325e9f14307.webp 600w, https://assets.fabulous.ch/public/variant_asset/4682/file/medium-8af42b467d2fa666bc1769becc418be4.webp 900w, https://assets.fabulous.ch/public/variant_asset/4682/file/large-7d4d92e04f68f41b75ca6d41372f61dd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4682/file/medium-8af42b467d2fa666bc1769becc418be4.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">Arche</p>
          <a href="/fr/products/algue-sushi-nori-feuilles-algue-marine-sechee-et-grillees-bio-25-g-7993">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Algue Sushi Nori Feuilles Algue Marine séchée et grillées Bio, 25 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 31.80 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QM8TZKd97xcnocGEunzEOog0eymjBlDiTXj8OimRgM_bO8qw3YE5T1EWqhXeKyeemoC3lM62BORzygCS3Kts9A" />
    <input value="7993" 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/no-fish-sauce-sans-gluten-bio-155-ml-3956">
          <img alt="No Fish-Sauce 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/2507/file/small-f3ae3359d49d6774d6a63331eac46c40.webp 600w, https://assets.fabulous.ch/public/variant_asset/2507/file/medium-d4e4d0b3780f0c49d796cff245d00455.webp 900w, https://assets.fabulous.ch/public/variant_asset/2507/file/large-8286b57a94729452c7e439b7aa13f466.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2507/file/medium-d4e4d0b3780f0c49d796cff245d00455.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">Arche</p>
          <a href="/fr/products/no-fish-sauce-sans-gluten-bio-155-ml-3956">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">No Fish-Sauce Sans Gluten Bio, 155 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EButHHN8C5f3HoqFCIKGQqUysApZLZDmAkgetH3MNsGL73TICYDdz4Gp4RRs1WXmt4Z8tzSdxOA8-uIciPba-g" />
    <input value="3956" 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/capres-au-sel-marin-bio-150-g-7430">
          <img alt="Câpres au sel marin Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4252/file/small-d4faf5b6e85fd3cdc49b3754bc7d03e7.webp 600w, https://assets.fabulous.ch/public/variant_asset/4252/file/medium-363c0521386db9256ef43ee692f39640.webp 900w, https://assets.fabulous.ch/public/variant_asset/4252/file/large-5387449dae51e7044951185105c3a389.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4252/file/medium-363c0521386db9256ef43ee692f39640.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">LaSelva</p>
          <a href="/fr/products/capres-au-sel-marin-bio-150-g-7430">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Câpres au sel marin Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="e-VUAKCkf-uEY1FTJdpuqxY06NhniO0wRzHw3Vi4dtLgEY3U2lips_LUOsJBjY0PBIAkZQo4uTZ5gwx1rYKa6Q" />
    <input value="7430" 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/pate-de-curry-green-thai-bio-190-g-1341">
          <img alt="Pâte De Curry Green Thai Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1129/file/small-222f950e5983d47831fc88c16c8e0af9.webp 600w, https://assets.fabulous.ch/public/variant_asset/1129/file/medium-ac1b4e0825853441a56598370669fa6a.webp 900w, https://assets.fabulous.ch/public/variant_asset/1129/file/large-7a469838b7d8aa4e1314dd67afca227c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1129/file/medium-ac1b4e0825853441a56598370669fa6a.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">Sanchon</p>
          <a href="/fr/products/pate-de-curry-green-thai-bio-190-g-1341">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pâte De Curry Green Thai Bio, 190 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="q4Eh0u_We8vtQhH8f2tbSorUul6QFkKFzFQvWf2p8EswdfgGlSqtk5v1em0bPLjumGB24_2mFoPy5tPxCJMccA" />
    <input value="1341" 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/pate-de-curry-red-thai-bio-190-g-1342">
          <img alt="Pâte De Curry Red Thai Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1130/file/small-4936b2f1728b6ed8e9489e7238453f77.webp 600w, https://assets.fabulous.ch/public/variant_asset/1130/file/medium-26f4022f8456bd6dd4f0d19d7f894170.webp 900w, https://assets.fabulous.ch/public/variant_asset/1130/file/large-ddc0e8ecfacc1f3652e05e9b7e512294.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1130/file/medium-26f4022f8456bd6dd4f0d19d7f894170.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">Sanchon</p>
          <a href="/fr/products/pate-de-curry-red-thai-bio-190-g-1342">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pâte De Curry Red Thai Bio, 190 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZBSeCzFpnlEgGUec8BhS2VOkeH_hltDKADk6SgNTB3r_4EffS5VICVauLA2UT7F9QRC0wowmhMw-i8bi9mnrQQ" />
    <input value="1342" 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/gelifiant-pectine-de-pomme-bio-20-g-7959">
          <img alt="Gélifiant Pectine de Pomme Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4665/file/small-1ab0f9ccf3935da4468dc173039c9b7b.webp 600w, https://assets.fabulous.ch/public/variant_asset/4665/file/medium-fe54a464e44a3b603609550ff60f1bf9.webp 900w, https://assets.fabulous.ch/public/variant_asset/4665/file/large-50f3f7cf5946c946696609abcf392a68.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4665/file/medium-fe54a464e44a3b603609550ff60f1bf9.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">Arche</p>
          <a href="/fr/products/gelifiant-pectine-de-pomme-bio-20-g-7959">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gélifiant Pectine de Pomme Bio, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RGwzLMh87a4VbrDtQCHg8IeqlzJlINRZP7z1c2g5j7TfmOr4soA79mPZ23wkdgNUlR5bjwiQgF8BDgnbnQNjjw" />
    <input value="7959" 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/une-alternative-vegan-au-mozzarella-bio-200-g-55">
          <img alt="Une alternative vegan au Mozzarella Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/58/file/small-64f8a196bf4a74d219fe14b2d2b2a73b.webp 600w, https://assets.fabulous.ch/public/variant_asset/58/file/medium-6b9da0ee2dfd145da8da79ad174fac51.webp 900w, https://assets.fabulous.ch/public/variant_asset/58/file/large-f9904fdac4d04953c857ba552165c24d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/58/file/medium-6b9da0ee2dfd145da8da79ad174fac51.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">Frescolat S.r.l.</p>
          <a href="/fr/products/une-alternative-vegan-au-mozzarella-bio-200-g-55">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Une alternative vegan au Mozzarella Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="el8bV4QbofYHkXkmc8xg9DXEVfVYe27cJ1v6rXAbQb_hq8KD_ud3rnEmErcXm4NQJ3CZSDXLOtoZ6QYFhSGthA" />
    <input value="55" 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/wilmersburger-tranches-burger-style-sans-gluten-150-g-57">
          <img alt="Wilmersburger Tranches Burger Style Sans Gluten" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/61/file/small-32abed07a5364310a72beece2400f658.webp 600w, https://assets.fabulous.ch/public/variant_asset/61/file/medium-0c279baf58226e70d3d7c1e81d63c59d.webp 900w, https://assets.fabulous.ch/public/variant_asset/61/file/large-3d1af9243c06d53ebfa49ae880aa1089.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/61/file/medium-0c279baf58226e70d3d7c1e81d63c59d.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">Wilmersburger</p>
          <a href="/fr/products/wilmersburger-tranches-burger-style-sans-gluten-150-g-57">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Wilmersburger Tranches Burger Style Sans Gluten, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.45
            </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.97 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="t5i6_CWic0titugbYzm4znBtZFN8uyDI3Fr7sMfxytAsbGMoX16lExQBg4oHbltqYtmo7hELdM7i6AcYMssm6w" />
    <input value="57" 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/saucisses-de-lupin-barbecue-bio-200-g-1438">
          <img alt="Saucisses de lupin barbecue Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1189/file/small-d866db3d4bc938bdcd36bcf65ac4d6f5.webp 600w, https://assets.fabulous.ch/public/variant_asset/1189/file/medium-e415e8da0e1edf79c71fc994bc19291b.webp 900w, https://assets.fabulous.ch/public/variant_asset/1189/file/large-a62fc3afeaf03a0893a7a6e9b04b40ee.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1189/file/medium-e415e8da0e1edf79c71fc994bc19291b.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">Alberts</p>
          <a href="/fr/products/saucisses-de-lupin-barbecue-bio-200-g-1438">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Saucisses de lupin barbecue Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.45
            </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.73 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4wb-uulEIcRsjXfgoXgXH85mWqazWhgfJXIynpUVVlN48iduk7j3nBo6HHHFL_S73NKWG97qTBkbwM42YC-6aA" />
    <input value="1438" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/tofu-fume-classic-bio-200-g-635">
          <img alt="Tofu Fumé Classic Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/580/file/small-41cf7ea0ab5c64dadd0f97007ad7fd45.webp 600w, https://assets.fabulous.ch/public/variant_asset/580/file/medium-31a648734ae472d71fd1233f85535d06.webp 900w, https://assets.fabulous.ch/public/variant_asset/580/file/large-49f3b17e25d5d2d1cf2a72c218fef2b4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/580/file/medium-31a648734ae472d71fd1233f85535d06.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">Taifun</p>
          <a href="/fr/products/tofu-fume-classic-bio-200-g-635">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tofu Fumé Classic Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.15
            </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-635-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oz3Wsuqx_GeTQjo9xU8cD7wbcwEBWacX4yZwnms39Pw4yQ9mkE0qP-X1UayhGP-rrq-_vGzp8xHdlIw2ng0Yxw" />
    <input value="635" 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-bio-200-g-636">
          <img alt="Tofu Nature Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/579/file/small-362e617a9fa606a790ec993e9c5877bc.webp 600w, https://assets.fabulous.ch/public/variant_asset/579/file/medium-802dc19a95e84981dfeff096e9a79554.webp 900w, https://assets.fabulous.ch/public/variant_asset/579/file/large-53209774dd93ce231e979993d392fc43.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/579/file/medium-802dc19a95e84981dfeff096e9a79554.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">Taifun</p>
          <a href="/fr/products/tofu-nature-bio-200-g-636">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tofu Nature Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.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.35 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rbJvztbP8Ob9z7jG_RgTY7AO2y3f54tILjEVe_REt8M2RrYarDMmvot401eZT_DHoroXkLJX304Qg-nTAX5b-A" />
    <input value="636" 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/wilmersburger-fondant-a-pizza-bio-150-g-61">
          <img alt="Wilmersburger Fondant à Pizza Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/65/file/small-b12a09baa7ed134dad4753a0551650b1.webp 600w, https://assets.fabulous.ch/public/variant_asset/65/file/medium-545f99c4c72357f742a5e609130fa305.webp 900w, https://assets.fabulous.ch/public/variant_asset/65/file/large-323b181b5322fea545ce8ecfd7b4b704.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/65/file/medium-545f99c4c72357f742a5e609130fa305.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">Wilmersburger</p>
          <a href="/fr/products/wilmersburger-fondant-a-pizza-bio-150-g-61">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Wilmersburger Fondant à Pizza Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.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 3.10 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xGQr38D4RTQtTtLB1ZHP9FSOwe3syDF4PVgK48hRs3dfkPILugSTbFv5uVCxxixQRjoNUIF4ZX4D6vZLPWtfTA" />
    <input value="61" 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/bain-de-cristaux-alcalins-1-kg-16539">
          <img alt="Bain de Cristaux Alcalins" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7630/file/small-34ec8098d50154b8030038400b6100c5.webp 600w, https://assets.fabulous.ch/public/variant_asset/7630/file/medium-d58ca4824a6d39946a7190654ff9e5cb.webp 900w, https://assets.fabulous.ch/public/variant_asset/7630/file/large-4dc67b067c5c68ec1559d67a5895f201.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7630/file/medium-d58ca4824a6d39946a7190654ff9e5cb.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">Erva Medica AG</p>
          <a href="/fr/products/bain-de-cristaux-alcalins-1-kg-16539">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bain de Cristaux Alcalins, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 42.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hZ2dbzJ78x8Mrvqh-tVkJh-YyMd83r7GESjTAo9cPOoeaUS7SIclR3oZkTCegoeCDSwEehFu6sAvmi-qembQ0Q" />
    <input value="16539" 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/bain-de-cristaux-alcalins-450-g-16538">
          <img alt="Bain de Cristaux Alcalins" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7629/file/small-b46c81e63b717cd428b589b44efacb92.webp 600w, https://assets.fabulous.ch/public/variant_asset/7629/file/medium-f657ec5b9fa8f94cfdd5f5ce4eea4af0.webp 900w, https://assets.fabulous.ch/public/variant_asset/7629/file/large-00892c23222ac2422ef959f1de29292e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7629/file/medium-f657ec5b9fa8f94cfdd5f5ce4eea4af0.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">Erva Medica AG</p>
          <a href="/fr/products/bain-de-cristaux-alcalins-450-g-16538">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bain de Cristaux Alcalins, 450 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-xf7bX5CUpkMIz9n4j3nmNnQgwwN3pQg7HK34ZTodi9g4yK5BL6EwXqUVPaGagQ8y2RPsWBuwCbSwEtJYdKaFA" />
    <input value="16538" 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/baume-au-thym-125-ml-16536">
          <img alt="Baume au Thym" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8837/file/small-67bc69ba5de06a2d6f92c0023c1dd123.webp 600w, https://assets.fabulous.ch/public/variant_asset/8837/file/medium-d7203ced1d994cd4f5b5073f0d757039.webp 900w, https://assets.fabulous.ch/public/variant_asset/8837/file/large-acb120a434098f52e580cce10af44d21.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8837/file/medium-d7203ced1d994cd4f5b5073f0d757039.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">Erva Medica AG</p>
          <a href="/fr/products/baume-au-thym-125-ml-16536">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Baume au Thym, 125 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5Ei8PAIlp8Gkx1F_84SseKXSwG8LvD2ibH6DEJD4CUB_vGXoeNlxmdJwOu6X00_ct2YM0mYMaaRSzH-4ZcLlew" />
    <input value="16536" 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/baume-actif-a-la-vigne-rouge-125-ml-15520">
          <img alt="Baume Actif à la Vigne Rouge" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7076/file/small-1d27e018e17b00a5663555e561c576da.webp 600w, https://assets.fabulous.ch/public/variant_asset/7076/file/medium-f8d9cee6f12ec84e56c6eda44a59cecb.webp 900w, https://assets.fabulous.ch/public/variant_asset/7076/file/large-4feb85fb3e2aff619d7bd414bccad58c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7076/file/medium-f8d9cee6f12ec84e56c6eda44a59cecb.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">Erva Medica AG</p>
          <a href="/fr/products/baume-actif-a-la-vigne-rouge-125-ml-15520">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Baume Actif à la Vigne Rouge, 125 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lmdfEJeaalZHtPeKXS_-W9lHEv4xv7o05hova5mZLjcNk4bE7Wa8DjEDnBs5eB3_y_PeQ1wP7jLYqNPDbKPCDA" />
    <input value="15520" 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/nucleotides-cognicell-nt-60-gelules-60-piece-15518">
          <img alt="Nucléotides Cognicell" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8833/file/small-8f0d5749e61928097c6fc507ba0bc731.webp 600w, https://assets.fabulous.ch/public/variant_asset/8833/file/medium-24e44ac9b6c5d26bb1b8fbea6dcfa966.webp 900w, https://assets.fabulous.ch/public/variant_asset/8833/file/large-c0d3ae39a4971d87fe2b464a9442d11e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8833/file/medium-24e44ac9b6c5d26bb1b8fbea6dcfa966.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">Erva Medica AG</p>
          <a href="/fr/products/nucleotides-cognicell-nt-60-gelules-60-piece-15518">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nucléotides Cognicell, 60 capsules</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WkZ720LUXugH1OW1NxfrIXDpzVQ7X-ITXqpDtby5TE3BsqIPOCiIsHFjjiRTQAiFYl0B6VbvthVgGL8dSYOgdg" />
    <input value="15518" 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/nucleotides-hepacell-nt-60-gelules-60-piece-14933">
          <img alt="Nucléotides Hepacell" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8832/file/small-3e8babc7ec8e05349c050ff585d7810b.webp 600w, https://assets.fabulous.ch/public/variant_asset/8832/file/medium-611b1d3d495c39f76954ce92e6954770.webp 900w, https://assets.fabulous.ch/public/variant_asset/8832/file/large-e6c22ef786ff76159d42f51aaffc5d1e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8832/file/medium-611b1d3d495c39f76954ce92e6954770.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">Erva Medica AG</p>
          <a href="/fr/products/nucleotides-hepacell-nt-60-gelules-60-piece-14933">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nucléotides Hepacell, 60 capsules</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 34.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SkMxhsVfLgJOAGkJ_6ekxark4D5HPZX-cdnxtPwR6J3Rt-hSv6P4Wji3Apib8EdhuFAsgyqNwfhPaw0cCSsEpg" />
    <input value="14933" 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/nucleotides-histocell-nt-60-gelules-60-piece-13878">
          <img alt="Nucléotides Histocell" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8829/file/small-1a221ab55eb03645e182286b84dcfc29.webp 600w, https://assets.fabulous.ch/public/variant_asset/8829/file/medium-8e3c1f0af4d4862dceffdd934152fa1a.webp 900w, https://assets.fabulous.ch/public/variant_asset/8829/file/large-1e2cc4aeb82de690a1e6f73fad869de8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8829/file/medium-8e3c1f0af4d4862dceffdd934152fa1a.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">Erva Medica AG</p>
          <a href="/fr/products/nucleotides-histocell-nt-60-gelules-60-piece-13878">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nucléotides Histocell, 60 capsules</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aIiV-dcEkODXHBI0mbwVNLO4wwjgbbut7sKqQ6-tyH3zfEwtrfhGuKGreaX96_aQoQwPtY3d76vQcFbrWpckRg" />
    <input value="13878" 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">
      140 sur 3&#39;165 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/makri?format=turbo_stream&amp;page=8">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>