<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/huile-d-onagre-90-gelules-90-piece-11676">
          <img alt="Huile d&#39;Onagre" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8902/file/small-fd160a51cdf40a18505f9bfb215d079f.webp 600w, https://assets.fabulous.ch/public/variant_asset/8902/file/medium-3924e997a9bdb9025a81d32a5d29be6a.webp 900w, https://assets.fabulous.ch/public/variant_asset/8902/file/large-0f1c3107ebab41af648f8883f144eb10.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8902/file/medium-3924e997a9bdb9025a81d32a5d29be6a.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/huile-d-onagre-90-gelules-90-piece-11676">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Huile d&#39;Onagre, 90 capsules</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 36.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Y8CoEXFPpatmzxEM8pVDlfUeE3YVml_XybEI0UEu6UDZuYHwmYjzSQRj8P3ZtiwkfxpeR2v96Gayo0yjMfG5MA" />
    <input value="11676" 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/hepa-aktiv-90-gelules-90-piece-11722">
          <img alt="Hepa Aktiv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8891/file/small-decf5850b209e38df0e9644e0dbd11d2.webp 600w, https://assets.fabulous.ch/public/variant_asset/8891/file/medium-35d42904079ad6a8242060d9a05e7f75.webp 900w, https://assets.fabulous.ch/public/variant_asset/8891/file/large-2b4357f310dac6134427c0274be8d9ae.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8891/file/medium-35d42904079ad6a8242060d9a05e7f75.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/hepa-aktiv-90-gelules-90-piece-11722">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hepa Aktiv, 90 capsules</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 34.90
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/tempeh-starter-10-g-3781">
          <img alt="Tempeh Starter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2436/file/small-7cf482257a6e0867091877ed7d43bc98.webp 600w, https://assets.fabulous.ch/public/variant_asset/2436/file/medium-d3aaa0d9da4a9ffbe07401431b0f3993.webp 900w, https://assets.fabulous.ch/public/variant_asset/2436/file/large-611dacba96a21f75735a573641bb3da5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2436/file/medium-d3aaa0d9da4a9ffbe07401431b0f3993.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">Produced for fabulous!</p>
          <a href="/fr/products/tempeh-starter-10-g-3781">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tempeh Starter, 10 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="J3_ooVe2FWAdYQH_yN3CKyRa4INB7KTmLtHUl_YrYyudBsFAv3FDgn_N4A7j_q2arl6tsj-LE1dVw5DlhvQzWw" />
    <input value="3781" 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/natto-starter-10-g-3782">
          <img alt="Natto Starter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2437/file/small-156f51934df95ae79c8864fe1f585558.webp 600w, https://assets.fabulous.ch/public/variant_asset/2437/file/medium-804fd97d367a912ae6e5ece9fb8e4326.webp 900w, https://assets.fabulous.ch/public/variant_asset/2437/file/large-789049cdab9310b3252a96dcde7e3738.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2437/file/medium-804fd97d367a912ae6e5ece9fb8e4326.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">Produced for fabulous!</p>
          <a href="/fr/products/natto-starter-10-g-3782">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Natto Starter, 10 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="R3stlrH3chpf0MRH1-NRukDbQYPIW0vy3mpoYxq3lfv9AgR3WTAk-D18Jbb8wD4Lyt8MsrY8_EOleCwRamjFiw" />
    <input value="3782" 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/pastilles-pour-lave-vaisselle-25-pcs-25-piece-539">
          <img alt="Pastilles pour lave-vaisselle" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/488/file/small-60a98f21b2dc51229da2133c1cc3bbdb.webp 600w, https://assets.fabulous.ch/public/variant_asset/488/file/medium-8129c364f0fcbd0e5d5d3a1ba31250b9.webp 900w, https://assets.fabulous.ch/public/variant_asset/488/file/large-5753fde88a22ee9204c882ce28ebc233.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/488/file/medium-8129c364f0fcbd0e5d5d3a1ba31250b9.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">Sonett</p>
          <a href="/fr/products/pastilles-pour-lave-vaisselle-25-pcs-25-piece-539">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pastilles pour lave-vaisselle, 25 pièces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.05
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-GBA0bpCLGN1L0aJkTnLZnX8AdLsmXC7ltjEs0FXE5hCGWkwUoV6gReDp3i6GqTX__hM45L-xwrtyoDBMYhD6A" />
    <input value="539" 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/vitamine-d3-k2-c-spray-buccal-25-ml-9489">
          <img alt="Vitamine D3 K2 &amp; C Spray buccal" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5346/file/small-23bd3726affdcdaae351c15d4434d212.webp 600w, https://assets.fabulous.ch/public/variant_asset/5346/file/medium-19b709750cfae2541209c5080a401ed1.webp 900w, https://assets.fabulous.ch/public/variant_asset/5346/file/large-44166f139b49b045f03f98162999db7d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5346/file/medium-19b709750cfae2541209c5080a401ed1.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">energybalance</p>
          <a href="/fr/products/vitamine-d3-k2-c-spray-buccal-25-ml-9489">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vitamine D3 K2 &amp; C Spray buccal, 25 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qjjuvkD7OFI_TEzsO7Z1o8OvFXf-oQBuMB4maxiFor8QQcdfqDxusF3grR0QlRoSSatYRoDGt99LDGIZaFryzw" />
    <input value="9489" 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/vinaigre-de-pomme-vegetalien-bio-1-l-6974">
          <img alt="Vinaigre de pomme végétalien Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4039/file/small-76dc5cb968880cc6027cddf846d88ca1.webp 600w, https://assets.fabulous.ch/public/variant_asset/4039/file/medium-dbaf828f09c5f06cf7f1614aad36ef62.webp 900w, https://assets.fabulous.ch/public/variant_asset/4039/file/large-71de24f5b8d204ffa47a33150811b84a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4039/file/medium-dbaf828f09c5f06cf7f1614aad36ef62.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">Biofarm</p>
          <a href="/fr/products/vinaigre-de-pomme-vegetalien-bio-1-l-6974">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vinaigre de pomme végétalien Bio, 1 l</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 0.49 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fZAELlN2X2SKq7RgSweo3RskeWRqwkKuZFjRBywgL7zH6S3Pu7EJhugHVZFgJMdskSA0VRSl9R8fSpV1XP9_zA" />
    <input value="6974" 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/liquide-de-rincage-pour-lave-vaisselle-500-ml-7581">
          <img alt="Liquide de rinçage pour lave-vaisselle" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4375/file/small-b00460da3ce1cd53e4c0d00204044450.webp 600w, https://assets.fabulous.ch/public/variant_asset/4375/file/medium-21da1d5edff2adf593823aba85dad5b3.webp 900w, https://assets.fabulous.ch/public/variant_asset/4375/file/large-412c7dc90f38ab8adf77c0f33a5c353e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4375/file/medium-21da1d5edff2adf593823aba85dad5b3.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">Sonett</p>
          <a href="/fr/products/liquide-de-rincage-pour-lave-vaisselle-500-ml-7581">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Liquide de rinçage pour lave-vaisselle, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.35
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RXihELPN32fSCkP7oCikOR_c6G1XNYtJE-MCujXQOcr_AYjxWwqJhbCmogqLC8uIldilXClSPPho8UbIRQ9pug" />
    <input value="7581" 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/melt-me-alternative-vegan-a-la-fondue-au-fromage-400-g-8125">
          <img alt="Melt Me Alternative Vegan à la Fondue au Fromage" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4752/file/small-749e3d30e49de474a60403a355ab00ad.webp 600w, https://assets.fabulous.ch/public/variant_asset/4752/file/medium-c1c65952d583a7e83dfdf1772cb4fd14.webp 900w, https://assets.fabulous.ch/public/variant_asset/4752/file/large-a6e59dee7995d0d32269b56c2de3dd91.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4752/file/medium-c1c65952d583a7e83dfdf1772cb4fd14.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Soyana</p>
          <a href="/fr/products/melt-me-alternative-vegan-a-la-fondue-au-fromage-400-g-8125">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Melt Me Alternative Vegan à la Fondue au Fromage, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.85
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JmauEkBXH8YdOynmyIYpwULPrzajc6zmOu0mN38QlBacH4fzqJBJJH-XyBfjpUZwyMviB90UG1dB_2JFD8_EZg" />
    <input value="8125" 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/pates-spaghetti-mais-riz-sans-gluten-bio-250-g-16023">
          <img alt="Pâtes Spaghetti 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/7401/file/small-1d5f1a8590bb4c186929bd3c5227a512.webp 600w, https://assets.fabulous.ch/public/variant_asset/7401/file/medium-dd0ac9ac9700b85ad6ae6a60b3464b17.webp 900w, https://assets.fabulous.ch/public/variant_asset/7401/file/large-27a282fff204092e745fd80fe06e2fe7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7401/file/medium-dd0ac9ac9700b85ad6ae6a60b3464b17.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">Alce Nero</p>
          <a href="/fr/products/pates-spaghetti-mais-riz-sans-gluten-bio-250-g-16023">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pâtes Spaghetti 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 3.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="04mtHwfsIWXgXpu3s2fX1IQRUw06HaTRQ4yIprjuWDhp8IT-7yt3h4LyekaYRLhlDhUePER6E2A4nszUyDEISA" />
    <input value="16023" 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/flips-de-mais-aux-cacahuetes-sans-gluten-bio-125-g-5389">
          <img alt="Flips de maïs aux cacahuètes 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/9006/file/small-00f0dbdb6cc51de47830dcfae70b2529.webp 600w, https://assets.fabulous.ch/public/variant_asset/9006/file/medium-0be6aa8581b178468131008f0483abbb.webp 900w, https://assets.fabulous.ch/public/variant_asset/9006/file/large-298218fa2675eef960c598dfe2f7ed00.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9006/file/medium-0be6aa8581b178468131008f0483abbb.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">de Rit</p>
          <a href="/fr/products/flips-de-mais-aux-cacahuetes-sans-gluten-bio-125-g-5389">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Flips de maïs aux cacahuètes Sans Gluten Bio, 125 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 2.76 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/biscuits-noisette-chocolat-praline-bio-135-g-12381">
          <img alt="Biscuits Noisette Chocolat Praline Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6205/file/small-efe6cebcbd3e9e6f7c100249a4987f36.webp 600w, https://assets.fabulous.ch/public/variant_asset/6205/file/medium-b2e66bcf9340e6a7fcb01a53feb0671d.webp 900w, https://assets.fabulous.ch/public/variant_asset/6205/file/large-1a5bdf09d408c2953e44fb4ed2be1591.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6205/file/medium-b2e66bcf9340e6a7fcb01a53feb0671d.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">Rhythm 108</p>
          <a href="/fr/products/biscuits-noisette-chocolat-praline-bio-135-g-12381">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biscuits Noisette Chocolat Praline Bio, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.35
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VKSXCfr-oXB3DRHVkxHafkTG8Dyz4ZHpp7KN9KcYQtju3b7oEjn3khWh8CS4MrXPzsK9Dc2GJljcoMmG18cSqA" />
    <input value="12381" 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-bio-140-g-108">
          <img alt="Tofu fumé Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/118/file/small-08059504fa3d36efd22cddda3033305e.webp 600w, https://assets.fabulous.ch/public/variant_asset/118/file/medium-68e2192ede5e8efba6310d7cb62f28d2.webp 900w, https://assets.fabulous.ch/public/variant_asset/118/file/large-ba5f160d0cba188260069f041306e72d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/118/file/medium-68e2192ede5e8efba6310d7cb62f28d2.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Engel-Tofu</p>
          <a href="/fr/products/tofu-fume-bio-140-g-108">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tofu fumé Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.85
            </p>

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

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/boisson-au-riz-avec-noisettes-sans-sucre-ajouter-bio-1-l-2037cc7b-336d-4801-966f-2e01e0251330-10782">
          <img alt="Boisson au riz avec noisettes Sans Sucre ajouter Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5624/file/small-7e491859548c108fc68c2c1a05e28ef2.webp 600w, https://assets.fabulous.ch/public/variant_asset/5624/file/medium-7ea5a6bac685e45044a8bbcb352cb2c6.webp 900w, https://assets.fabulous.ch/public/variant_asset/5624/file/large-65ec05ba5c95bdf82fae37ca4ce4f647.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5624/file/medium-7ea5a6bac685e45044a8bbcb352cb2c6.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Allos</p>
          <a href="/fr/products/boisson-au-riz-avec-noisettes-sans-sucre-ajouter-bio-1-l-2037cc7b-336d-4801-966f-2e01e0251330-10782">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Boisson au riz avec noisettes Sans Sucre ajouter Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.25
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-9yvFFHNBbUdNTmuyFJ4rDlBMHnF3hCe7uLbYsyubPlBpYb1uQpTV3-Z2F_jcRcds0V9SLu5py-V8J8QvHE8iQ" />
    <input value="10782" 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/seitan-emince-bio-1-kg-17535">
          <img alt="Seitan Émincé Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8180/file/small-18289d7571c04883073b57b24f3429a1.webp 600w, https://assets.fabulous.ch/public/variant_asset/8180/file/medium-d71789aafaba9bc502f9c714b7dc74fe.webp 900w, https://assets.fabulous.ch/public/variant_asset/8180/file/large-d8fc39f2163453d6a412c844caa95566.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8180/file/medium-d71789aafaba9bc502f9c714b7dc74fe.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Engel-Tofu</p>
          <a href="/fr/products/seitan-emince-bio-1-kg-17535">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Seitan Émincé Bio, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.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.32 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VhMAoT3Gy9DMDbgugZUiEcP5IeZ_KchKwu0QIDGgnhrsailA1QGdMq6hWd-qtk2gSf1s1wFOf_u5_1RSQX_Oag" />
    <input value="17535" 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/riz-basmati-blanc-biofarm-en-grand-conditionnement-bio-5-kg-15494">
          <img alt="Riz Basmati Blanc Biofarm en Grand Conditionnement, Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7066/file/small-5875f96301a8a1b323105d2f28bae045.webp 600w, https://assets.fabulous.ch/public/variant_asset/7066/file/medium-429440f5312e38cd819ffb0cc17195e4.webp 900w, https://assets.fabulous.ch/public/variant_asset/7066/file/large-3803e973c4a2945dba4cdd3fffba6aec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7066/file/medium-429440f5312e38cd819ffb0cc17195e4.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">Biofarm</p>
          <a href="/fr/products/riz-basmati-blanc-biofarm-en-grand-conditionnement-bio-5-kg-15494">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Riz Basmati Blanc Biofarm en Grand Conditionnement, Bio, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 47.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yES5T_Z-oYFAe2CtKhUYeHwraOFBSxVd1ZnrJ4aoBRVyPZCuHrn3YyLXgVwBNnfJ9i8l0D8souyui69V9ndVZQ" />
    <input value="15494" 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/cookie-dough-pepites-de-chocolat-bio-90-g-8382">
          <img alt="Cookie Dough Pépites de chocolat Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4952/file/small-69a869f4ca3e45a5106f85bce310b12e.webp 600w, https://assets.fabulous.ch/public/variant_asset/4952/file/medium-fd0b43411d71a48959e12d2054702462.webp 900w, https://assets.fabulous.ch/public/variant_asset/4952/file/large-18f54588eb237af17053e6de7a15b76e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4952/file/medium-fd0b43411d71a48959e12d2054702462.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">Freely Handustry</p>
          <a href="/fr/products/cookie-dough-pepites-de-chocolat-bio-90-g-8382">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cookie Dough Pépites de chocolat Bio, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.00
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/je-ne-suis-pas-une-saucisse-bratwurst-bio-1-kg-17863">
          <img alt="&quot;Je ne suis pas une saucisse bratwurst&quot; Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8861/file/small-abd061d29a1333bb4d6994ef32783746.webp 600w, https://assets.fabulous.ch/public/variant_asset/8861/file/medium-1921799052d4c9a6b26ff94adc870063.webp 900w, https://assets.fabulous.ch/public/variant_asset/8861/file/large-b7d220b055a6b6fbe5f83d04e39abc59.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8861/file/medium-1921799052d4c9a6b26ff94adc870063.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Soyana</p>
          <a href="/fr/products/je-ne-suis-pas-une-saucisse-bratwurst-bio-1-kg-17863">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">&quot;Je ne suis pas une saucisse bratwurst&quot; Bio, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.60
            </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.76 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="r4PlGDA1Rx3j-4DsoSKE2mwibzo5eJ3gkCvk9VkAJ_4V-sz52PIR_4FXYR2KAetr5iYiC0cfKlHrOaCHKd93jg" />
    <input value="17863" 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/muesli-chocolat-avoine-sans-gluten-bio-425-g-7935">
          <img alt="Muesli Chocolat AVOINE sans gluten Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4659/file/small-ba7cf61da1d7f2b0ea045558d81bdb6a.webp 600w, https://assets.fabulous.ch/public/variant_asset/4659/file/medium-dc4a177a7b3c7820bfb09924c61e678a.webp 900w, https://assets.fabulous.ch/public/variant_asset/4659/file/large-7931c852bffed9f155dc2603bdcf359b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4659/file/medium-dc4a177a7b3c7820bfb09924c61e678a.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">Bauckhof</p>
          <a href="/fr/products/muesli-chocolat-avoine-sans-gluten-bio-425-g-7935">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Muesli Chocolat AVOINE sans gluten Bio, 425 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="W7EmMkrywWIgNOMAcVtteyq6R5qqUpOeVP6HyB4zeJHhyA_TojWXgEKYAvFaeALKoL4Kq9Q1JC8v7MO6buwo4Q" />
    <input value="7935" 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/dinki-emince-marinade-epicee-bio-200-g-6821">
          <img alt="Dinki émincé marinade épicée Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3942/file/small-e145d8daf2cb41bf9ce596a374471d2c.webp 600w, https://assets.fabulous.ch/public/variant_asset/3942/file/medium-ca6be279535eb6607171216c4f1a3fab.webp 900w, https://assets.fabulous.ch/public/variant_asset/3942/file/large-dd295bf62420b8d4383319c1e5b6eed6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3942/file/medium-ca6be279535eb6607171216c4f1a3fab.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Soyana</p>
          <a href="/fr/products/dinki-emince-marinade-epicee-bio-200-g-6821">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dinki émincé marinade épicée Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.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 3.48 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9GZrdksA_0WlVNPNTCBySKb3nNByTvYzomRaR-c4p0FOH0KXo8epp8f4MjxnAx35LPPR4QwpQYLZdh41l-f3MQ" />
    <input value="6821" 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">
      600 sur 3&#39;201 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/jooti?format=turbo_stream&amp;page=31">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>