<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/sel-gemme-allemand-fin-500-g-11218">
          <img alt="Sel gemme allemand fin" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5747/file/small-2e89aee2b6dd93ed910d5d2be5079723.webp 600w, https://assets.fabulous.ch/public/variant_asset/5747/file/medium-001dcf33ae313b613695465e0989117e.webp 900w, https://assets.fabulous.ch/public/variant_asset/5747/file/large-3a2abfa150907727b5128ed6b8782ced.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5747/file/medium-001dcf33ae313b613695465e0989117e.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/sel-gemme-allemand-fin-500-g-11218">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sel gemme allemand fin, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </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-11218-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RhOhttPkFRD3CNOIeDKyexU1J3VaxYqLN35Xt0UvN1xXB6dAnDoI6zj1eQGJK7qhEEZNf9UXHgUTSIsi_oD0UQ" />
    <input value="11218" 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/la-cooking-alternative-vegetalienne-a-la-creme-a-cuire-bio-200-ml-11221">
          <img alt="La Cooking Alternative végétalienne à la crème à cuire Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5751/file/small-d14f19bed1b3c884fd320f9df112b7a8.webp 600w, https://assets.fabulous.ch/public/variant_asset/5751/file/medium-b56b66ab56772a3c03d10d516ff875b3.webp 900w, https://assets.fabulous.ch/public/variant_asset/5751/file/large-178d43166fde183fab4b9c7c5eb535f9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5751/file/medium-b56b66ab56772a3c03d10d516ff875b3.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">New Roots</p>
          <a href="/fr/products/la-cooking-alternative-vegetalienne-a-la-creme-a-cuire-bio-200-ml-11221">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">La Cooking Alternative végétalienne à la crème à cuire Bio, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.30
            </p>

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

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

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

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


  

  <div class="border-gray-200 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/curry-sate-sauce-bio-130-ml-11300">
          <img alt="Curry-Saté Sauce Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5792/file/small-ed5a99ecef86551c0522b667339613ee.webp 600w, https://assets.fabulous.ch/public/variant_asset/5792/file/medium-5c90afd5247643b241e9761b712e7807.webp 900w, https://assets.fabulous.ch/public/variant_asset/5792/file/large-d476d8766d0b786a886d4e2fc66fa2e8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5792/file/medium-5c90afd5247643b241e9761b712e7807.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Arche</p>
          <a href="/fr/products/curry-sate-sauce-bio-130-ml-11300">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Curry-Saté Sauce Bio, 130 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UgQAtadOBibNskemI28az47uclSfyyXTbHrn7mB4EgdDEAZD6JAb3QJP7S_SdhIVi50YXhAZsV1ITDt729fRCg" />
    <input value="11300" 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/barre-loveraw-wafer-bar-cre-m-chocolat-blanc-45-g-11301">
          <img alt="Barre LoveRaw Wafer Bar Cre&amp;m Chocolat blanc" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5791/file/small-4eef6b2378daaa237e79ba13195b1e26.webp 600w, https://assets.fabulous.ch/public/variant_asset/5791/file/medium-35bffce896df5427bf370b2b1845ab66.webp 900w, https://assets.fabulous.ch/public/variant_asset/5791/file/large-dc56d31b9c9a13b04c39164456c2498d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5791/file/medium-35bffce896df5427bf370b2b1845ab66.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">Love Raw</p>
          <a href="/fr/products/barre-loveraw-wafer-bar-cre-m-chocolat-blanc-45-g-11301">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Barre LoveRaw Wafer Bar Cre&amp;m Chocolat blanc, 45 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 6.56 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kQEf0xwf4FY4Pj7hvIlsS3rBY1jbDnV5W-EllUn7WVaAFRklU8H9rffDlGhNkGSRf7IJUlTc4fd_1_kA8lSaWw" />
    <input value="11301" 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-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Épuisé
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/boisson-a-base-d-avoine-bio-1-l-11303">
          <img alt="Boisson à base d&#39;avoine Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5796/file/small-8617249b7763b04df7d21675561cbe38.webp 600w, https://assets.fabulous.ch/public/variant_asset/5796/file/medium-8bf70549cfd2986071f09979f8a3841b.webp 900w, https://assets.fabulous.ch/public/variant_asset/5796/file/large-991e491591e796206c0c538a2285d370.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5796/file/medium-8bf70549cfd2986071f09979f8a3841b.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">Oatly</p>
          <a href="/fr/products/boisson-a-base-d-avoine-bio-1-l-11303">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Boisson à base d&#39;avoine Bio, 1 l</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.35 / 100 ml
            </p>
        </div>
      </div>

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/fr/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    M&#39;avertir
</a>

      </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/boisson-au-souchet-naturelle-chufa-bio-1-l-11305">
          <img alt="Boisson au souchet naturelle Chufa Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5800/file/small-4b7533fc368cefafd0549615fc8cb778.webp 600w, https://assets.fabulous.ch/public/variant_asset/5800/file/medium-ce10e12d1c3df66c8a876ff2db5b7567.webp 900w, https://assets.fabulous.ch/public/variant_asset/5800/file/large-6ae0545e732ae487fe5f82fab78a56bc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5800/file/medium-ce10e12d1c3df66c8a876ff2db5b7567.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">Ecomil</p>
          <a href="/fr/products/boisson-au-souchet-naturelle-chufa-bio-1-l-11305">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Boisson au souchet naturelle Chufa Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </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-11305-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8eNV71O7JDLmhEc2rP-uR6ZplHitbqcinMfeF4V6SlDg91MZHGU5ySl57b9d5qadoxr-ciK8M6y48QKCPtWJXQ" />
    <input value="11305" 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/boisson-naturelle-d-epeautre-sans-sucres-ajoutes-bio-1-l-11323">
          <img alt="Boisson naturelle d&#39;épeautre sans sucres ajoutés Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5801/file/small-91dd7bb44be13ddfb04587626ca1eb84.webp 600w, https://assets.fabulous.ch/public/variant_asset/5801/file/medium-dc0cb575dad859936bb4786c5b05c03e.webp 900w, https://assets.fabulous.ch/public/variant_asset/5801/file/large-42bd8bc3f54d9229dab0d7299dd5e4b3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5801/file/medium-dc0cb575dad859936bb4786c5b05c03e.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-naturelle-d-epeautre-sans-sucres-ajoutes-bio-1-l-11323">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Boisson naturelle d&#39;épeautre sans sucres ajoutés Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WPXSDS9rueFcTxCSSakiGTKQhP3CrI31PBMw9lmQK6ZJ4dT7YLWkGpOyuhu4sCrDN-Pu901-GXsYJexj4j_oqw" />
    <input value="11323" 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/boisson-a-la-noix-de-coco-0-sucre-bio-1-l-11324">
          <img alt="Boisson à la noix de coco 0% sucre Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5802/file/small-4cf01beebea90de82bb82d94c198ee42.webp 600w, https://assets.fabulous.ch/public/variant_asset/5802/file/medium-4ce6293840c8d66c8116e8dfef0dc6d2.webp 900w, https://assets.fabulous.ch/public/variant_asset/5802/file/large-c34b83da1d7808de27aef37e95f1ca06.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5802/file/medium-4ce6293840c8d66c8116e8dfef0dc6d2.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-a-la-noix-de-coco-0-sucre-bio-1-l-11324">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Boisson à la noix de coco 0% sucre Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PPjKy4sH8nUNLXSYBxOZhaRUUT7RRiINf2Ec60heVD0t7Mw9xNnvjsLQ3hH2CpFfoSc7NF6UtoNbV8B-8_GXMA" />
    <input value="11324" 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/avoine-amande-boisson-calcium-sans-sucre-ajoute-bio-1-l-11325">
          <img alt="Avoine Amande Boisson Calcium Sans Sucre Ajouté Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5803/file/small-82967e322c3980b9114d4984855058c3.webp 600w, https://assets.fabulous.ch/public/variant_asset/5803/file/medium-01836d2828c27211ef9353c6f9cc78d4.webp 900w, https://assets.fabulous.ch/public/variant_asset/5803/file/large-7a19c89ce1c74759dac04463d0b1e23a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5803/file/medium-01836d2828c27211ef9353c6f9cc78d4.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/avoine-amande-boisson-calcium-sans-sucre-ajoute-bio-1-l-11325">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Avoine Amande Boisson Calcium Sans Sucre Ajouté Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0yf6xQglZchwzeZe5dgb1WrhbbAlhntR7cwgQ5ctgXTCM_wzR_t4M78wTNcUwRMPb5IHuqpU79_J-vzWLIJCeQ" />
    <input value="11325" 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/boisson-soja-chai-indien-bio-500-ml-11326">
          <img alt="Boisson Soja Chai Indien Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5805/file/small-51dc9f93e3f9f10102ca620fa7ac26f9.webp 600w, https://assets.fabulous.ch/public/variant_asset/5805/file/medium-b9e431bb80b9b1b30012dae53aac3182.webp 900w, https://assets.fabulous.ch/public/variant_asset/5805/file/large-c2d78e741fc3995b7794408c0e0c2670.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5805/file/medium-b9e431bb80b9b1b30012dae53aac3182.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/boisson-soja-chai-indien-bio-500-ml-11326">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Boisson Soja Chai Indien Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5qOegnqXssqtmoLxYEMSCLcfd-qxWN4sk1mlftayl_D3t5h0NUmvMWJnKHiRWhrSsmwd4D6KSqK3b3nrbR1U_Q" />
    <input value="11326" 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/boisson-de-riz-choco-bio-500-ml-11327">
          <img alt="Boisson de Riz Choco Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5804/file/small-d2a539d052bd95018f2d376e7ef8c4b3.webp 600w, https://assets.fabulous.ch/public/variant_asset/5804/file/medium-620d84fe5d35fbd17e111efba84039c5.webp 900w, https://assets.fabulous.ch/public/variant_asset/5804/file/large-017599ad370d175092720a3b085a5a72.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5804/file/medium-620d84fe5d35fbd17e111efba84039c5.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/boisson-de-riz-choco-bio-500-ml-11327">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Boisson de Riz Choco Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tGKyTJKqlz7IY3Cj2XA6q0dxBSdC5s93886dTE3TY6qldrS63XSKxQee2iooaTJxQgJvLc00W_nX-EHZ9nygpw" />
    <input value="11327" 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/sans-muhhh-drink-1-5-de-matieres-grasses-bio-1-l-11328">
          <img alt="Sans Muhhh Drink 1.5% de matières grasses Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5806/file/small-fa58ff928962ee8904e6da2c6b289a69.webp 600w, https://assets.fabulous.ch/public/variant_asset/5806/file/medium-9db3acb9b44b030c8b96d417fe5efb7b.webp 900w, https://assets.fabulous.ch/public/variant_asset/5806/file/large-8c7126435c3b528cca29557de10bc309.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5806/file/medium-9db3acb9b44b030c8b96d417fe5efb7b.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/sans-muhhh-drink-1-5-de-matieres-grasses-bio-1-l-11328">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sans Muhhh Drink 1.5% de matières grasses Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YTlqq_vYxFfMEF9eYC2wwKUcxHZK0J74q3vCVn6dleZwLWxdtAbZrAPt9deRNLgaoG-ufMUCCnaPTR7DxTJW6w" />
    <input value="11328" 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/sans-muhhh-drink-3-5-de-matieres-grasses-bio-1-l-11332">
          <img alt="Sans Muhhh Drink 3.5% de matières grasses Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5808/file/small-b66051eb33fd56682fcc0877bd3086cb.webp 600w, https://assets.fabulous.ch/public/variant_asset/5808/file/medium-2d1fe58f6c9ac36b6d718ac56c579549.webp 900w, https://assets.fabulous.ch/public/variant_asset/5808/file/large-e67e68015c9edacd021d1835b21fa79e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5808/file/medium-2d1fe58f6c9ac36b6d718ac56c579549.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/sans-muhhh-drink-3-5-de-matieres-grasses-bio-1-l-11332">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sans Muhhh Drink 3.5% de matières grasses Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Hy1-bMSNx5wWyJg1rJ66b3DWY55zAdLrIMQInI7RZK0OOXiai1PaZ9k1Mrxdh7K1daUJlPzTRmUE8tQJNX6noA" />
    <input value="11332" 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/boisson-de-millet-bio-1-l-11333">
          <img alt="Boisson de Millet Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5811/file/small-649ad932987deaedc2c503fb8258b7bf.webp 600w, https://assets.fabulous.ch/public/variant_asset/5811/file/medium-29fc032a7b301ae26dd1d5d6f5bab061.webp 900w, https://assets.fabulous.ch/public/variant_asset/5811/file/large-9281f2eca1ccc20dc07c8d60ef6a0f8f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5811/file/medium-29fc032a7b301ae26dd1d5d6f5bab061.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/boisson-de-millet-bio-1-l-11333">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Boisson de Millet Bio, 1 l</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.35 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GIOB86mosYRzjAJEeeg8p8b3EUozwc607JGWaqxHOjcJl4cF5nasf7xxqM2I8TR9w4R7QLwTWjrIp0r_F-j5Og" />
    <input value="11333" 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/lait-de-noix-de-coco-premium-bio-200-ml-11334">
          <img alt="Lait de noix de coco Premium Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5809/file/small-294e862b3653a1e52f0ae6bde0074a56.webp 600w, https://assets.fabulous.ch/public/variant_asset/5809/file/medium-5f6d9bad72d585ffd8f84d32aa1f3b45.webp 900w, https://assets.fabulous.ch/public/variant_asset/5809/file/large-9b7c37b0d292240314bd7af467a80b1b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5809/file/medium-5f6d9bad72d585ffd8f84d32aa1f3b45.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">Dr. Goerg</p>
          <a href="/fr/products/lait-de-noix-de-coco-premium-bio-200-ml-11334">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lait de noix de coco Premium Bio, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.85
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="y98aYJHJI9bjCFjYA3GwOgbfibMPIoqA_PQFfvpToq3ayxyW3hc-LSz18lHyaLjgA6zjuYDwHg7YwtnrQfxhoA" />
    <input value="11334" 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/boisson-aux-noix-de-cajou-nature-bio-1-l-11342">
          <img alt="Boisson aux Noix de Cajou Nature Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5818/file/small-67cc4e1d2a69d644c551d97fbecd166c.webp 600w, https://assets.fabulous.ch/public/variant_asset/5818/file/medium-16cfefa0385642f9b9828573f8fb86c2.webp 900w, https://assets.fabulous.ch/public/variant_asset/5818/file/large-b749d8125c41d0faa9e5fdfb98d5ccc1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5818/file/medium-16cfefa0385642f9b9828573f8fb86c2.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">Natumi</p>
          <a href="/fr/products/boisson-aux-noix-de-cajou-nature-bio-1-l-11342">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Boisson aux Noix de Cajou Nature Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </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-11342-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4kjBFE2uMrDFLLNuNDgGEfQhzJSxyjKeWeJ5RJshLlrzXMfiAnAvSwrRGefFIQ7L8VKmnj4YphB91KXRII7tVw" />
    <input value="11342" 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/pois-au-four-crossies-bio-150-g-11348">
          <img alt="Pois au four Crossies Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5822/file/small-17245d750ce10b7103c2c5b187b28375.webp 600w, https://assets.fabulous.ch/public/variant_asset/5822/file/medium-0a7c8ba13e14db1dc5b5d31590f22ae1.webp 900w, https://assets.fabulous.ch/public/variant_asset/5822/file/large-59ce68a5d2090ba45df10c16f136763d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5822/file/medium-0a7c8ba13e14db1dc5b5d31590f22ae1.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-au-four-crossies-bio-150-g-11348">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pois au four Crossies Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.25
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qnhAtzrMp099hyS15MVmvX3qst9EFAdS3JunJSwneci7bEZBdRK6tLJ6jjwV3G5neJnY1cvGk9z4rXuwl4i6xQ" />
    <input value="11348" 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/gout-de-mozzarella-rapee-150-g-11352">
          <img alt="Goût de mozzarella râpée" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5824/file/small-65502691a1b32685f88863dafa9d19b7.webp 600w, https://assets.fabulous.ch/public/variant_asset/5824/file/medium-5f438b8c0c590af139143716549f256b.webp 900w, https://assets.fabulous.ch/public/variant_asset/5824/file/large-8c3485e04c3db807080f51acae7af319.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5824/file/medium-5f438b8c0c590af139143716549f256b.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">Violife</p>
          <a href="/fr/products/gout-de-mozzarella-rapee-150-g-11352">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Goût de mozzarella râpée, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.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.30 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="x6ISNObx4Hd7R1KtZ-ZtS5ZFfouXGU5OhBmvGXS85dLWthTCqS_9jLS6-CSW_2WRkzYUgRjL2sCgL3OMzxMm3w" />
    <input value="11352" 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/ma-sauce-vanille-bourbon-bio-16-g-11389">
          <img alt="Ma Sauce Vanille Bourbon Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5834/file/small-9bad9e1e9838f74649177b4ad2c73bd8.webp 600w, https://assets.fabulous.ch/public/variant_asset/5834/file/medium-5a40720c17fa783bda752cac5bd1873f.webp 900w, https://assets.fabulous.ch/public/variant_asset/5834/file/large-72281c72ea1cdb14b0566779f455c834.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5834/file/medium-5a40720c17fa783bda752cac5bd1873f.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">Biovegan</p>
          <a href="/fr/products/ma-sauce-vanille-bourbon-bio-16-g-11389">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ma Sauce Vanille Bourbon Bio, 16 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="v5336ZOP4zvWRJHJILEwStmK2T8wBvamhjQnYPxMKK2uifEf3FH-wBm5O0DRqDiQ3PmzNb_UYiiiAvv1R-ProA" />
    <input value="11389" 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-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Épuisé
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/boules-de-chocolat-aux-noix-loveraw-28-g-11403">
          <img alt="Boules de chocolat aux noix LoveRaw" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5838/file/small-44635d23d16f86c67ea50ed7c6f7b068.webp 600w, https://assets.fabulous.ch/public/variant_asset/5838/file/medium-1e65f405e3614af3902fa860d1cf5155.webp 900w, https://assets.fabulous.ch/public/variant_asset/5838/file/large-491f060caeab456d337ef098ad2c79d2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5838/file/medium-1e65f405e3614af3902fa860d1cf5155.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">Love Raw</p>
          <a href="/fr/products/boules-de-chocolat-aux-noix-loveraw-28-g-11403">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Boules de chocolat aux noix LoveRaw, 28 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 10.54 / 100 g
            </p>
        </div>
      </div>

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/fr/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    M&#39;avertir
</a>

      </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">
      680 sur 1&#39;217 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/collections/under-5?format=turbo_stream&amp;page=35">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>