<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/baked-beans-bio-400-g-622">
          <img alt="Baked Beans Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/567/file/small-958908d3a47216d65b77fb6e6ad204a4.webp 600w, https://assets.fabulous.ch/public/variant_asset/567/file/medium-122425f9fc6fb71dd39bc9ba123cdf7c.webp 900w, https://assets.fabulous.ch/public/variant_asset/567/file/large-73cc6ba754ce8fe889964449c88dcf1f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/567/file/medium-122425f9fc6fb71dd39bc9ba123cdf7c.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/baked-beans-bio-400-g-622">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Baked Beans Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.45
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9IrGScT3VPTUfDV38uRdZ1OBF2S1sMxrKueALtr3dOM-hft3p_IqF2wsW7RRlVc5BMt_31s8d_pgofjqm8DPSQ" />
    <input value="622" 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/pois-chiche-boite-bio-400-g-623">
          <img alt="Pois Chiche Boîte Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/568/file/small-e94a248af3899e3e596324ec8a74d41c.webp 600w, https://assets.fabulous.ch/public/variant_asset/568/file/medium-7c4971470b5eee648c6a10392ab2a797.webp 900w, https://assets.fabulous.ch/public/variant_asset/568/file/large-0785d1ae1dd1e0dfda69060384c2d288.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/568/file/medium-7c4971470b5eee648c6a10392ab2a797.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/pois-chiche-boite-bio-400-g-623">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pois Chiche Boîte Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-0WSOnNM50D3bpowFF7uATJIdF-6iLhOQUVzLTsYzv4xSq8EEEmZo08-9PO3L-RfZQIc5FQEA98LAwvpei91VA" />
    <input value="623" 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="saSnVUH-d9YkY8s5B_Ltv4fvnOu_p_zbjh17f8nuW4Z7q5prIvsJNZwzpfqkg-fh0KX0UFErR0rEWwO7iNngLA" />
    <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/huile-de-noix-coco-bio-450-ml-665">
          <img alt="Huile de noix coco Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/612/file/small-1901f85b68802c9826f97931fdc1dd41.webp 600w, https://assets.fabulous.ch/public/variant_asset/612/file/medium-54b70f5e3f799c33d0a61319f68cd7ad.webp 900w, https://assets.fabulous.ch/public/variant_asset/612/file/large-3cc1423326193f8b50aba28af64e3952.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/612/file/medium-54b70f5e3f799c33d0a61319f68cd7ad.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">Kulau</p>
          <a href="/fr/products/huile-de-noix-coco-bio-450-ml-665">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Huile de noix coco Bio, 450 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VEBQDmrKEp7LW0CRCi9vThlPb5JyV0HGt-WBws2zTP2eT20wCc9sfXMLLlKpXmUQTgUHKZzb-lf9o_kGjIT3Vw" />
    <input value="665" 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/lazzaretti-pates-aux-lentilles-corail-bio-250-g-686">
          <img alt="Lazzaretti Pâtes aux lentilles corail Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/641/file/small-03e80cee9855636698878f12671a9022.webp 600w, https://assets.fabulous.ch/public/variant_asset/641/file/medium-59b15d21753f640f3feaa4a53d20abea.webp 900w, https://assets.fabulous.ch/public/variant_asset/641/file/large-f181e6e2fa0b4b2e518755acf90aa126.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/641/file/medium-59b15d21753f640f3feaa4a53d20abea.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">Lazzaretti</p>
          <a href="/fr/products/lazzaretti-pates-aux-lentilles-corail-bio-250-g-686">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lazzaretti Pâtes aux lentilles corail Bio, 250 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 1.96 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EXLNwpggyKZX3VXQrDNHKAZmRNG73XfGkP1vh9MHU4vbffD8-yW2Re-NOxMPQk12USwsalVRzFfauxdDkjDoIQ" />
    <input value="686" 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/lazzaretti-pates-aux-pois-chiches-demeter-250-g-687">
          <img alt="Lazzaretti Pâtes aux pois chiches Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/643/file/small-88bee128d4955ef26b21e7d11373b9b7.webp 600w, https://assets.fabulous.ch/public/variant_asset/643/file/medium-70201a1351e94cfcc9c37d292953834c.webp 900w, https://assets.fabulous.ch/public/variant_asset/643/file/large-7295fc5aba327688804e26ce6dd32a8b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/643/file/medium-70201a1351e94cfcc9c37d292953834c.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">Lazzaretti</p>
          <a href="/fr/products/lazzaretti-pates-aux-pois-chiches-demeter-250-g-687">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lazzaretti Pâtes aux pois chiches Demeter, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/sirop-d-agave-bio-500-ml-806">
          <img alt="Sirop d&#39;Agave Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/746/file/small-e1e084214dc1291b455bad7840bb11cc.webp 600w, https://assets.fabulous.ch/public/variant_asset/746/file/medium-b19ad39b581523f460e094f7871ca288.webp 900w, https://assets.fabulous.ch/public/variant_asset/746/file/large-44fc03a25cb26d8df522041e6f07d800.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/746/file/medium-b19ad39b581523f460e094f7871ca288.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Allos</p>
          <a href="/fr/products/sirop-d-agave-bio-500-ml-806">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sirop d&#39;Agave Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.55
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AYsB0dhZnvO0rUOc9LEiRsUg78iKku8uDGOMuCNYj1zLhDzvu1zgEAz9LV9XwCgYkmqHc2QeVL9GJfR8Ym809g" />
    <input value="806" 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/lasagne-au-mais-riz-sans-gluten-bio-250-g-818">
          <img alt="Lasagne au maïs-riz 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/754/file/small-95777c7ded5bda0147da1e0fda204426.webp 600w, https://assets.fabulous.ch/public/variant_asset/754/file/medium-88945d89f984e8f55d813a7577b4fe72.webp 900w, https://assets.fabulous.ch/public/variant_asset/754/file/large-0aa6b08a026eeeaac058b040fdfa71ab.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/754/file/medium-88945d89f984e8f55d813a7577b4fe72.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">felicia</p>
          <a href="/fr/products/lasagne-au-mais-riz-sans-gluten-bio-250-g-818">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lasagne au maïs-riz Sans Gluten Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IIA89ioWAtL14XSniqwdgYyOQAULEbHPyY9VUGzBlS7qjwHISRN8MU2xGmQp3Rff28QovuWdCl6DyS2ULfYuhA" />
    <input value="818" 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/beurre-de-cacahuete-fin-terrasana-bio-250-g-856">
          <img alt="Beurre de cacahuète fin Terrasana Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/785/file/small-aa5399aa551979a773bcfc4cc23569a2.webp 600w, https://assets.fabulous.ch/public/variant_asset/785/file/medium-1167f74fd3c74c09fb476f7af7119b91.webp 900w, https://assets.fabulous.ch/public/variant_asset/785/file/large-477e9bd595677896021e4b5a435ad80e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/785/file/medium-1167f74fd3c74c09fb476f7af7119b91.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Terrasana</p>
          <a href="/fr/products/beurre-de-cacahuete-fin-terrasana-bio-250-g-856">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Beurre de cacahuète fin Terrasana Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="W02CWeaUQ3ctwV4ZV-r_YK3Tt8HgYIb3zhsqzNR-qhqRQr9nhZE9lJWRMNr0m_U--pnfeg7sPWaEXVIIlUkRsA" />
    <input value="856" 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/mayo-veganaise-di-riso-natur-bio-170-g-986">
          <img alt="Mayo Veganaise di Riso NATUR Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/864/file/small-154cd520c67251f42e59055df74381c9.webp 600w, https://assets.fabulous.ch/public/variant_asset/864/file/medium-854f837b5295163b15d0a2dddc8f5258.webp 900w, https://assets.fabulous.ch/public/variant_asset/864/file/large-800cfe6d04b28f807f784c891113cfaa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/864/file/medium-854f837b5295163b15d0a2dddc8f5258.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">Gautschi</p>
          <a href="/fr/products/mayo-veganaise-di-riso-natur-bio-170-g-986">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mayo Veganaise di Riso NATUR Bio, 170 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DIeKw8fc5KzSzPnrulKbPvNSjsJVBHtGes6_wDICmfLGiLf9pNmaT2qclygZI5FgpBjmebuIwNcwiMcEczUiWA" />
    <input value="986" 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/worcestershire-sauce-sans-gluten-bio-140-ml-1003">
          <img alt="Worcestershire 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/879/file/small-1ce812bd1a1c608f2763b2040f7b65b8.webp 600w, https://assets.fabulous.ch/public/variant_asset/879/file/medium-1d23dd0545d998b187c242326ce5bfb0.webp 900w, https://assets.fabulous.ch/public/variant_asset/879/file/large-b36139dc3b93d7f905e4b0dc0bc950c1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/879/file/medium-1d23dd0545d998b187c242326ce5bfb0.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/worcestershire-sauce-sans-gluten-bio-140-ml-1003">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Worcestershire Sauce Sans Gluten Bio, 140 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TVrUie4wBekzqmppR7mt6lWmiECWcP_uLXLuSxoJLE2HVem3jTV7Cov6BKrkyKe0Auzg-3j8RH9nNJaPWz6X5w" />
    <input value="1003" 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/soja-sauce-tamari-25-de-sel-en-moins-bio-500-ml-1015">
          <img alt="Soja Sauce Tamari 25% de sel en moins Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/890/file/small-1bc3a06298169d0f43ffd8013e488d79.webp 600w, https://assets.fabulous.ch/public/variant_asset/890/file/medium-24d83cf39b1224b98b3d1343a8b7c5ca.webp 900w, https://assets.fabulous.ch/public/variant_asset/890/file/large-6edd9329eb8a70ecaf3b09a5684a6b0a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/890/file/medium-24d83cf39b1224b98b3d1343a8b7c5ca.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">Lima</p>
          <a href="/fr/products/soja-sauce-tamari-25-de-sel-en-moins-bio-500-ml-1015">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soja Sauce Tamari 25% de sel en moins Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Qm3fJxEtuj1NRs4B_I62sHDvSLGyEsxrV8SHtVFJF3GIYuIZcijE3vUWoMJf_7zuJ6UgClyed_odgv9xEH6s2w" />
    <input value="1015" 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-sauce-tamari-strong-bio-500-ml-1016">
          <img alt="Soja Sauce Tamari Strong Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/891/file/small-89e2cb73faa0b8fa1155118463ac88ba.webp 600w, https://assets.fabulous.ch/public/variant_asset/891/file/medium-2bfbd3e91b3128f6b75ac186c84a74e6.webp 900w, https://assets.fabulous.ch/public/variant_asset/891/file/large-852e95c2464b83f805ab1a60ca584e8a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/891/file/medium-2bfbd3e91b3128f6b75ac186c84a74e6.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">Lima</p>
          <a href="/fr/products/soja-sauce-tamari-strong-bio-500-ml-1016">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soja Sauce Tamari Strong Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.30
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/sel-himalaya-moulu-400-g-1020">
          <img alt="Sel Himalaya moulu" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/894/file/small-46e8caf42d68c043679fd1a836f6765a.webp 600w, https://assets.fabulous.ch/public/variant_asset/894/file/medium-f20d4ec9c3d79717ac5b37086e6c77ac.webp 900w, https://assets.fabulous.ch/public/variant_asset/894/file/large-24f3105531facd9613ddc874d29898f4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/894/file/medium-f20d4ec9c3d79717ac5b37086e6c77ac.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">VitaSal</p>
          <a href="/fr/products/sel-himalaya-moulu-400-g-1020">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sel Himalaya moulu, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ii-YjrPA380h_bb2jg7aIt26aXqCKdrHV8JsSSf56LvoIKWw0MWhLpmt2DUtf9B8ivABwWylYVYdhBSNZs5TEQ" />
    <input value="1020" 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/sucre-de-canne-roux-syramena-demeter-1-kg-1022">
          <img alt="Sucre de Canne Roux Syramena Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/895/file/small-4f68654387630ef8592ca8f834f76e68.webp 600w, https://assets.fabulous.ch/public/variant_asset/895/file/medium-e3827febde9eaffa478d1b660c007a25.webp 900w, https://assets.fabulous.ch/public/variant_asset/895/file/large-1970810cf2db7687011a988466f3f009.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/895/file/medium-e3827febde9eaffa478d1b660c007a25.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">Ekkharthof</p>
          <a href="/fr/products/sucre-de-canne-roux-syramena-demeter-1-kg-1022">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sucre de Canne Roux Syramena Demeter, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CX9UcMbnBEZWvwfHBv4kaSafIBEtcGarS-D1soLViUrDcGlOpeJ6pe7vaQSljy43cdVIqsP83ToBpo12w-Iy4A" />
    <input value="1022" 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/sauce-de-soja-shoyu-28-moins-de-sel-bio-250-ml-1023">
          <img alt="Sauce de Soja Shoyu 28% moins de sel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/896/file/small-372e60d9ab6a56e30b6277b0ec586186.webp 600w, https://assets.fabulous.ch/public/variant_asset/896/file/medium-bdab273367219c25352b005b30b76446.webp 900w, https://assets.fabulous.ch/public/variant_asset/896/file/large-706a2dc44a5d68b64c7cb6f1b521c710.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/896/file/medium-bdab273367219c25352b005b30b76446.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">Lima</p>
          <a href="/fr/products/sauce-de-soja-shoyu-28-moins-de-sel-bio-250-ml-1023">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sauce de Soja Shoyu 28% moins de sel Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0onQryZSo_OXx-mFcWRY8bFlUvdLnKpfJxX2M0iTRy0Yhu2RRVfdEC-Xh0bSFVKv5i86TKUQEc5tU473CaT8hw" />
    <input value="1023" 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/assaisonnement-liquide-sans-extrait-de-levure-bio-90-ml-1055">
          <img alt="Assaisonnement Liquide Sans Extrait De Levure Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/927/file/small-521dd1e50fd48c39e4d13770d551512e.webp 600w, https://assets.fabulous.ch/public/variant_asset/927/file/medium-34c482480f739cb0c053b63d90d9e223.webp 900w, https://assets.fabulous.ch/public/variant_asset/927/file/large-0f7f33621e3efc85851151c5205d8500.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/927/file/medium-34c482480f739cb0c053b63d90d9e223.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturata</p>
          <a href="/fr/products/assaisonnement-liquide-sans-extrait-de-levure-bio-90-ml-1055">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Assaisonnement Liquide Sans Extrait De Levure Bio, 90 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="agYAyjvHLhBae-6E1nXkpVBlyHozWs_JLz-CNcQglKGgCT30WMJQ8-IrgEd1BO77By-gwd3WdFhlefrxhRcvCw" />
    <input value="1055" 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-en-tube-bio-200-g-1073">
          <img alt="Concentré de tomate 22 % en tube Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/945/file/small-7da296b0935ac085d29b0d47c133f81e.webp 600w, https://assets.fabulous.ch/public/variant_asset/945/file/medium-81ac1a94c87091a1fc15107b9010f4c5.webp 900w, https://assets.fabulous.ch/public/variant_asset/945/file/large-6f228d73d6ef00b499ed19964af98c16.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/945/file/medium-81ac1a94c87091a1fc15107b9010f4c5.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-en-tube-bio-200-g-1073">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Concentré de tomate 22 % en tube Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qqcwZXbkvC36vNx79gFxnG0dP4sjxPEK1Md187aMJ6BgqA1bFeHCzkLssrhVcHvCOldXMM1ISpuegQ0397ucCg" />
    <input value="1073" 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/paprika-doux-et-moulu-bio-50-g-1172">
          <img alt="Paprika doux et moulu Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1044/file/small-51cf22e73d1444f50e386c191f67ac3a.webp 600w, https://assets.fabulous.ch/public/variant_asset/1044/file/medium-21baecad366c6dbfaf786ff2ed7b9a43.webp 900w, https://assets.fabulous.ch/public/variant_asset/1044/file/large-519914d75ed57e0052b78edd35b66f8d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1044/file/medium-21baecad366c6dbfaf786ff2ed7b9a43.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lebensbaum</p>
          <a href="/fr/products/paprika-doux-et-moulu-bio-50-g-1172">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Paprika doux et moulu Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.05
            </p>

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

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

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

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


  

  <div class="border-gray-200  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/miso-hatcho-strong-pur-soja-bio-300-g-1192">
          <img alt="Miso Hatcho Strong (Pur Soja) Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1051/file/small-00092f44c3e5afd4ed4a7d147bbe7b16.webp 600w, https://assets.fabulous.ch/public/variant_asset/1051/file/medium-a8e428eb8ecb35014128e9d5b9289e95.webp 900w, https://assets.fabulous.ch/public/variant_asset/1051/file/large-2234dcbf86a4c3f45fc2ec63f2936d95.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1051/file/medium-a8e428eb8ecb35014128e9d5b9289e95.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">Lima</p>
          <a href="/fr/products/miso-hatcho-strong-pur-soja-bio-300-g-1192">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Miso Hatcho Strong (Pur Soja) Bio, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.35
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="i-sWKEHltebGnJwVvlzltS84vNioVAo4gjJ6YZ26YbtB5CsWIuDLBX7M8tYdLe_reHLUY0bYsanIdAKl3I3aEQ" />
    <input value="1192" 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">
      60 sur 581 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/comestibles/ingredients-de-cuisine?format=turbo_stream&amp;page=4">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>