<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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Flebensmittel%2Frohkost%3Fformat%3Dturbo_stream%26page%3D14">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/noix-de-cajou-au-paprika-30-g-22197">
          <img alt="Noix de cajou au paprika" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11686/file/small-fa0409c46fbcf0451b4fce1be21b6675.webp 600w, https://assets.fabulous.ch/public/variant_asset/11686/file/medium-b44cb5c7cdae64dfb0835869191147e4.webp 900w, https://assets.fabulous.ch/public/variant_asset/11686/file/large-9fd3d7a448a9044df1bf4a7fbb27d996.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11686/file/medium-b44cb5c7cdae64dfb0835869191147e4.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">Stoli GmbH</p>
          <a href="/fr/products/noix-de-cajou-au-paprika-30-g-22197">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Noix de cajou au paprika, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.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-22197-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22197&quot;],&quot;content_name&quot;:&quot;Noix de cajou au paprika, 30 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22197&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_MWx85yehY0opUJ-txMXqgTanP2xojzRA9ESwTVOPVGpnB-bT6ABWU7tKaMQFek39QIlhpAjLjy9TFgW7x4EYw" />
    <input value="22197" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Flebensmittel%2Frohkost%3Fformat%3Dturbo_stream%26page%3D14">
    <i data-ph="heart" class="size-full"></i>
