<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%2Fhappi%3Fformat%3Dturbo_stream%26page%3D37">
    <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-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/pralines-framboise-boite-de-6-bio-72-g-4215">
          <img alt="Pralines Framboise Boîte de 6 Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2648/file/small-4d6bab69ac1245d4548ac40fb88e5b72.webp 600w, https://assets.fabulous.ch/public/variant_asset/2648/file/medium-8ea97910f51cc6d1acde3301d1b0d991.webp 900w, https://assets.fabulous.ch/public/variant_asset/2648/file/large-00d7099b4de7044e5af992c28040d1ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2648/file/medium-8ea97910f51cc6d1acde3301d1b0d991.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturkostbar</p>
          <a href="/fr/products/pralines-framboise-boite-de-6-bio-72-g-4215">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pralines Framboise Boîte de 6 Bio, 88 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.90
            </p>

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

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

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

      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       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%2Fhappi%3Fformat%3Dturbo_stream%26page%3D37">
    <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/pate-a-tartiner-creme-de-carob-bio-200-g-6691">
          <img alt="Pâte à tartiner Creme de Carob Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3868/file/small-43f587b2a740c4e637ef03e322672cd6.webp 600w, https://assets.fabulous.ch/public/variant_asset/3868/file/medium-411b790e9e53cdd2bc6634583b694cdb.webp 900w, https://assets.fabulous.ch/public/variant_asset/3868/file/large-d3ce5d7f43e6724fdaebcf3353ec5c4a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3868/file/medium-411b790e9e53cdd2bc6634583b694cdb.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturkostbar</p>
          <a href="/fr/products/pate-a-tartiner-creme-de-carob-bio-200-g-6691">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pâte à tartiner Creme de Carob Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;6691&quot;],&quot;content_name&quot;:&quot;Pâte à tartiner Creme de Carob Bio, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;6691&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:16.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uhWcq3wg3EcJfadbXzW3Kiu0Y7H5KJ5sh3vG16yV36omNx93HaEyR4P8j2g2-gKO4lj4Wgh5R-T49f-GkXIJ_g" />
    <input value="6691" 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%2Fhappi%3Fformat%3Dturbo_stream%26page%3D37">
    <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/pralines-symphonie-n-1-bio-72-g-6693">
          <img alt="Pralines Symphonie N°1 Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3869/file/small-38d97e7550ad2e746af89582d6af22a9.webp 600w, https://assets.fabulous.ch/public/variant_asset/3869/file/medium-eda0785e40f7215c7bac2cd65b5a85fa.webp 900w, https://assets.fabulous.ch/public/variant_asset/3869/file/large-563d9548f17515fe68c13d4f5abae7a4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3869/file/medium-eda0785e40f7215c7bac2cd65b5a85fa.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturkostbar</p>
          <a href="/fr/products/pralines-symphonie-n-1-bio-72-g-6693">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pralines Symphonie N°1 Bio, 72 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;6693&quot;],&quot;content_name&quot;:&quot;Pralines Symphonie N°1 Bio, 72 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;6693&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:15.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="n5q8uSt8dyaNePTeDy61ygGStmlzaqizusPC-2YXJAkDuD9lSv2ZJgf53O1m4QBuyH4tgoI7cTvFTfuqW_DyXQ" />
    <input value="6693" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       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%2Fhappi%3Fformat%3Dturbo_stream%26page%3D37">
    <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/haselnuss-du-chocolat-bio-200-g-13816">
          <img alt="Haselnuss du Chocolat Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6591/file/small-46e673ff763c211361d8173847d31d9e.webp 600w, https://assets.fabulous.ch/public/variant_asset/6591/file/medium-bc92b0d14371c4ec78c0bd4bf3cbed79.webp 900w, https://assets.fabulous.ch/public/variant_asset/6591/file/large-e5f5a8843d73e7072df2ebb31dc7ed6a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6591/file/medium-bc92b0d14371c4ec78c0bd4bf3cbed79.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturkostbar</p>
          <a href="/fr/products/haselnuss-du-chocolat-bio-200-g-13816">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Haselnuss du Chocolat Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;13816&quot;],&quot;content_name&quot;:&quot;Haselnuss du Chocolat Bio, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;13816&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:17.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dDvhgnTie5mYkbayi3vJ_FDxuBZzpy2R3d1LM_5bz6voGWJeFWOVmRIQnoHitHxYmR0j_YL29BmiU3Jiw7wZ_w" />
    <input value="13816" 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%2Fhappi%3Fformat%3Dturbo_stream%26page%3D37">
    <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/72-g-7ef7543e-f1ac-4476-b4c8-4d6e66819b20-19941">
          <img alt="Praline symphony n°2 Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11177/file/small-71cb32360a1c5da5512033f33e0c9b5a.webp 600w, https://assets.fabulous.ch/public/variant_asset/11177/file/medium-b7af9dad05aeaf14823fead9b3353662.webp 900w, https://assets.fabulous.ch/public/variant_asset/11177/file/large-0b3f7552a066cd8d7f3c9603014db814.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11177/file/medium-b7af9dad05aeaf14823fead9b3353662.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturkostbar</p>
          <a href="/fr/products/72-g-7ef7543e-f1ac-4476-b4c8-4d6e66819b20-19941">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Praline symphony n°2 Bio, 88 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19941&quot;],&quot;content_name&quot;:&quot;Praline symphony n°2 Bio, 88 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19941&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:15.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="d3FrpnLQhd6mhGbzhPMD4k35YcEZXFOJD4Di2fTwxYvrU-h6E1Fr3iwFTsDtPLZGhBX6KugNigFwDtuIyRcT3w" />
    <input value="19941" 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%2Fhappi%3Fformat%3Dturbo_stream%26page%3D37">
    <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/puree-de-noix-de-coco-cru-bio-200-g-6687">
          <img alt="Purée de noix de coco Cru Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3862/file/small-5f5d35667e1a72a1ca1cbea6d2d6278e.webp 600w, https://assets.fabulous.ch/public/variant_asset/3862/file/medium-2f5690c49ef95f8895c42e15b1eb7c4f.webp 900w, https://assets.fabulous.ch/public/variant_asset/3862/file/large-54a8692a65b7f6e75ee4502411292c7b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3862/file/medium-2f5690c49ef95f8895c42e15b1eb7c4f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturkostbar</p>
          <a href="/fr/products/puree-de-noix-de-coco-cru-bio-200-g-6687">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Purée de noix de coco Cru Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;6687&quot;],&quot;content_name&quot;:&quot;Purée de noix de coco Cru Bio, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;6687&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:12.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pP2mnLT2vu2PjKSB7fvg-bExobOyIKqk0lWDYnNpa1o43yVA1XdQ7QUNjLKENFVdeN06WENxcyyt27ozTo69Dg" />
    <input value="6687" 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%2Fhappi%3Fformat%3Dturbo_stream%26page%3D37">
    <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/pralines-classique-de-6-bio-72-g-11243">
          <img alt="Pralinés Classique de 6 Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5756/file/small-865fa5ac6e018f49549b7c74665e9591.webp 600w, https://assets.fabulous.ch/public/variant_asset/5756/file/medium-ef3d055ab52ec5553e986eec475a6d71.webp 900w, https://assets.fabulous.ch/public/variant_asset/5756/file/large-603a1a0d1a9f43adf7177206e2b7c7f0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5756/file/medium-ef3d055ab52ec5553e986eec475a6d71.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturkostbar</p>
          <a href="/fr/products/pralines-classique-de-6-bio-72-g-11243">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pralinés Classique de 6 Bio, 72 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;11243&quot;],&quot;content_name&quot;:&quot;Pralinés Classique de 6 Bio, 72 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;11243&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:15.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jeAbv5aETNh-1_jr9wGYgR6EVeTD530OCovNyuuR-NgRwphj9wWi2PRW0Niezi0l12jODzK2pIZ1BfSb1nYujA" />
    <input value="11243" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div 
       class="border-gray-200  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%2Fhappi%3Fformat%3Dturbo_stream%26page%3D37">
    <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-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/pralines-gianduja-pack-de-6-bio-72-g-4217">
          <img alt="Pralinés Gianduja Pack de 6 Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2649/file/small-7b9d43198751af10671cc94c1972d3e1.webp 600w, https://assets.fabulous.ch/public/variant_asset/2649/file/medium-0766cb692a8c7e07bd11db360ae924f9.webp 900w, https://assets.fabulous.ch/public/variant_asset/2649/file/large-584282132d092cbdc77e131cc418eb15.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2649/file/medium-0766cb692a8c7e07bd11db360ae924f9.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturkostbar</p>
          <a href="/fr/products/pralines-gianduja-pack-de-6-bio-72-g-4217">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pralinés Gianduja Pack de 6 Bio, 88 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.90
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-4217-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"
       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%2Fhappi%3Fformat%3Dturbo_stream%26page%3D37">
    <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/poudre-de-caroube-avec-vitamine-b12-vegane-bio-225-g-22488">
          <img alt="Poudre de caroube avec vitamine B12 végane Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11914/file/small-19a9ce9acf03d38518a80e88717c4d99.webp 600w, https://assets.fabulous.ch/public/variant_asset/11914/file/medium-3b0a0f649aef6365c3fee66bf0ce399b.webp 900w, https://assets.fabulous.ch/public/variant_asset/11914/file/large-ca8ab0178c8e4190d4dc65c409a8e8c6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11914/file/medium-3b0a0f649aef6365c3fee66bf0ce399b.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">NaturKraftWerke</p>
          <a href="/fr/products/poudre-de-caroube-avec-vitamine-b12-vegane-bio-225-g-22488">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Poudre de caroube avec vitamine B12 végane Bio, 225 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22488&quot;],&quot;content_name&quot;:&quot;Poudre de caroube avec vitamine B12 végane Bio, 225 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22488&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:11.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="d9nfHgRoztRV6nFnVzJTOvGtl_Zhm6trI4Vj3fb2hODr-1zCZekg1N9rWVQ-_eaeOEEMHZDKcuNcC1qMyxFStA" />
    <input value="22488" 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%2Fhappi%3Fformat%3Dturbo_stream%26page%3D37">
    <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/poudre-d-acerola-bio-300-g-17561">
          <img alt="Poudre d’Acerola Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8189/file/small-c34ffaa6362f53d4db3943d90b9609e1.webp 600w, https://assets.fabulous.ch/public/variant_asset/8189/file/medium-4461c07501d6f0f07c071f98e06201c5.webp 900w, https://assets.fabulous.ch/public/variant_asset/8189/file/large-1c85e2804e3e3df22012975a00f2dde2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8189/file/medium-4461c07501d6f0f07c071f98e06201c5.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">NaturKraftWerke</p>
          <a href="/fr/products/poudre-d-acerola-bio-300-g-17561">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Poudre d’Acerola Bio, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 55.55
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17561&quot;],&quot;content_name&quot;:&quot;Poudre d’Acerola Bio, 300 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17561&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:55.55,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pPEDRMV0kRItpCn63amjWdA6oZFSC4Er436mU-sn0s4404CYpPV_EqclAcm0Zhb9GdY6eqNaWKOc8J8C1sAEmg" />
    <input value="17561" 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%2Fhappi%3Fformat%3Dturbo_stream%26page%3D37">
    <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/pistaches-cru-non-salees-bio-250-g-6715">
          <img alt="Pistaches Cru Non salées Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3876/file/small-c37ac01ddeb84f509b05329e05177ed0.webp 600w, https://assets.fabulous.ch/public/variant_asset/3876/file/medium-d57be92b346708b54465be9735df1ecf.webp 900w, https://assets.fabulous.ch/public/variant_asset/3876/file/large-7891d66bb9f95e7a4d54baf6a035100c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3876/file/medium-d57be92b346708b54465be9735df1ecf.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturkostbar</p>
          <a href="/fr/products/pistaches-cru-non-salees-bio-250-g-6715">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pistaches Cru Non salées Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;6715&quot;],&quot;content_name&quot;:&quot;Pistaches Cru Non salées Bio, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;6715&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:22.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZZgahOGoV6oOhaQU3TKTTrLDzkbCgAlYNvgt54pBIAv5uplYgCm5qoQEjCe0_Sbqey9VrTPR0NBJdhS2t6b2Xw" />
    <input value="6715" 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%2Fhappi%3Fformat%3Dturbo_stream%26page%3D37">
    <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/bananes-au-chocolat-bio-150-g-15363">
          <img alt="Bananes au Chocolat Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7014/file/small-bb05135f66ffa4eac315c9cd00be01b6.webp 600w, https://assets.fabulous.ch/public/variant_asset/7014/file/medium-68b8507fce1321ed8dd1dcd9bbbdf9e5.webp 900w, https://assets.fabulous.ch/public/variant_asset/7014/file/large-09cc83e457e39a7dab6e05525045e619.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7014/file/medium-68b8507fce1321ed8dd1dcd9bbbdf9e5.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturkostbar</p>
          <a href="/fr/products/bananes-au-chocolat-bio-150-g-15363">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bananes au Chocolat Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15363&quot;],&quot;content_name&quot;:&quot;Bananes au Chocolat Bio, 150 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15363&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:13.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="67DXhxQyksQibcUONMpu9YBGyDfgUM1bKphlLIILRnd3klRbdbN8xKjs7T1dBdtRSapT3BEBFNNVFlx9v-yQIw" />
    <input value="15363" 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%2Fhappi%3Fformat%3Dturbo_stream%26page%3D37">
    <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/50-g-0eb4ccaa-72ba-4b54-999e-738e82c1c597-18739">
          <img alt="Myrtilles sauvages lyophilisées crues Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11202/file/small-759b211c63f7ebce6ce0a7d0da178856.webp 600w, https://assets.fabulous.ch/public/variant_asset/11202/file/medium-6eee26f11ad9e9f55e358bda569dbd8c.webp 900w, https://assets.fabulous.ch/public/variant_asset/11202/file/large-4a4a5e9bd410852bac28877ecc128962.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11202/file/medium-6eee26f11ad9e9f55e358bda569dbd8c.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturkostbar</p>
          <a href="/fr/products/50-g-0eb4ccaa-72ba-4b54-999e-738e82c1c597-18739">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Myrtilles sauvages lyophilisées crues Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18739&quot;],&quot;content_name&quot;:&quot;Myrtilles sauvages lyophilisées crues Bio, 50 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18739&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:15.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="in0NSmcA5Gw3tSZWSoZJvdKetzS0tqyW1DpbYVU9FL8WX46WBoEKbL00DmUjSfwZG3Is30XndR6rtGIwaNrC6w" />
    <input value="18739" 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%2Fhappi%3Fformat%3Dturbo_stream%26page%3D37">
    <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/framboises-lyophilisees-de-qualite-crudite-bio-50-g-4214">
          <img alt="Framboises lyophilisées de qualité Crudité Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2646/file/small-1ff1f274ad0d3c26ab4013ab3c8f0b8e.webp 600w, https://assets.fabulous.ch/public/variant_asset/2646/file/medium-ba5b3d3fde5bd6f15b0b23b1b306683e.webp 900w, https://assets.fabulous.ch/public/variant_asset/2646/file/large-869b2073c3f2a09a1072b7a6f25b0a81.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2646/file/medium-ba5b3d3fde5bd6f15b0b23b1b306683e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturkostbar</p>
          <a href="/fr/products/framboises-lyophilisees-de-qualite-crudite-bio-50-g-4214">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Framboises lyophilisées de qualité Crudité Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;4214&quot;],&quot;content_name&quot;:&quot;Framboises lyophilisées de qualité Crudité Bio, 50 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;4214&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:11.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NQRT348ie6syER2AGrkKRmxKcIbZif6jXHa8p8_2Cu2pJtAD7qOVq7iQNbNzdr_ipabrbSjYJysj-IX28hHcuQ" />
    <input value="4214" 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%2Fhappi%3Fformat%3Dturbo_stream%26page%3D37">
    <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/chai-epice-bio-18-sachets-22539">
          <img alt="Chai épicé Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11964/file/small-c8bdc87b4e8fecd6636ece84c31ccc24.webp 600w, https://assets.fabulous.ch/public/variant_asset/11964/file/medium-d6861e217ee1a410e863874276f3c75b.webp 900w, https://assets.fabulous.ch/public/variant_asset/11964/file/large-9d5a3f5ed62a9f1f7d2cb8fd619254b1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11964/file/medium-d6861e217ee1a410e863874276f3c75b.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">Sonnentor</p>
          <a href="/fr/products/chai-epice-bio-18-sachets-22539">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chai épicé Bio, 18 sachets</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22539&quot;],&quot;content_name&quot;:&quot;Chai épicé Bio, 18 sachets&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22539&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KeboNhVJGCNUEjG40N2NhJIzp6t36vqpr06IQcgx5Eq1xGvqdMj2I96TGYu5EjggW988QIa7IyHQwLEQ9dYyHg" />
    <input value="22539" 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%2Fhappi%3Fformat%3Dturbo_stream%26page%3D37">
    <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/the-calendrier-de-l-avent-organic-38-9-g-9944">
          <img alt="Thé Calendrier de l&#39;Avent Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5472/file/small-d9f49d2a4d138ea2083b524a3fe7f03e.webp 600w, https://assets.fabulous.ch/public/variant_asset/5472/file/medium-44ee082ab7429318ff9d1f9a20b340ff.webp 900w, https://assets.fabulous.ch/public/variant_asset/5472/file/large-6a2e900f073ca1ca1e40ba9d8934980d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5472/file/medium-44ee082ab7429318ff9d1f9a20b340ff.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">Sonnentor</p>
          <a href="/fr/products/the-calendrier-de-l-avent-organic-38-9-g-9944">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Thé Calendrier de l&#39;Avent Organic, 24 pièces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;9944&quot;],&quot;content_name&quot;:&quot;Thé Calendrier de l&#39;Avent Organic, 24 pièces&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;9944&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="A3uZDhuwZRt7TG7nvvg7ygr0rzIk6tz3-B47IrxJStufWRrSejGLG_HNRtTXN45uwxg02dW7BX-HkAJzga6cjw" />
    <input value="9944" 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%2Fhappi%3Fformat%3Dturbo_stream%26page%3D37">
    <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/the-epice-aux-fruits-temps-de-pain-d-epices-bio-18-sachets-22538">
          <img alt="Thé épicé aux fruits Temps de Pain d’Épices Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11963/file/small-dd5c40f115ca0407ad0f4d2ade9fbeea.webp 600w, https://assets.fabulous.ch/public/variant_asset/11963/file/medium-9319745ba379e238024372dac333b0c1.webp 900w, https://assets.fabulous.ch/public/variant_asset/11963/file/large-64e82c3313c4f60ec121970bd898c0cb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11963/file/medium-9319745ba379e238024372dac333b0c1.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">Sonnentor</p>
          <a href="/fr/products/the-epice-aux-fruits-temps-de-pain-d-epices-bio-18-sachets-22538">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Thé épicé aux fruits Temps de Pain d’Épices Bio, 18 sachets</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22538&quot;],&quot;content_name&quot;:&quot;Thé épicé aux fruits Temps de Pain d’Épices Bio, 18 sachets&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22538&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vYmBT6BiwxXZwF_ROYFsTeZ6J-5DsA_RRiTVe4kayEAhqwKTweMtFVNBd-JQTtnpL5a8BbLh1lk5quwqtP0eFA" />
    <input value="22538" 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%2Fhappi%3Fformat%3Dturbo_stream%26page%3D37">
    <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/the-aux-herbes-lueur-de-lumiere-bio-45-g-22537">
          <img alt="Thé aux herbes Lueur de Lumière Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11962/file/small-2b5a790445b2c7eed92065763688282a.webp 600w, https://assets.fabulous.ch/public/variant_asset/11962/file/medium-b0e9842fb18a05eb510e732a8ceb8b6f.webp 900w, https://assets.fabulous.ch/public/variant_asset/11962/file/large-3ae9b096b29e72de578f3abdb65baf58.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11962/file/medium-b0e9842fb18a05eb510e732a8ceb8b6f.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">Sonnentor</p>
          <a href="/fr/products/the-aux-herbes-lueur-de-lumiere-bio-45-g-22537">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Thé aux herbes Lueur de Lumière Bio, 45 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22537&quot;],&quot;content_name&quot;:&quot;Thé aux herbes Lueur de Lumière Bio, 45 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22537&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QVWzCdO_wNLWclJqQUNMuf229_9Nq5J1eEMzY2Wk9SzddzDVsj4u0lzzelkojPkdNFpsFLz6S_0HzQoyWEMjeA" />
    <input value="22537" 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%2Fhappi%3Fformat%3Dturbo_stream%26page%3D37">
    <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/the-aux-herbes-lueur-de-lumiere-bio-18-sachets-22536">
          <img alt="Thé aux herbes Lueur de Lumière Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11961/file/small-8e7c8a7c78b0a5b459ffb8d54651902e.webp 600w, https://assets.fabulous.ch/public/variant_asset/11961/file/medium-9578219c52828937f513885a597a99eb.webp 900w, https://assets.fabulous.ch/public/variant_asset/11961/file/large-69f4213bfd7c6e812b5780b12b610d7f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11961/file/medium-9578219c52828937f513885a597a99eb.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">Sonnentor</p>
          <a href="/fr/products/the-aux-herbes-lueur-de-lumiere-bio-18-sachets-22536">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Thé aux herbes Lueur de Lumière Bio, 18 sachets</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22536&quot;],&quot;content_name&quot;:&quot;Thé aux herbes Lueur de Lumière Bio, 18 sachets&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22536&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tUYJ7dGaaGe-9YbE3wJa-1952IftQdVLeczNZrxtOVQpZIoxsBuGZzR0rve2ze9flpVDbBwQDMMGQvQ3gYrvAA" />
    <input value="22536" 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%2Fhappi%3Fformat%3Dturbo_stream%26page%3D37">
    <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/the-de-l-avent-bio-18-sachets-18-sachet-9941">
          <img alt="Thé de l&#39;Avent Bio, 18 sachets" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5470/file/small-8ebd3c2c979cb80000ec438ad8706b18.webp 600w, https://assets.fabulous.ch/public/variant_asset/5470/file/medium-581688c4655f8507ad80c11aecebd250.webp 900w, https://assets.fabulous.ch/public/variant_asset/5470/file/large-4a9d280dc0a861c4d2bba6b61debd30b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5470/file/medium-581688c4655f8507ad80c11aecebd250.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">Sonnentor</p>
          <a href="/fr/products/the-de-l-avent-bio-18-sachets-18-sachet-9941">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Thé de l&#39;Avent Bio, 18 sachets, 18 sachets</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;9941&quot;],&quot;content_name&quot;:&quot;Thé de l&#39;Avent Bio, 18 sachets, 18 sachets&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;9941&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_EezM7vc4DyRSJ8g8T_CANeMU56Fj2jiYAY_7Sb7eU9gZTDv2l0OPBvJtxOY8HekHmDIdXTesWofiAa8GxyvGw" />
    <input value="9941" 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">
      740 sur 4&#39;111 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/happi?format=turbo_stream&amp;page=38">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>