<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/fruit-de-jacques-vert-emince-nature-bio-200-g-6549">
          <img alt="Fruit de Jacques vert émincé nature Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3758/file/small-a29836d196205d96422c0c710e2445a9.webp 600w, https://assets.fabulous.ch/public/variant_asset/3758/file/medium-398b366074067647359a42b49a973407.webp 900w, https://assets.fabulous.ch/public/variant_asset/3758/file/large-f03633ac363051fb5d94ec96ee8712da.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3758/file/medium-398b366074067647359a42b49a973407.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">Govinda</p>
          <a href="/fr/products/fruit-de-jacques-vert-emince-nature-bio-200-g-6549">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fruit de Jacques vert émincé nature Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6IsD6HjyDv-H8JqbKXkcor_ucEzNpPtdQ1QJT6wLDrofUvzfO3xMzXE2XUEYOqffpe_7rh4JjrC1ZaUqhK17CQ" />
    <input value="6549" 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/moutarde-en-tube-sans-gluten-demeter-100-ml-447">
          <img alt="Moutarde en tube sans gluten Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/401/file/small-999224465224fa36f07089299d0093ab.webp 600w, https://assets.fabulous.ch/public/variant_asset/401/file/medium-17e18ad3d529ee12ff7240bcc29a65e6.webp 900w, https://assets.fabulous.ch/public/variant_asset/401/file/large-207dc8508b1d75e0ae6fcbd60b5293a7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/401/file/medium-17e18ad3d529ee12ff7240bcc29a65e6.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/moutarde-en-tube-sans-gluten-demeter-100-ml-447">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Moutarde en tube sans gluten Demeter, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.15
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WJVXwcA50XtI6YKYyA7WFO3RRtxtj4tq6lW1IHsIpsKvTKj2g7eTSb4vRUL5TW1p99DNPr4i_occZBlFU67TcQ" />
    <input value="447" 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/chips-de-manioc-salees-bio-60-g-15020">
          <img alt="Chips de Manioc 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/6886/file/small-7766e52b1180d567d760cc6eca38b84f.webp 600w, https://assets.fabulous.ch/public/variant_asset/6886/file/medium-c7a2d225b91137949af4b56eee2e53cd.webp 900w, https://assets.fabulous.ch/public/variant_asset/6886/file/large-4ebf63a38ed5a1b87cebbb32647973f7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6886/file/medium-c7a2d225b91137949af4b56eee2e53cd.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">el origen</p>
          <a href="/fr/products/chips-de-manioc-salees-bio-60-g-15020">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chips de Manioc salées Bio, 60 g</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 5.50 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KNqtpCznE8b0jXNaoT4MsRK_hne238obl16hYsyphnHfA1KTb2lR9AJLtICQfbfMCL4NlWVyv_Zhbw0H5A_zwg" />
    <input value="15020" 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/jardin-de-fruits-fraise-bio-225-g-388">
          <img alt="Jardin de fruits Fraise Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/339/file/small-c0e97bbb0c8b92a18f104af29d0b810f.webp 600w, https://assets.fabulous.ch/public/variant_asset/339/file/medium-4592e7c597c3368f7781eb80ad448c0a.webp 900w, https://assets.fabulous.ch/public/variant_asset/339/file/large-855792992f3a81b3ad900def99a8909e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/339/file/medium-4592e7c597c3368f7781eb80ad448c0a.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">Zwergenwiese</p>
          <a href="/fr/products/jardin-de-fruits-fraise-bio-225-g-388">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Jardin de fruits Fraise Bio, 225 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7vdffw26oyxTTAa-X_BKW-9PhkiU0Ib3xjIVFKCFUuwZLqBITjThHqWKwWRus_Em9U4Nqkd98xowA7lxiCMnXw" />
    <input value="388" 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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Nouveau
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/penne-de-mais-bio-250-g-17824">
          <img alt="Penne de maïs Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8843/file/small-4412940b4f8b249ec1f06a377b5560f6.webp 600w, https://assets.fabulous.ch/public/variant_asset/8843/file/medium-7ad87b2be4cedbbaa3f6d1981459281d.webp 900w, https://assets.fabulous.ch/public/variant_asset/8843/file/large-d97526b0f67a07d3eb618ea6e2faa361.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8843/file/medium-7ad87b2be4cedbbaa3f6d1981459281d.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">Pasta d&#39;Alba</p>
          <a href="/fr/products/penne-de-mais-bio-250-g-17824">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Penne de maïs Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="s79AyHSjwuZ0UqgDfpy-MBOaTbj2KSy3fz2mVMsZhfZEZr__Ny2A1IKUb9lP3wVNCZvGWiWEWVqJDAox47_wRQ" />
    <input value="17824" 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/xylitol-pastilles-orange-sans-sucres-ajoutes-30-g-5430">
          <img alt="Xylitol Pastilles Orange Sans sucres ajoutés" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3167/file/small-597eafc7a3a651f9b812bda51cdb9a5f.webp 600w, https://assets.fabulous.ch/public/variant_asset/3167/file/medium-7b8da8950a7bc4981c3941a6778934d3.webp 900w, https://assets.fabulous.ch/public/variant_asset/3167/file/large-d86a6748d280b2cf0106e5a9943db3e2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3167/file/medium-7b8da8950a7bc4981c3941a6778934d3.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">Birkengold</p>
          <a href="/fr/products/xylitol-pastilles-orange-sans-sucres-ajoutes-30-g-5430">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xylitol Pastilles Orange Sans sucres ajoutés, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sM9dtCqixESgzoMGELcKO5Q4E4x4etNC5XbtdHPdt0hHFqKDaSyGdlYIRNwh9LFGjjmYbqvXpq8TR0ERW3vC-w" />
    <input value="5430" 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/bett-r-gaufrette-a-la-creme-de-noix-de-cajou-et-de-fraise-sans-sucre-ajoute-bio-30-g-15003">
          <img alt="Bett&#39;r Gaufrette à la crème de noix de cajou et de fraise 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/6880/file/small-4863fbd79554302a694281edec061447.webp 600w, https://assets.fabulous.ch/public/variant_asset/6880/file/medium-ffb1901e23ba09ef8238e9014f45aecb.webp 900w, https://assets.fabulous.ch/public/variant_asset/6880/file/large-faf87a6c4b9643a4d3a04fd42c72e294.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6880/file/medium-ffb1901e23ba09ef8238e9014f45aecb.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">bett&#39;r</p>
          <a href="/fr/products/bett-r-gaufrette-a-la-creme-de-noix-de-cajou-et-de-fraise-sans-sucre-ajoute-bio-30-g-15003">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bett&#39;r Gaufrette à la crème de noix de cajou et de fraise sans sucre ajouté Bio, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="S5yNd4U_p0-YHojJGxjGil6nn4p_p6rflDZ7fIYGRs-8RXJAxrHlfW7YTxMqW333RKYUaKwK3zJiB9cZrqAzfA" />
    <input value="15003" 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/lait-de-coco-avec-cultures-de-yaourt-stracciatella-bio-275-g-13479">
          <img alt="Lait de coco avec cultures de yaourt Stracciatella Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6526/file/small-73456be1ae0a6484713d98fad507fa47.webp 600w, https://assets.fabulous.ch/public/variant_asset/6526/file/medium-354d7ace404cd9300beb81f1cadddcfa.webp 900w, https://assets.fabulous.ch/public/variant_asset/6526/file/large-680fafb2bc326aa397baee8a8c73a931.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6526/file/medium-354d7ace404cd9300beb81f1cadddcfa.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">Harvest Moon</p>
          <a href="/fr/products/lait-de-coco-avec-cultures-de-yaourt-stracciatella-bio-275-g-13479">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lait de coco avec cultures de yaourt Stracciatella Bio, 275 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-13479-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/pate-aux-herbes-et-ail-tartex-tube-bio-200-g-2045">
          <img alt="Pâté aux herbes et ail Tartex tube, Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1605/file/small-08b29d5a900fe5d9a78227d49db7df54.webp 600w, https://assets.fabulous.ch/public/variant_asset/1605/file/medium-39a8cfe9419412437b47cd6c8421b7bc.webp 900w, https://assets.fabulous.ch/public/variant_asset/1605/file/large-d8e2b5ed1de5f5223a5af0f04fab39b8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1605/file/medium-39a8cfe9419412437b47cd6c8421b7bc.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">Tartex</p>
          <a href="/fr/products/pate-aux-herbes-et-ail-tartex-tube-bio-200-g-2045">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pâté aux herbes et ail Tartex tube, Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.85
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4wtgLUT9EGxvvTslvQqfM_XW5O2HVQhmc2_AvV6q4sUU0p8aB3NSXpl7_P-MSSRO79dvD1T4fYuFXmzYdgyXdg" />
    <input value="2045" 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/gaufrettes-citron-bio-190-g-4140">
          <img alt="Gaufrettes Citron Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2612/file/small-d5910c5a61181b10c6ed081ffc861de1.webp 600w, https://assets.fabulous.ch/public/variant_asset/2612/file/medium-f21fd61baeaa96aab72788427a289d55.webp 900w, https://assets.fabulous.ch/public/variant_asset/2612/file/large-d4c0a3300399442c27ca590a19670321.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2612/file/medium-f21fd61baeaa96aab72788427a289d55.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">Bisson</p>
          <a href="/fr/products/gaufrettes-citron-bio-190-g-4140">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gaufrettes Citron Bio, 190 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2g77012C9bjvDyAPDRTLm3vwiagLldVDWs2jl_aKCUUt1wTkHgy3ihnJ59U8V3DmYfECStg4oK6s_A_y3ix89g" />
    <input value="4140" 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/cafe-kaffa-decafeine-moulu-bio-fairtrade-220-g-16586">
          <img alt="Café Kaffa Décaféiné moulu Bio Fairtrade" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7647/file/small-1cd1f5fd7fc82cd1913d695f8a8a0cb6.webp 600w, https://assets.fabulous.ch/public/variant_asset/7647/file/medium-6731009e74234804d99df1da7cf72c51.webp 900w, https://assets.fabulous.ch/public/variant_asset/7647/file/large-4254fcc8e040fdd787f124e20640f113.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7647/file/medium-6731009e74234804d99df1da7cf72c51.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">Original Food</p>
          <a href="/fr/products/cafe-kaffa-decafeine-moulu-bio-fairtrade-220-g-16586">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Café Kaffa Décaféiné moulu Bio Fairtrade, 220 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Dv79cJb2jFpCtuve4dgcs03rhjrqsCD5LWhCk87TKZX5JwJH1XjOaLRwLATQm6fOV-oN2DkdVRTbWe725nVcJg" />
    <input value="16586" 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-de-chia-en-gros-bio-5-kg-10378">
          <img alt="Graines de chia en gros Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5566/file/small-8711c9b896c146bbf21a5e7660748a7a.webp 600w, https://assets.fabulous.ch/public/variant_asset/5566/file/medium-3cb7fa9641921642c633d872cee11ef9.webp 900w, https://assets.fabulous.ch/public/variant_asset/5566/file/large-e60ff0b402ec1ab3e91065a47050b1f8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5566/file/medium-3cb7fa9641921642c633d872cee11ef9.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 Grosshandel</p>
          <a href="/fr/products/graines-de-chia-en-gros-bio-5-kg-10378">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Graines de chia en gros Bio, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 82.75
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QR9wFCuKzMWJwh8ae0xfTq0A-4Juyja9mlSl4mqhQ_C2xo8jaASO938E2MBKD-QztwFwYL1nQ1BsZQmHQgc2Qw" />
    <input value="10378" 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/pain-croustillant-au-seigle-des-forets-bio-150-g-16530">
          <img alt="Pain croustillant au seigle des forêts Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7620/file/small-fb43fccb9c3b144d2ff76fe7ff8e3e53.webp 600w, https://assets.fabulous.ch/public/variant_asset/7620/file/medium-51a17b27342e705bd930549957118ccf.webp 900w, https://assets.fabulous.ch/public/variant_asset/7620/file/large-e232dc6218d9b4fba9b4ce83704db3cf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7620/file/medium-51a17b27342e705bd930549957118ccf.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">eigenbrötler Backwerke GmbH</p>
          <a href="/fr/products/pain-croustillant-au-seigle-des-forets-bio-150-g-16530">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pain croustillant au seigle des forêts Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mQTRrKb0BWTEHOQ-Do9sJZrFHcUxGIU3j-Vz8_W_m4Nu3S6b5XpHVjLaI-Q_zNdYgMSWJ-K18Np51N-W3RnuMA" />
    <input value="16530" 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/cafe-irlanda-crema-en-grains-sachet-demeter-250-g-9465">
          <img alt="Café Irlanda CREMA en grains sachet Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5327/file/small-a425de21dd48f08d003874c5e21fdaac.webp 600w, https://assets.fabulous.ch/public/variant_asset/5327/file/medium-59c171af2731f1477ec65f9c5f79efd3.webp 900w, https://assets.fabulous.ch/public/variant_asset/5327/file/large-49d0fea87b3043f3e64f5f0d33aa10fd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5327/file/medium-59c171af2731f1477ec65f9c5f79efd3.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">Henauer Kaffee</p>
          <a href="/fr/products/cafe-irlanda-crema-en-grains-sachet-demeter-250-g-9465">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Café Irlanda CREMA en grains sachet Demeter, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9eRQ4Jo71mHJrbJRFyo6c_WJVpbt-2T3X-mvmM0a7doCPa_X2bWUUz9rdYsmaYEO74jddD5WERqp2AP95byYaQ" />
    <input value="9465" 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/apero-sticks-bio-200-g-9385">
          <img alt="Apero Sticks Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5317/file/small-0f4638b0e5459a5f8469709cda294965.webp 600w, https://assets.fabulous.ch/public/variant_asset/5317/file/medium-22d03dd8bffc462fa4e774a6cc7f4970.webp 900w, https://assets.fabulous.ch/public/variant_asset/5317/file/large-f465092b28279055dc17e683dc799a20.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5317/file/medium-22d03dd8bffc462fa4e774a6cc7f4970.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">Mayka</p>
          <a href="/fr/products/apero-sticks-bio-200-g-9385">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Apero Sticks Bio, 200 g</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 1.35 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lhXxX_DIKSmgJSG6lkqBcit4P7wx4CyIkz3CP8hZifZhzA5os0ZrG1bj5mCnCToPMXm0XuJNWWVlDG5a4P_8RQ" />
    <input value="9385" 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/bougies-pack-de-12-chandelier-2-2-x-21cm-ivoire-1-piece-3387">
          <img alt="Bougies Pack de 12 chandelier 2,2 x 21cm Ivoire" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2252/file/small-1c03480fde1c4295c16bf9664a5f64a3.webp 600w, https://assets.fabulous.ch/public/variant_asset/2252/file/medium-9e13e5c558ea679da88203ff253492b8.webp 900w, https://assets.fabulous.ch/public/variant_asset/2252/file/large-532ba6c727b963ea5145ff02d76d3963.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2252/file/medium-9e13e5c558ea679da88203ff253492b8.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">eubiona</p>
          <a href="/fr/products/bougies-pack-de-12-chandelier-2-2-x-21cm-ivoire-1-piece-3387">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bougies Pack de 12 chandelier 2,2 x 21cm Ivoire, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 33.70
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/pate-a-tartiner-vegetalien-tomate-aux-herbes-sans-gluten-bio-180-g-8698">
          <img alt="Pâté à tartiner Végétalien Tomate aux herbes sans gluten Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5059/file/small-a6c317a8da652ead0e03f639be477540.webp 600w, https://assets.fabulous.ch/public/variant_asset/5059/file/medium-20de4714562d8c9959dbf316e91c77c1.webp 900w, https://assets.fabulous.ch/public/variant_asset/5059/file/large-5b3f397f66a5f13d52b6140f6a3487ac.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5059/file/medium-20de4714562d8c9959dbf316e91c77c1.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">Zwergenwiese</p>
          <a href="/fr/products/pate-a-tartiner-vegetalien-tomate-aux-herbes-sans-gluten-bio-180-g-8698">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pâté à tartiner Végétalien Tomate aux herbes sans gluten Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dYSZOTRnj2NTl-gMMw0OfPGqlGLUBEQP0lbo8Q7iGAOCXWYOd-nNUaVRL9YCTrUB66sfgAepMeIkZ0SUJkRtsA" />
    <input value="8698" 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/nouilles-udon-bio-300-g-16712">
          <img alt="Nouilles Udon Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7753/file/small-dbf6fbfc1571216e145ba1a4ef847651.webp 600w, https://assets.fabulous.ch/public/variant_asset/7753/file/medium-e7698a563a4db583935c8f9cc15322c2.webp 900w, https://assets.fabulous.ch/public/variant_asset/7753/file/large-e9ef4891901e49876ab0b69b29ea9d56.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7753/file/medium-e7698a563a4db583935c8f9cc15322c2.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">Just Taste</p>
          <a href="/fr/products/nouilles-udon-bio-300-g-16712">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nouilles Udon Bio, 300 g</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 1.57 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yAnjDZSxlWY7jYJbfHWAzdA7pp2gayMLqmCfMM6VGys_0Bw61z_XVM1LRYFNNjuwyjotf3PGVuZcUTNV5jNumA" />
    <input value="16712" 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/spaghetti-aux-haricots-noirs-bio-250-g-17164">
          <img alt="Spaghetti aux Haricots Noirs Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7995/file/small-16078e5fd04fc61b26bdaac82cc6c86d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7995/file/medium-8de401327d78331f0f68146595eb7c73.webp 900w, https://assets.fabulous.ch/public/variant_asset/7995/file/large-aa0089f78f35fd5f587e221b878d4f36.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7995/file/medium-8de401327d78331f0f68146595eb7c73.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">Just Taste</p>
          <a href="/fr/products/spaghetti-aux-haricots-noirs-bio-250-g-17164">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Spaghetti aux Haricots Noirs Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CLLwpIZ7LM3GjKqcNE9zRlGJzStugvPedj-DGn-EuYD_aw-TxfVu_zBKbUYFDMg7S4hGyb0vhjOADi9_VyLMMw" />
    <input value="17164" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/pate-vegetale-pomme-et-raifort-mepfel-bio-135-g-10320">
          <img alt="Pâté Végétale Pomme et Raifort Mepfel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5549/file/small-de440b51ad334ca8475d7dc15b2c0770.webp 600w, https://assets.fabulous.ch/public/variant_asset/5549/file/medium-9714c9fd61760c1c1b035b036df058ed.webp 900w, https://assets.fabulous.ch/public/variant_asset/5549/file/large-4ab2ad1a6a33a287cc9f8651a28e5dbf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5549/file/medium-9714c9fd61760c1c1b035b036df058ed.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">Zwergenwiese</p>
          <a href="/fr/products/pate-vegetale-pomme-et-raifort-mepfel-bio-135-g-10320">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pâté Végétale Pomme et Raifort Mepfel Bio, 135 g</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 2.44 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SiYXhyz4bNVIbOq5GG5yWyvb8TmER0C7rEOVRlVnODa9_-iwb3Yu576qLWMpLckmMdp621fqNVZacjkjfcFNhQ" />
    <input value="10320" 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">
      900 sur 3&#39;201 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/henauer-kaffee?format=turbo_stream&amp;page=46">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>