</a>
    <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/noix-au-sirop-d-erable-30-g-22201">
          <img alt="Noix au sirop d’érable" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11690/file/small-fb7382039576f46d03f28d7009ffaa44.webp 600w, https://assets.fabulous.ch/public/variant_asset/11690/file/medium-e412121f03f9d00729889e5c82febb07.webp 900w, https://assets.fabulous.ch/public/variant_asset/11690/file/large-bfd4de24abac59837822d484820e577c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11690/file/medium-e412121f03f9d00729889e5c82febb07.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">Stoli GmbH</p>
          <a href="/fr/products/noix-au-sirop-d-erable-30-g-22201">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Noix au sirop d’érable, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.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-22201-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22201&quot;],&quot;content_name&quot;:&quot;Noix au sirop d’érable, 30 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22201&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0gLSyMJRvFCRBuiLcr7RSJ3okqeGBa5Gae77-zgYoReHW3ygEW84hPdOg1bVuC_VbDAr3KeEvKvXc7Es4kiYJQ" />
    <input value="22201" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Flebensmittel%2Frohkost%3Fformat%3Dturbo_stream%26page%3D14">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/melange-de-noix-deluxe-non-sale-30-g-22213">
          <img alt="Mélange de noix Deluxe non salé" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11702/file/small-93752a04b1e7a13fe61b1f11467b4221.webp 600w, https://assets.fabulous.ch/public/variant_asset/11702/file/medium-c1902b25fc0623341fa41de6289cc6a6.webp 900w, https://assets.fabulous.ch/public/variant_asset/11702/file/large-25ce52958c4a34e7b0e2236fc76cdf6c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11702/file/medium-c1902b25fc0623341fa41de6289cc6a6.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">Stoli GmbH</p>
          <a href="/fr/products/melange-de-noix-deluxe-non-sale-30-g-22213">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mélange de noix Deluxe non salé, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.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-22213-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22213&quot;],&quot;content_name&quot;:&quot;Mélange de noix Deluxe non salé, 30 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22213&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mzxhi-fC4xYxoYRsJopoMuq3dF3-dCdoykWNwBPXPB3OZc_jNPxnwlfp77GBjJavG2_NJt_1NYV02McXyYcFLw" />
    <input value="22213" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Flebensmittel%2Frohkost%3Fformat%3Dturbo_stream%26page%3D14">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/noix-au-chocolat-noir-28-g-22203">
          <img alt="Noix au chocolat noir" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11692/file/small-13fb0d373822c7424a68d89d9748d6af.webp 600w, https://assets.fabulous.ch/public/variant_asset/11692/file/medium-6f44b6f42652915e0e26acc3679cbb82.webp 900w, https://assets.fabulous.ch/public/variant_asset/11692/file/large-ac76c1c734cab93e20c98481d3ae74cf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11692/file/medium-6f44b6f42652915e0e26acc3679cbb82.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">Stoli GmbH</p>
          <a href="/fr/products/noix-au-chocolat-noir-28-g-22203">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Noix au chocolat noir, 28 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.50
            </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-22203-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22203&quot;],&quot;content_name&quot;:&quot;Noix au chocolat noir, 28 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22203&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4CsOWPVaImcYYJQVIQCEbXppk_qULoB15mKCab8p6mm1cqAwJmSms34o_8iGBnrwi7EqgbWvkphY_8i-ZXnTWw" />
    <input value="22203" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Flebensmittel%2Frohkost%3Fformat%3Dturbo_stream%26page%3D14">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/noix-de-cajou-non-salees-30-g-22221">
          <img alt="Noix de cajou non salées" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11710/file/small-f8f5bd178c8239c31f5ef5da18d88bf5.webp 600w, https://assets.fabulous.ch/public/variant_asset/11710/file/medium-757953784ca889d49b927d0065dd8f9e.webp 900w, https://assets.fabulous.ch/public/variant_asset/11710/file/large-fdff0d5b54e1f0be34f9941de0c5884d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11710/file/medium-757953784ca889d49b927d0065dd8f9e.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">Stoli GmbH</p>
          <a href="/fr/products/noix-de-cajou-non-salees-30-g-22221">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Noix de cajou non salées, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.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-22221-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22221&quot;],&quot;content_name&quot;:&quot;Noix de cajou non salées, 30 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22221&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MI2irlT0aJHon48N8EZkdRj2FrvikMZove3lpp-TJsxl1AzGh8rsRY7X5NBXQJro6S6vwMMR1IUDcK9xRcMf_g" />
    <input value="22221" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Flebensmittel%2Frohkost%3Fformat%3Dturbo_stream%26page%3D14">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/noix-de-cajou-au-sel-marin-30-g-22218">
          <img alt="Noix de cajou au sel marin" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11707/file/small-c43040bdd8143c471b34343b69a30ba5.webp 600w, https://assets.fabulous.ch/public/variant_asset/11707/file/medium-d4bc1925c44eff3139584575fa77c775.webp 900w, https://assets.fabulous.ch/public/variant_asset/11707/file/large-0b01edd9c03e2f1c3c593a8814360267.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11707/file/medium-d4bc1925c44eff3139584575fa77c775.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">Stoli GmbH</p>
          <a href="/fr/products/noix-de-cajou-au-sel-marin-30-g-22218">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Noix de cajou au sel marin, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.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-22218-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22218&quot;],&quot;content_name&quot;:&quot;Noix de cajou au sel marin, 30 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22218&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="g8soK6mzmGLA9582zDkuAGWGbT-3KBurzYuSDx-LIP7WkoZDeo0ctqa_9OtrP9CdlF7URJapCUZzFtjYxdsZzA" />
    <input value="22218" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Flebensmittel%2Frohkost%3Fformat%3Dturbo_stream%26page%3D14">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/amandes-au-sel-marin-36-g-22232">
          <img alt="Amandes au sel marin" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11724/file/small-aab2e96373f59ea7a4027ffe0a2225a4.webp 600w, https://assets.fabulous.ch/public/variant_asset/11724/file/medium-d9fe88c2a4e777ba9df66012824affba.webp 900w, https://assets.fabulous.ch/public/variant_asset/11724/file/large-66eb61c92801e625e71605ea10470643.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11724/file/medium-d9fe88c2a4e777ba9df66012824affba.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">Stoli GmbH</p>
          <a href="/fr/products/amandes-au-sel-marin-36-g-22232">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Amandes au sel marin, 36 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22232&quot;],&quot;content_name&quot;:&quot;Amandes au sel marin, 36 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22232&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GGVbZfViZIqOUjHLJ0AT9yVBlW4I_FeO5gnrsAEVXixNPPUNJlzgXugaWhaARu1q1JksFSl9RWNYlKFn20VnHg" />
    <input value="22232" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Flebensmittel%2Frohkost%3Fformat%3Dturbo_stream%26page%3D14">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/melange-de-noix-deluxe-avec-sale-30-g-22210">
          <img alt="Mélange de noix Deluxe avec salé" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11699/file/small-10fd8de57bd8d20e18967c3fa45a111f.webp 600w, https://assets.fabulous.ch/public/variant_asset/11699/file/medium-f130dc4e3fb3a024ec30d940bc9e7d03.webp 900w, https://assets.fabulous.ch/public/variant_asset/11699/file/large-0dc2a02e18074488589ed841faf48ca1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11699/file/medium-f130dc4e3fb3a024ec30d940bc9e7d03.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">Stoli GmbH</p>
          <a href="/fr/products/melange-de-noix-deluxe-avec-sale-30-g-22210">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mélange de noix Deluxe avec salé, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.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-22210-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22210&quot;],&quot;content_name&quot;:&quot;Mélange de noix Deluxe avec salé, 30 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22210&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PQIXNxdEySMHwdvFIJM3b546KHPZxGl-TGuVFcBJtTVoW7lfxHpN92GJsBiHlcnyb-KRCPhFe5Py9t_CGhmMBw" />
    <input value="22210" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Flebensmittel%2Frohkost%3Fformat%3Dturbo_stream%26page%3D14">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/noix-au-chocolat-noir-175-g-22202">
          <img alt="Noix au chocolat noir" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11691/file/small-f6b523305f4d6d39e1932eb86832fbab.webp 600w, https://assets.fabulous.ch/public/variant_asset/11691/file/medium-ee1123d0924e3aa8f0b49662cc267845.webp 900w, https://assets.fabulous.ch/public/variant_asset/11691/file/large-b27ff8c9e4444a47d85071fcbb1d37b1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11691/file/medium-ee1123d0924e3aa8f0b49662cc267845.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">Stoli GmbH</p>
          <a href="/fr/products/noix-au-chocolat-noir-175-g-22202">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Noix au chocolat noir, 175 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22202&quot;],&quot;content_name&quot;:&quot;Noix au chocolat noir, 175 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22202&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="u3hDsXRR5gDOejyJMeU25L2-3LgYsRKKc_350VfYd77uIe3Zp29i1KgyV1SW48h5TGZlwzkwAGfNYLMGjYhOjA" />
    <input value="22202" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Flebensmittel%2Frohkost%3Fformat%3Dturbo_stream%26page%3D14">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/amandes-au-sel-marin-225-g-22230">
          <img alt="Amandes au sel marin" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11721/file/small-b214d8504e52b0830c4c166f73bec86b.webp 600w, https://assets.fabulous.ch/public/variant_asset/11721/file/medium-a8aee9bac19021b40b06c03960bbda33.webp 900w, https://assets.fabulous.ch/public/variant_asset/11721/file/large-763f445c0fa73e14dcda619540dbcf43.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11721/file/medium-a8aee9bac19021b40b06c03960bbda33.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">Stoli GmbH</p>
          <a href="/fr/products/amandes-au-sel-marin-225-g-22230">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Amandes au sel marin, 225 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22230&quot;],&quot;content_name&quot;:&quot;Amandes au sel marin, 225 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22230&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="n-n2y0hrbmqEWBjKRIN2eBYLPlrIgNYeJu7q9ero1CHKsFijm1XqvuIQcxfjhYjl59OHIekBxPOYc6AiMLjtEw" />
    <input value="22230" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Flebensmittel%2Frohkost%3Fformat%3Dturbo_stream%26page%3D14">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/noix-de-cajou-au-sel-marin-185-g-22216">
          <img alt="Noix de cajou au sel marin" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11705/file/small-aedfdd204ebaea1bbef74fe9cb7e839a.webp 600w, https://assets.fabulous.ch/public/variant_asset/11705/file/medium-4d8b898379c2133a7fc1e357c65e7b03.webp 900w, https://assets.fabulous.ch/public/variant_asset/11705/file/large-f64d452f2b0264bf04b0c4f405ff2a79.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11705/file/medium-4d8b898379c2133a7fc1e357c65e7b03.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">Stoli GmbH</p>
          <a href="/fr/products/noix-de-cajou-au-sel-marin-185-g-22216">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Noix de cajou au sel marin, 185 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22216&quot;],&quot;content_name&quot;:&quot;Noix de cajou au sel marin, 185 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22216&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RGpKc32E_V-d1_Pr6x5ScDktZlkjH5FdN1vTx5CXc_QRM-Qbrrp5i_ufmDZMGKztyPXfIgKeg7CJxpkQSsdKxg" />
    <input value="22216" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Flebensmittel%2Frohkost%3Fformat%3Dturbo_stream%26page%3D14">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/noix-de-cajou-non-salees-185-g-22219">
          <img alt="Noix de cajou non salées" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11708/file/small-3d2b0b6d5820596c23e2795fddbba573.webp 600w, https://assets.fabulous.ch/public/variant_asset/11708/file/medium-4e0da7676261580cbf5ea4d6847694f2.webp 900w, https://assets.fabulous.ch/public/variant_asset/11708/file/large-d96f77891a354d41513b7392413380ba.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11708/file/medium-4e0da7676261580cbf5ea4d6847694f2.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">Stoli GmbH</p>
          <a href="/fr/products/noix-de-cajou-non-salees-185-g-22219">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Noix de cajou non salées, 185 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22219&quot;],&quot;content_name&quot;:&quot;Noix de cajou non salées, 185 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22219&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xlvKae2e314Y6Vt8QsA84mmA3AhV1Q3mPpGXYdiOogOTAmQBPqBbin6hMKHlxsJ_mFhlc3RUHwuADN22At6bMQ" />
    <input value="22219" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Flebensmittel%2Frohkost%3Fformat%3Dturbo_stream%26page%3D14">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/amandes-non-salees-225-g-22233">
          <img alt="Amandes non salées" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11725/file/small-aeee31136a868a7f76f4dd40a0cc97ba.webp 600w, https://assets.fabulous.ch/public/variant_asset/11725/file/medium-79d574e7bca8e49c19063d5a4420e897.webp 900w, https://assets.fabulous.ch/public/variant_asset/11725/file/large-b8599a14bef20ef78e59b54398564617.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11725/file/medium-79d574e7bca8e49c19063d5a4420e897.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">Stoli GmbH</p>
          <a href="/fr/products/amandes-non-salees-225-g-22233">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Amandes non salées, 225 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22233&quot;],&quot;content_name&quot;:&quot;Amandes non salées, 225 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22233&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GSHE3lx5mSxQlg_T55GlExzRS5UN-jOemi2TTAcl8TVMeGq2j0cd-DbeZA5Al1uO7Qny7ix7IXMksNmb3XXIBw" />
    <input value="22233" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Flebensmittel%2Frohkost%3Fformat%3Dturbo_stream%26page%3D14">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/noisettes-non-salees-192-g-22228">
          <img alt="Noisettes non salées" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11719/file/small-bed753241979ae3ee5da250e6bf8b218.webp 600w, https://assets.fabulous.ch/public/variant_asset/11719/file/medium-96b25c6257da859f7249a1260a050c7f.webp 900w, https://assets.fabulous.ch/public/variant_asset/11719/file/large-4a46b9d3f977510d4a6b1bd3d493109a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11719/file/medium-96b25c6257da859f7249a1260a050c7f.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">Stoli GmbH</p>
          <a href="/fr/products/noisettes-non-salees-192-g-22228">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Noisettes non salées, 192 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22228&quot;],&quot;content_name&quot;:&quot;Noisettes non salées, 192 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22228&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tT3VtWM5MrR5GKBrWOp29mQVheehpY5EZ_GI1XRYFYHgZHvdsAe2YB9Qy7b_7Ihrlc08nIAknKnZbMICrggssw" />
    <input value="22228" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Flebensmittel%2Frohkost%3Fformat%3Dturbo_stream%26page%3D14">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/noisettes-au-sel-marin-192-g-22226">
          <img alt="Noisettes au sel marin" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11717/file/small-e6d0a440cf7f722451222b269533e259.webp 600w, https://assets.fabulous.ch/public/variant_asset/11717/file/medium-8e811f297117c80118439bcc88bc234c.webp 900w, https://assets.fabulous.ch/public/variant_asset/11717/file/large-739ffa7c0b372f72391599b663d29f5d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11717/file/medium-8e811f297117c80118439bcc88bc234c.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">Stoli GmbH</p>
          <a href="/fr/products/noisettes-au-sel-marin-192-g-22226">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Noisettes au sel marin, 192 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22226&quot;],&quot;content_name&quot;:&quot;Noisettes au sel marin, 192 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22226&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sAuXl3p5KF-c2DBfyI5qJF8dvmh_REY56OXzI8791u_lUjn_qUesi_qQW4JviJS5rsUHE17FVNRWeLn0FK3v3Q" />
    <input value="22226" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Flebensmittel%2Frohkost%3Fformat%3Dturbo_stream%26page%3D14">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/melange-de-noix-deluxe-non-sale-175-g-22211">
          <img alt="Mélange de noix Deluxe non salé" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11700/file/small-b437c29cde4dbe9f29580ce7c64d0408.webp 600w, https://assets.fabulous.ch/public/variant_asset/11700/file/medium-a880d646cd9318558ba40a2d8fed6a8c.webp 900w, https://assets.fabulous.ch/public/variant_asset/11700/file/large-9e80e915c45322d2bd6bccfa8e569ceb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11700/file/medium-a880d646cd9318558ba40a2d8fed6a8c.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">Stoli GmbH</p>
          <a href="/fr/products/melange-de-noix-deluxe-non-sale-175-g-22211">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mélange de noix Deluxe non salé, 175 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22211&quot;],&quot;content_name&quot;:&quot;Mélange de noix Deluxe non salé, 175 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22211&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AlwglaI6wX_SHaWZVudlN9RfZBNPwbn4RTpVqxd1b5ZXBY79cQRFq7RVzkTx4ZuqJYfdaG5AqxX7px98zSVWpA" />
    <input value="22211" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Flebensmittel%2Frohkost%3Fformat%3Dturbo_stream%26page%3D14">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/melange-de-noix-deluxe-avec-sale-175-g-22208">
          <img alt="Mélange de noix Deluxe avec salé" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11697/file/small-a014bbc94d6be65299656efd621cc796.webp 600w, https://assets.fabulous.ch/public/variant_asset/11697/file/medium-2ae99b8b649aa2a56d454ebd8ea6122f.webp 900w, https://assets.fabulous.ch/public/variant_asset/11697/file/large-de2e9d338e3df0ce35d26338b65afefa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11697/file/medium-2ae99b8b649aa2a56d454ebd8ea6122f.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">Stoli GmbH</p>
          <a href="/fr/products/melange-de-noix-deluxe-avec-sale-175-g-22208">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mélange de noix Deluxe avec salé, 175 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22208&quot;],&quot;content_name&quot;:&quot;Mélange de noix Deluxe avec salé, 175 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22208&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="N2kzNmmbqEu-1V0vDF9g0zM2SX_WaJeJ0aYiIzoVbnBiMJ1euqUsn9idNvKrWZ5Owu7wBPfphWRvO2j04EVXQg" />
    <input value="22208" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Flebensmittel%2Frohkost%3Fformat%3Dturbo_stream%26page%3D14">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/noix-de-cajou-au-paprika-185-g-22196">
          <img alt="Noix de cajou au paprika" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11685/file/small-c16bd41f56acefc0ec56b658f3da5ecd.webp 600w, https://assets.fabulous.ch/public/variant_asset/11685/file/medium-329c5b4c05431151bd7e8459bfeb1242.webp 900w, https://assets.fabulous.ch/public/variant_asset/11685/file/large-681166a98bed90213935683a8af34028.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11685/file/medium-329c5b4c05431151bd7e8459bfeb1242.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">Stoli GmbH</p>
          <a href="/fr/products/noix-de-cajou-au-paprika-185-g-22196">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Noix de cajou au paprika, 185 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22196&quot;],&quot;content_name&quot;:&quot;Noix de cajou au paprika, 185 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22196&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="W-9L4dijV-N6cYzSQhXXRcuLyCGo5DjYyrbfy9CcyGsOtuWJC53TNxw55w_lEynYOlNxWollKjV0K5UcCszxWQ" />
    <input value="22196" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Flebensmittel%2Frohkost%3Fformat%3Dturbo_stream%26page%3D14">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/noix-de-pecan-non-salees-149-g-22224">
          <img alt="Noix de pécan non salées" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11716/file/small-bfc6ed19451cbb81d9f2ccb63654b042.webp 600w, https://assets.fabulous.ch/public/variant_asset/11716/file/medium-cf0e304c87f5babf683e72de5ac0d471.webp 900w, https://assets.fabulous.ch/public/variant_asset/11716/file/large-19d970171145a79a31a0f397563b8a62.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11716/file/medium-cf0e304c87f5babf683e72de5ac0d471.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">Stoli GmbH</p>
          <a href="/fr/products/noix-de-pecan-non-salees-149-g-22224">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Noix de pécan non salées, 149 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22224&quot;],&quot;content_name&quot;:&quot;Noix de pécan non salées, 149 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22224&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="o81rsv6auhO8TfrxQ0LDHJMJZK-DTUm8vVfcAKDOZL72lMXaLaQ-x9oFkSzkRD2BYtHd1KLMW1EDypbXep5djA" />
    <input value="22224" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Flebensmittel%2Frohkost%3Fformat%3Dturbo_stream%26page%3D14">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/noix-de-cajou-au-romarin-185-g-22198">
          <img alt="Noix de cajou au romarin" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11687/file/small-663b3fb8e8b5c6e1822ba6042d702b5f.webp 600w, https://assets.fabulous.ch/public/variant_asset/11687/file/medium-8f172fbd2509e46c34a74ac024ff9058.webp 900w, https://assets.fabulous.ch/public/variant_asset/11687/file/large-292677410617c7fa65cbfeb0cddb52ff.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11687/file/medium-8f172fbd2509e46c34a74ac024ff9058.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">Stoli GmbH</p>
          <a href="/fr/products/noix-de-cajou-au-romarin-185-g-22198">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Noix de cajou au romarin, 185 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22198&quot;],&quot;content_name&quot;:&quot;Noix de cajou au romarin, 185 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22198&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fnYaUgqPCk1eklymjzmnq9CfoGk5e7JF3wBCkQL_ThcrL7Q62bGOmTjaN3soP1k2IUcZEhj6oKhhnQhG2K93JQ" />
    <input value="22198" 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">
      280 sur 3&#39;727 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/lebensmittel/rohkost?format=turbo_stream&amp;page=15">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>