<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/puree-de-noix-cru-bio-180-g-6685">
          <img alt="Purée de noix Cru Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3861/file/small-6eb2934b3f30dcef5d20df0a2c936b53.webp 600w, https://assets.fabulous.ch/public/variant_asset/3861/file/medium-9feefcd8c477e450f5e1fad04ff8abe1.webp 900w, https://assets.fabulous.ch/public/variant_asset/3861/file/large-6677c29096dcc0350d42d8c177360062.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3861/file/medium-9feefcd8c477e450f5e1fad04ff8abe1.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">Naturkostbar</p>
          <a href="/fr/products/puree-de-noix-cru-bio-180-g-6685">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Purée de noix Cru Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CSyKmGYhVdctX-2nf3_RFnXJc66RlDQ6KvaAC_-WfBJWC44TLryNdiinRtJB6ze-2EIAJq1tAfoEU24RFqxKXg" />
    <input value="6685" 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/cerneaux-de-noix-suisse-germees-sauvages-qualite-crudite-250-g-4428">
          <img alt="Cerneaux de noix Suisse germées Sauvages Qualité Crudité" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2755/file/small-541b0c924f67bc8e5bde5b02c0f7fef9.webp 600w, https://assets.fabulous.ch/public/variant_asset/2755/file/medium-3405e8c1d6b2b11c7004696e78052f33.webp 900w, https://assets.fabulous.ch/public/variant_asset/2755/file/large-bc695dcb10396501174762ee7760e13c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2755/file/medium-3405e8c1d6b2b11c7004696e78052f33.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">Naturkostbar</p>
          <a href="/fr/products/cerneaux-de-noix-suisse-germees-sauvages-qualite-crudite-250-g-4428">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cerneaux de noix Suisse germées Sauvages Qualité Crudité, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.50
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-4428-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 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/noisettes-de-piemont-germees-crue-bio-250-g-7488">
          <img alt="Noisettes de Piemont germées Crue Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4304/file/small-d114bba29794b5d5808277d53db1d14b.webp 600w, https://assets.fabulous.ch/public/variant_asset/4304/file/medium-1f26396d6e10572be8026d529176b198.webp 900w, https://assets.fabulous.ch/public/variant_asset/4304/file/large-689bd4b80c5accf3cb41afafbc36dbf8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4304/file/medium-1f26396d6e10572be8026d529176b198.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">Naturkostbar</p>
          <a href="/fr/products/noisettes-de-piemont-germees-crue-bio-250-g-7488">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Noisettes de Piemont germées Crue Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VKfKcm6Pupdi9lkIojtUQEjzjKsnodh58UzNYcnGlw0LgM75JhJiNmcO8n2cr7Lo5Xj_IxtY7bnf6SN7IPyhQQ" />
    <input value="7488" 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/noix-du-bresil-qualite-crudite-bio-250-g-4390">
          <img alt="Noix du Brésil Qualité Crudité Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2740/file/small-daa96dad6223be56b1dc838a60f653ae.webp 600w, https://assets.fabulous.ch/public/variant_asset/2740/file/medium-f9464a4b425d416ff32d41472f6c48b6.webp 900w, https://assets.fabulous.ch/public/variant_asset/2740/file/large-2fecb7051c147703f12d4f03852482ad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2740/file/medium-f9464a4b425d416ff32d41472f6c48b6.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">Naturkostbar</p>
          <a href="/fr/products/noix-du-bresil-qualite-crudite-bio-250-g-4390">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Noix du Brésil Qualité Crudité Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.90
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-4390-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 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-noble-wild-berries-qualite-crue-bio-250-g-16901">
          <img alt="Muesli noble Wild Berries Qualité Crue Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7877/file/small-57197a8305e188fed13637e63bab3fc2.webp 600w, https://assets.fabulous.ch/public/variant_asset/7877/file/medium-7837f81b80a9411995b974f688591882.webp 900w, https://assets.fabulous.ch/public/variant_asset/7877/file/large-6c7ba56f8b330b0928bfcc41bd2c3195.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7877/file/medium-7837f81b80a9411995b974f688591882.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">Naturkostbar</p>
          <a href="/fr/products/muesli-noble-wild-berries-qualite-crue-bio-250-g-16901">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Muesli noble Wild Berries Qualité Crue Bio, 250 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 5.96 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="U4zVGxJf4FUU8meigTIoq4kva-lyvIN8oM_9j5WjLQQMq9GQWsI49BEKzNe_ps4DJKQYYU5FtryOahOVfJkbSA" />
    <input value="16901" 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/muesli-noble-exotic-mango-qualite-crue-bio-250-g-16899">
          <img alt="Muesli noble Exotic Mango Qualité Crue Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7875/file/small-17185a6aaae4e4e5587d0a076c451f4c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7875/file/medium-cf405205cbfbe5ec05bf5837cfb36115.webp 900w, https://assets.fabulous.ch/public/variant_asset/7875/file/large-b87f42ea003345029df9eed3ff94b44f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7875/file/medium-cf405205cbfbe5ec05bf5837cfb36115.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">Naturkostbar</p>
          <a href="/fr/products/muesli-noble-exotic-mango-qualite-crue-bio-250-g-16899">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Muesli noble Exotic Mango Qualité Crue Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NyzMMGt6rx3bCl76Lfg7cdKmIEbo0o3Lukdnixe3GKhoC8i7I-d3vN7y9Y8TbN3Zfy1TztQruAuU4omR_o0u5A" />
    <input value="16899" 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-noble-sweet-banana-qualite-crue-bio-250-g-16900">
          <img alt="Muesli noble Sweet Banana Qualité Crue Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7876/file/small-f9d433fcf28144b2d2f4cd382884b075.webp 600w, https://assets.fabulous.ch/public/variant_asset/7876/file/medium-4b1c00a8212abb586f260e2d12ca41b5.webp 900w, https://assets.fabulous.ch/public/variant_asset/7876/file/large-3031a25e696b0b7ea5fe1419fea89665.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7876/file/medium-4b1c00a8212abb586f260e2d12ca41b5.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">Naturkostbar</p>
          <a href="/fr/products/muesli-noble-sweet-banana-qualite-crue-bio-250-g-16900">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Muesli noble Sweet Banana Qualité Crue Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="naA5vnC_URzhU9xOLx0D32J5O6M_o91Sjg4jX90rbdnChz01OCKJveSrdzsRieV3z_JIKwNa6JKgq81FNBFblQ" />
    <input value="16900" 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/pistaches-cru-non-salees-bio-250-g-6715">
          <img alt="Pistaches Cru Non salées Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3876/file/small-c37ac01ddeb84f509b05329e05177ed0.webp 600w, https://assets.fabulous.ch/public/variant_asset/3876/file/medium-d57be92b346708b54465be9735df1ecf.webp 900w, https://assets.fabulous.ch/public/variant_asset/3876/file/large-7891d66bb9f95e7a4d54baf6a035100c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3876/file/medium-d57be92b346708b54465be9735df1ecf.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">Naturkostbar</p>
          <a href="/fr/products/pistaches-cru-non-salees-bio-250-g-6715">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pistaches Cru Non salées Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.50
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-6715-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 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/pralines-symphonie-n-1-bio-72-g-6693">
          <img alt="Pralines Symphonie N°1 Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3869/file/small-38d97e7550ad2e746af89582d6af22a9.webp 600w, https://assets.fabulous.ch/public/variant_asset/3869/file/medium-eda0785e40f7215c7bac2cd65b5a85fa.webp 900w, https://assets.fabulous.ch/public/variant_asset/3869/file/large-563d9548f17515fe68c13d4f5abae7a4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3869/file/medium-eda0785e40f7215c7bac2cd65b5a85fa.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">Naturkostbar</p>
          <a href="/fr/products/pralines-symphonie-n-1-bio-72-g-6693">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pralines Symphonie N°1 Bio, 72 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ROWI1hBPa7SQg-68mmPNSkabyyUxJGTYA5l5adBwZrobwoxdWNKzFZV7Rcmk9yvi6xC4rQ3dURgtPJdzOUpQ9g" />
    <input value="6693" 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/pralines-matcha-de-6-bio-72-g-15361">
          <img alt="Pralinés Matcha de 6 Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7013/file/small-a7559d02da88b64785efabf6a112c024.webp 600w, https://assets.fabulous.ch/public/variant_asset/7013/file/medium-4a4ef23dd594dacc34d9d67303c6b13e.webp 900w, https://assets.fabulous.ch/public/variant_asset/7013/file/large-93c866b2d239e9313672513ef50cd2b4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7013/file/medium-4a4ef23dd594dacc34d9d67303c6b13e.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">Naturkostbar</p>
          <a href="/fr/products/pralines-matcha-de-6-bio-72-g-15361">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pralinés Matcha de 6 Bio, 72 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GGu8eobvkMOuYPFf5nWeZr_jkBegmzSOZMlNN1GZP55HTLjxznJIYquYWirY4XjOEmjjn5xiAU5KbKMtuKMJ0g" />
    <input value="15361" 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/pralines-gianduja-pack-de-6-bio-72-g-4217">
          <img alt="Pralinés Gianduja Pack de 6 Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2649/file/small-7b9d43198751af10671cc94c1972d3e1.webp 600w, https://assets.fabulous.ch/public/variant_asset/2649/file/medium-0766cb692a8c7e07bd11db360ae924f9.webp 900w, https://assets.fabulous.ch/public/variant_asset/2649/file/large-584282132d092cbdc77e131cc418eb15.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2649/file/medium-0766cb692a8c7e07bd11db360ae924f9.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">Naturkostbar</p>
          <a href="/fr/products/pralines-gianduja-pack-de-6-bio-72-g-4217">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pralinés Gianduja Pack de 6 Bio, 72 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SLVotQ-NTUaqgRS9K8ChBBupr3FDKlNTP9zGW44HlawXkmw-RxCV5695v8gVVEestiLc-X_TZpMReShBZz2j4A" />
    <input value="4217" 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/pralines-classique-de-6-bio-72-g-11243">
          <img alt="Pralinés Classique de 6 Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5756/file/small-865fa5ac6e018f49549b7c74665e9591.webp 600w, https://assets.fabulous.ch/public/variant_asset/5756/file/medium-ef3d055ab52ec5553e986eec475a6d71.webp 900w, https://assets.fabulous.ch/public/variant_asset/5756/file/large-603a1a0d1a9f43adf7177206e2b7c7f0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5756/file/medium-ef3d055ab52ec5553e986eec475a6d71.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">Naturkostbar</p>
          <a href="/fr/products/pralines-classique-de-6-bio-72-g-11243">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pralinés Classique de 6 Bio, 72 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dM37hsjFUibnkXGVYOz-j7ne_ALKrd62YG2iDIPgWnIr6v8NgFiKh-Jp2uBeeBgnFFWPivZU63ZOyEwWatpsPg" />
    <input value="11243" 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/pralines-framboise-boite-de-6-bio-72-g-4215">
          <img alt="Pralines Framboise Boîte de 6 Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2648/file/small-4d6bab69ac1245d4548ac40fb88e5b72.webp 600w, https://assets.fabulous.ch/public/variant_asset/2648/file/medium-8ea97910f51cc6d1acde3301d1b0d991.webp 900w, https://assets.fabulous.ch/public/variant_asset/2648/file/large-00d7099b4de7044e5af992c28040d1ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2648/file/medium-8ea97910f51cc6d1acde3301d1b0d991.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">Naturkostbar</p>
          <a href="/fr/products/pralines-framboise-boite-de-6-bio-72-g-4215">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pralines Framboise Boîte de 6 Bio, 72 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.90
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/huile-de-pepins-de-courge-grilles-bio-250-ml-7451">
          <img alt="Huile de pépins de courge grillés Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4266/file/small-994540a581d13b784cb047ec79a45b2f.webp 600w, https://assets.fabulous.ch/public/variant_asset/4266/file/medium-0a211e7b0653d94cd4d488a5b858e536.webp 900w, https://assets.fabulous.ch/public/variant_asset/4266/file/large-7d79fed3888182f874b3cef207ac497e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4266/file/medium-0a211e7b0653d94cd4d488a5b858e536.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bio Planète</p>
          <a href="/fr/products/huile-de-pepins-de-courge-grilles-bio-250-ml-7451">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Huile de pépins de courge grillés Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qPan4AHZxJaZoV4EnJxsOA0HL0lRKqrtmMY2JZgnpzj30aNrSUQcN5xZ9XGiCIqQoIxcwW3Tny22Y9g_cR2RdA" />
    <input value="7451" 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/barre-energetique-lifebar-figue-raw-bio-40-g-16529">
          <img alt="Barre énergétique Lifebar Figue Raw Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7619/file/small-5c72cf1b57ccc29cbaeeaf1d403104aa.webp 600w, https://assets.fabulous.ch/public/variant_asset/7619/file/medium-289c52b3dcd648aca8125519553a4d73.webp 900w, https://assets.fabulous.ch/public/variant_asset/7619/file/large-a6522feb8d695234472485d242af3b5e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7619/file/medium-289c52b3dcd648aca8125519553a4d73.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">Lifefood</p>
          <a href="/fr/products/barre-energetique-lifebar-figue-raw-bio-40-g-16529">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Barre énergétique Lifebar Figue Raw Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.75
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EUDct2BFJ_k7y5RVI0VpCdUTaHtOlYu9t0VLq_yizNNOZ9g8KNj_WD4zPyAd0Y-heJgb83Jsvn2Z4KWxFZj6nw" />
    <input value="16529" 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-crue-cacao-nibs-amandes-bio-30-g-15822">
          <img alt="Barre crue Cacao Nibs &amp; Amandes Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7220/file/small-6cebbdf9a06ffba7718f48ab95b89d90.webp 600w, https://assets.fabulous.ch/public/variant_asset/7220/file/medium-dadcab41cf9a76da1c5fecabf8acccfc.webp 900w, https://assets.fabulous.ch/public/variant_asset/7220/file/large-e0f34227bf44dd955a1709f463fbd284.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7220/file/medium-dadcab41cf9a76da1c5fecabf8acccfc.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">Roo&#39;Bar</p>
          <a href="/fr/products/barre-crue-cacao-nibs-amandes-bio-30-g-15822">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Barre crue Cacao Nibs &amp; Amandes Bio, 30 g</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 6.50 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NF4Vr17m7dEQS6gfZFlVq73kGlj9-zlCJ0zwDmGnnolreREkFns1cBWzA2pazbMDEG9p0MECDIIJ6R4UiJ2oxQ" />
    <input value="15822" 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/graines-de-chanvre-decortiquees-qualite-cru-bio-1-kg-6778">
          <img alt="Graines de chanvre décortiquées Qualité Cru Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3916/file/small-cc74f923c9bde018f25a49e79bc22de4.webp 600w, https://assets.fabulous.ch/public/variant_asset/3916/file/medium-bb5f59ca5bb75a0abfc974f293f82d7d.webp 900w, https://assets.fabulous.ch/public/variant_asset/3916/file/large-ea85b3839394eca3d1c6a28b7b3eb7b5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3916/file/medium-bb5f59ca5bb75a0abfc974f293f82d7d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Hanf&amp;Natur</p>
          <a href="/fr/products/graines-de-chanvre-decortiquees-qualite-cru-bio-1-kg-6778">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Graines de chanvre décortiquées Qualité Cru Bio, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.65
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pztlQX7PdbNkv1CGj9rsseWAtrPCjZAPllnESsnqJA74HGHKNlKtEmFH-_OxTgoZSAvFO_50pc-4_CpQINASQg" />
    <input value="6778" 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/graines-a-germer-oignon-germline-bio-50-g-15305">
          <img alt="Graines à germer Oignon Germline Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6988/file/small-e1fa48e5d4ec97fb4443352244a10437.webp 600w, https://assets.fabulous.ch/public/variant_asset/6988/file/medium-3ae8fc4035bb53b8ae5f846fabd7f48c.webp 900w, https://assets.fabulous.ch/public/variant_asset/6988/file/large-61532282187466799c379a2d4c77f0e1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6988/file/medium-3ae8fc4035bb53b8ae5f846fabd7f48c.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">Germline</p>
          <a href="/fr/products/graines-a-germer-oignon-germline-bio-50-g-15305">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Graines à germer Oignon Germline Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.75
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Vn0GUu2E_yg4jrwSPJE3bsl_fIqZJkNOi1JSd4DrvmwJWgLZpRkniT12F2cCBdHGZPQPAqXfdo6l97xtadGIIA" />
    <input value="15305" 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/lifebar-barres-energetiques-cru-inchoco-prune-bio-40-g-7268">
          <img alt="Lifebar Barres énergétiques Cru InChoco prune Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4118/file/small-8a5e33dd8c3e0e212854a28e520649d4.webp 600w, https://assets.fabulous.ch/public/variant_asset/4118/file/medium-bd8e4dee435a91402feecfddc82a82d0.webp 900w, https://assets.fabulous.ch/public/variant_asset/4118/file/large-b8bb06a0414d4bfbdcc0d99b22ab60e9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4118/file/medium-bd8e4dee435a91402feecfddc82a82d0.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">Lifefood</p>
          <a href="/fr/products/lifebar-barres-energetiques-cru-inchoco-prune-bio-40-g-7268">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lifebar Barres énergétiques Cru InChoco prune Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="L8sxvhnv2jL8mp87dWKhHQTjNF6A0hwFM1z1HcUhKelw7DU1UXICk_liNE5L9ke1qWhH1rwrKcUd-RsHLBsfpQ" />
    <input value="7268" 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/crunchy-fruity-mangue-croquants-qualite-crue-bio-18-g-7501">
          <img alt="Crunchy Fruity Mangue Croquants Qualité Crue Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4310/file/small-e8b1db66afae6ac8a5086ff876d923a0.webp 600w, https://assets.fabulous.ch/public/variant_asset/4310/file/medium-16f3c5cdf1f3ad7418956720c2cba108.webp 900w, https://assets.fabulous.ch/public/variant_asset/4310/file/large-160acf300a673404fcc9dd0024f02a04.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4310/file/medium-16f3c5cdf1f3ad7418956720c2cba108.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">Organica</p>
          <a href="/fr/products/crunchy-fruity-mangue-croquants-qualite-crue-bio-18-g-7501">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Crunchy Fruity Mangue Croquants Qualité Crue Bio, 18 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bLOeXQdvkSjWXjUo6q0ZrpRxY4-0c50eVsCiZt4XHTkzlJrWT_JJidOmnl3UOf8GOfoQB4iKqN54ZUx8Ny0rdQ" />
    <input value="7501" 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">
      80 sur 159 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/comestibles/crudites?format=turbo_stream&amp;page=5">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>