<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%2Fnoel%3Fformat%3Dturbo_stream%26page%3D3">
    <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/terra-verde-pandolce-bio-500-g-3583">
          <img alt="Terra Verde Pandolce Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2351/file/small-b0e49e686ce53fae926ac87e8f615158.webp 600w, https://assets.fabulous.ch/public/variant_asset/2351/file/medium-5cef418b8eca81e795dbe2307b19914b.webp 900w, https://assets.fabulous.ch/public/variant_asset/2351/file/large-11f57c5441aff3afdeb62a8b4ca9c437.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2351/file/medium-5cef418b8eca81e795dbe2307b19914b.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">Terra Verde</p>
          <a href="/fr/products/terra-verde-pandolce-bio-500-g-3583">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Terra Verde Pandolce Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.45
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;3583&quot;],&quot;content_name&quot;:&quot;Terra Verde Pandolce Bio, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;3583&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:19.45,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="paYJUA24y3cweET8aRhzPUKyjfbucYqRwI-YSbWJkjToY6Rlrh_zWGsBhoR4gkWPq6X0YDOLA3n3D4NSSTSCBQ" />
    <input value="3583" 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%2Fnoel%3Fformat%3Dturbo_stream%26page%3D3">
    <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/lutin-de-noel-vegetalien-bio-120-g-9940">
          <img alt="Lutin de Noël végétalien bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5468/file/small-b5cf36c64db4598dd4bfed15368d5f01.webp 600w, https://assets.fabulous.ch/public/variant_asset/5468/file/medium-3bbba1b54ce9c8f1271e4caaee88c063.webp 900w, https://assets.fabulous.ch/public/variant_asset/5468/file/large-b71573c671358ec141949e98cb926371.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5468/file/medium-3bbba1b54ce9c8f1271e4caaee88c063.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">Heidi Chocolatier</p>
          <a href="/fr/products/lutin-de-noel-vegetalien-bio-120-g-9940">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lutin de Noël végétalien bio, 120 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 9.92 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;9940&quot;],&quot;content_name&quot;:&quot;Lutin de Noël végétalien bio, 120 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;9940&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="jYkvrAYD6DjsYeYbhjUHmzI-BzhOlRGPhwAyi642teHATIKZpaTQF7cYJGOXrzEp2yl-rpNvmGewgCmQUoul0A" />
    <input value="9940" 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%2Fnoel%3Fformat%3Dturbo_stream%26page%3D3">
    <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/fondue-au-chocolat-noir-bio-250-g-14503">
          <img alt="Fondue au Chocolat Noir Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6729/file/small-46e13c8b216038082c3a10df445bd12e.webp 600w, https://assets.fabulous.ch/public/variant_asset/6729/file/medium-d86077dcda69712aa025839fa6cf12b7.webp 900w, https://assets.fabulous.ch/public/variant_asset/6729/file/large-c1bb18139634c87364f00c6992f078b0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6729/file/medium-d86077dcda69712aa025839fa6cf12b7.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">Taucherli</p>
          <a href="/fr/products/fondue-au-chocolat-noir-bio-250-g-14503">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Fondue au Chocolat Noir Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.25
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;14503&quot;],&quot;content_name&quot;:&quot;Fondue au Chocolat Noir Bio, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;14503&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:16.25,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QY9TfPEiUyk_bk0hAIoBl5WE5lr3PvchFZ-u44xiYlkMSv5JUoVrBmQXj1kREDclfJOfzCrEfskiH7X4cN9yaA" />
    <input value="14503" 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%2Fnoel%3Fformat%3Dturbo_stream%26page%3D3">
    <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/kookie-cat-winter-mini-cookie-selection-250-g-11868">
          <img alt="KOOKIE CAT Winter mini Cookie Selection" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6069/file/small-d2d2ea2961361f9f64a4ea7002eb581c.webp 600w, https://assets.fabulous.ch/public/variant_asset/6069/file/medium-3cb0e947458429459b598996b103b45e.webp 900w, https://assets.fabulous.ch/public/variant_asset/6069/file/large-46b3a850febbf8a457ce5602edad61b7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6069/file/medium-3cb0e947458429459b598996b103b45e.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">Kookie Cat</p>
          <a href="/fr/products/kookie-cat-winter-mini-cookie-selection-250-g-11868">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">KOOKIE CAT Winter mini Cookie Selection, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.85
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;11868&quot;],&quot;content_name&quot;:&quot;KOOKIE CAT Winter mini Cookie Selection, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;11868&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:10.85,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uhuO_9Dj8qdHVmDDpGycOZCi45LRBpVfjq4fyppMPcz33iPKc0TKiBwvoru19qqLebWaBAz8HLe5LgTRZvEt_Q" />
    <input value="11868" 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%2Fnoel%3Fformat%3Dturbo_stream%26page%3D3">
    <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/calendrier-de-l-avent-epice-edition-2023-bio-118-g-9945">
          <img alt="Calendrier de l&#39;avent épice édition Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9121/file/small-43bc4651c5ebb21a91a3715eafd4f485.webp 600w, https://assets.fabulous.ch/public/variant_asset/9121/file/medium-0e2a0c79a0e430d868361869289a960c.webp 900w, https://assets.fabulous.ch/public/variant_asset/9121/file/large-657c792dd984d0d6eae427542aa8f822.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9121/file/medium-0e2a0c79a0e430d868361869289a960c.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/calendrier-de-l-avent-epice-edition-2023-bio-118-g-9945">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Calendrier de l&#39;avent épice édition Bio, 118 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;9945&quot;],&quot;content_name&quot;:&quot;Calendrier de l&#39;avent épice édition Bio, 118 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;9945&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:24.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rit23atQMl7RrE8bPLrSTRW4eVUbaBRb4MpePMwtPevj7tvoCPcKcYrVjWMtIOT__K8Aw8aSnbPXSkUnMJAt2g" />
    <input value="9945" 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%2Fnoel%3Fformat%3Dturbo_stream%26page%3D3">
    <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/herbal-favourites-boite-de-the-bio-30-sachets-18146">
          <img alt="Herbal Favourites, Boîte de Thé Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9120/file/small-221f19b3d7e3485881305ffb5ec786cc.webp 600w, https://assets.fabulous.ch/public/variant_asset/9120/file/medium-7933a896ef16f902d79b90678b1595af.webp 900w, https://assets.fabulous.ch/public/variant_asset/9120/file/large-5f71264362c1c4f6882d73f8b76c4dad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9120/file/medium-7933a896ef16f902d79b90678b1595af.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">Pukka</p>
          <a href="/fr/products/herbal-favourites-boite-de-the-bio-30-sachets-18146">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Herbal Favourites, Boîte de Thé Bio, 30 sachets</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18146&quot;],&quot;content_name&quot;:&quot;Herbal Favourites, Boîte de Thé Bio, 30 sachets&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18146&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:21.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lkf9j6bGPZ6bL-eQ9qzeaI_tOTm3Tfk6snhWTIJkvVnbglC6BWEFscBWJejnNujaZvpAr2q3cNKF-E1XftmtaA" />
    <input value="18146" 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%2Fnoel%3Fformat%3Dturbo_stream%26page%3D3">
    <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-caramelisees-bio-150-g-11863">
          <img alt="Amandes caramélisées Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6066/file/small-c446497d91cee4daf0030255ac0a9a07.webp 600w, https://assets.fabulous.ch/public/variant_asset/6066/file/medium-cc9aea5ecb3bb206c279e111f6375e6a.webp 900w, https://assets.fabulous.ch/public/variant_asset/6066/file/large-5e9a83aefb4d16e61d868fa0e12ea619.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6066/file/medium-cc9aea5ecb3bb206c279e111f6375e6a.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">Landgarten</p>
          <a href="/fr/products/amandes-caramelisees-bio-150-g-11863">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Amandes caramélisées Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.45
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;11863&quot;],&quot;content_name&quot;:&quot;Amandes caramélisées Bio, 150 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;11863&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.45,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2qCih5PmUmHqyyF92lv8T_enJo2jOb5B8YTgSDg-ozmXZQ-yMEFqTrGy4wXLwcr9HrBfG37DN6nGBPtTxIOzCA" />
    <input value="11863" 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%2Fnoel%3Fformat%3Dturbo_stream%26page%3D3">
    <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/calendrier-de-l-avent-pauline-bio-110-g-15771">
          <img alt="Calendrier de l&#39;avent Pauline bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7185/file/small-93dbb1f7ede61c54e7db8bba274d488d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7185/file/medium-e1a359cb2a126cd4f82a638e74f95533.webp 900w, https://assets.fabulous.ch/public/variant_asset/7185/file/large-95561dd7858d3d1224f6a0609fcec548.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7185/file/medium-e1a359cb2a126cd4f82a638e74f95533.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">Les Chocolats de Pauline</p>
          <a href="/fr/products/calendrier-de-l-avent-pauline-bio-110-g-15771">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Calendrier de l&#39;avent Pauline bio, 110 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.85
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15771&quot;],&quot;content_name&quot;:&quot;Calendrier de l&#39;avent Pauline bio, 110 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15771&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:19.85,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aEuSaWAV-v4yi2KAhJlieG56Zvt4EgpHixJSLoUp51kljj9cw7LC0WnyoPiVA1TKh20fbaXog6-8kkk1eZT3aA" />
    <input value="15771" 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%2Fnoel%3Fformat%3Dturbo_stream%26page%3D3">
    <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/rudi-le-renne-amandes-grillees-au-sesame-bio-50-g-4631">
          <img alt="Rudi le Renne Amandes grillées au sésame Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9124/file/small-9ed4a020e16f7d884e756dc9d2d499ed.webp 600w, https://assets.fabulous.ch/public/variant_asset/9124/file/medium-4f0035f0ac21e074cddbf0bbbe2308db.webp 900w, https://assets.fabulous.ch/public/variant_asset/9124/file/large-66055300b7d9d46c9fc54556f68866a9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9124/file/medium-4f0035f0ac21e074cddbf0bbbe2308db.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Govinda</p>
          <a href="/fr/products/rudi-le-renne-amandes-grillees-au-sesame-bio-50-g-4631">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rudi le Renne Amandes grillées au sésame Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.75
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;4631&quot;],&quot;content_name&quot;:&quot;Rudi le Renne Amandes grillées au sésame Bio, 50 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;4631&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.75,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dlfsHlqAvI5AdfvtCuSdMo9h08j5TJpov8bgrzMau4w7kkEr-SeEoRsMOZUbfquAZnaqXiS2E4CIRvu0z6ervQ" />
    <input value="4631" 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%2Fnoel%3Fformat%3Dturbo_stream%26page%3D3">
    <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/coffret-cadeau-vernis-a-ongles-classic-in-red-bio-lot-de-3-3-piece-15783">
          <img alt="Coffret cadeau Vernis à Ongles : Classic in Red Bio, Lot de 3" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7197/file/small-46cfa26aa9d69da4edf27325c94019f3.webp 600w, https://assets.fabulous.ch/public/variant_asset/7197/file/medium-1aab8bafef1973609f207a1f88f71e19.webp 900w, https://assets.fabulous.ch/public/variant_asset/7197/file/large-32c9fe464caee6b3fd6ec6fac30a3fa5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7197/file/medium-1aab8bafef1973609f207a1f88f71e19.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">benecos</p>
          <a href="/fr/products/coffret-cadeau-vernis-a-ongles-classic-in-red-bio-lot-de-3-3-piece-15783">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Coffret cadeau Vernis à Ongles : Classic in Red Bio, Lot de 3, 3 pièces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15783&quot;],&quot;content_name&quot;:&quot;Coffret cadeau Vernis à Ongles : Classic in Red Bio, Lot de 3, 3 pièces&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15783&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qEAW0dEXmXI1mZvCZ68fVyckbfvM4q9j46pU4MSer73lhbvkcrChXW7gWbp2NSnlzjMUbREYJovUKk_7OCO_jA" />
    <input value="15783" 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%2Fnoel%3Fformat%3Dturbo_stream%26page%3D3">
    <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/coffret-cadeau-vernis-a-ongles-pretty-in-pastel-bio-3-pieces-3-piece-15784">
          <img alt="Coffret Cadeau Vernis à Ongles : Pretty in Pastel Bio, 3 pièces" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7199/file/small-a6449d05c8946a360b515cc7560bd167.webp 600w, https://assets.fabulous.ch/public/variant_asset/7199/file/medium-fe6409ab5bdef25b251fc58d8c71f4da.webp 900w, https://assets.fabulous.ch/public/variant_asset/7199/file/large-2515778e3b43057e8065224ba980a5a6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7199/file/medium-fe6409ab5bdef25b251fc58d8c71f4da.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">benecos</p>
          <a href="/fr/products/coffret-cadeau-vernis-a-ongles-pretty-in-pastel-bio-3-pieces-3-piece-15784">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Coffret Cadeau Vernis à Ongles : Pretty in Pastel Bio, 3 pièces, 3 pièces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15784&quot;],&quot;content_name&quot;:&quot;Coffret Cadeau Vernis à Ongles : Pretty in Pastel Bio, 3 pièces, 3 pièces&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15784&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sUh3eZ6GQPSRM-8TEQC5kTlQnPS7NHOWYiqAX4clw1L8jdpMPSF428pKLWsAmo8j0EflYmbO-n5VqptEe5jTYw" />
    <input value="15784" 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%2Fnoel%3Fformat%3Dturbo_stream%26page%3D3">
    <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/coffret-cadeau-sensitiv-creme-mains-lotion-corporelle-lipbalm-naturel-3-pieces-18144">
          <img alt="Coffret Cadeau Sensitiv - Crème mains, Lotion corporelle &amp; Lipbalm naturel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9118/file/small-dda1a79a690eafb08bc27d2671de1538.webp 600w, https://assets.fabulous.ch/public/variant_asset/9118/file/medium-e41c32f90c6a61937f44e3d9259d058f.webp 900w, https://assets.fabulous.ch/public/variant_asset/9118/file/large-a6e61f60bebaedf5c2249dea396e0d68.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9118/file/medium-e41c32f90c6a61937f44e3d9259d058f.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">benecos</p>
          <a href="/fr/products/coffret-cadeau-sensitiv-creme-mains-lotion-corporelle-lipbalm-naturel-3-pieces-18144">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Coffret Cadeau Sensitiv - Crème mains, Lotion corporelle &amp; Lipbalm naturel, 3 pièces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.65
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18144&quot;],&quot;content_name&quot;:&quot;Coffret Cadeau Sensitiv - Crème mains, Lotion corporelle \u0026 Lipbalm naturel, 3 pièces&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18144&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:10.65,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wDJvPD8CnCtZbJcjlo-oeEDcDjOoxpWrgvzKsxyZlkqN98IJnKWkBAIVVVuHFZ7Kqct3pXU8HEO1fNGo4CSGew" />
    <input value="18144" 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%2Fnoel%3Fformat%3Dturbo_stream%26page%3D3">
    <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-marc-de-champagne-bio-4-pieces-4-piece-15790">
          <img alt="Pralinés Marc de Champagne Bio, 4 pièces" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7202/file/small-c953b9f7658eec37489dfe1655bbd65f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7202/file/medium-97fb4ad3fe4e63f273ce45ee7bdd6bb1.webp 900w, https://assets.fabulous.ch/public/variant_asset/7202/file/large-4e43ccd96ca9b18d803cb17539c01b3b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7202/file/medium-97fb4ad3fe4e63f273ce45ee7bdd6bb1.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bio Grosshandel</p>
          <a href="/fr/products/pralines-marc-de-champagne-bio-4-pieces-4-piece-15790">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pralinés Marc de Champagne Bio, 4 pièces, 4 pièces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15790&quot;],&quot;content_name&quot;:&quot;Pralinés Marc de Champagne Bio, 4 pièces, 4 pièces&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15790&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SutEAL0K10gEF_hkLF5dBFn1ZRN85dF7LFBje5l9T0cHLuk1Hq3vZ19uOhw9xGu2sOIchaEfWJMb0HhgZcBfdg" />
    <input value="15790" 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%2Fnoel%3Fformat%3Dturbo_stream%26page%3D3">
    <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/chocolat-a-boire-chai-bio-35-g-15792">
          <img alt="Chocolat à Boire Chai Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7207/file/small-437ddc17a14412c9181b9799b1f8ac4b.webp 600w, https://assets.fabulous.ch/public/variant_asset/7207/file/medium-a1d166f25b6d35ff3f0e902a328a4612.webp 900w, https://assets.fabulous.ch/public/variant_asset/7207/file/large-a709fb2369840cb6aadc660e58fe95d2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7207/file/medium-a1d166f25b6d35ff3f0e902a328a4612.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">Taucherli</p>
          <a href="/fr/products/chocolat-a-boire-chai-bio-35-g-15792">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chocolat à Boire Chai Bio, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.75
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15792&quot;],&quot;content_name&quot;:&quot;Chocolat à Boire Chai Bio, 35 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15792&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.75,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JGsFgy_Qx77zxEf29R8CDIG4B96MM1Ow4MQOm3IXQflprqi2jHf_kai9hY7khTS-aK9-SFHJ2ljXRBWAjqpRyA" />
    <input value="15792" 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%2Fnoel%3Fformat%3Dturbo_stream%26page%3D3">
    <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/chocolat-bonhomme-de-neige-plat-bio-35-g-9938">
          <img alt="Chocolat Bonhomme de neige plat Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9125/file/small-1957cdc3b959a9f09111c8eb3782cfe4.webp 600w, https://assets.fabulous.ch/public/variant_asset/9125/file/medium-ba8bae7ecf5f7fb664cd1a6feb652f82.webp 900w, https://assets.fabulous.ch/public/variant_asset/9125/file/large-656e1c33828ad42673788340d89add04.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9125/file/medium-ba8bae7ecf5f7fb664cd1a6feb652f82.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bio Grosshandel</p>
          <a href="/fr/products/chocolat-bonhomme-de-neige-plat-bio-35-g-9938">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chocolat Bonhomme de neige plat Bio, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.75
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;9938&quot;],&quot;content_name&quot;:&quot;Chocolat Bonhomme de neige plat Bio, 35 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;9938&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.75,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tLR7w4E-dy8q8-KxsX9hvSKHIxNPMVu55otU9zFPdxH5cdb2IplPAHGKIMmg5VcPy5BahZLL0lHRC0_szfJnIA" />
    <input value="9938" 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%2Fnoel%3Fformat%3Dturbo_stream%26page%3D3">
    <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/biscuits-aux-pommes-au-four-et-a-la-cannelle-bio-50-g-14494">
          <img alt="Biscuits aux pommes au four et à la cannelle Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11532/file/small-59853707b9296ed3f5e364454c56e5d3.webp 600w, https://assets.fabulous.ch/public/variant_asset/11532/file/medium-da9ae41aebff57b6573eecbd88fe6c08.webp 900w, https://assets.fabulous.ch/public/variant_asset/11532/file/large-16083f6b42708a0354b993f67e922802.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11532/file/medium-da9ae41aebff57b6573eecbd88fe6c08.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">Mogli Naturkost GmbH</p>
          <a href="/fr/products/biscuits-aux-pommes-au-four-et-a-la-cannelle-bio-50-g-14494">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biscuits aux pommes au four et à la cannelle Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;14494&quot;],&quot;content_name&quot;:&quot;Biscuits aux pommes au four et à la cannelle Bio, 50 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;14494&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Tr3CVmaUQiIMOilT-UGBwJiQN8kiNLxCZ23ahcbJhawDeG9jxTN6DVdD6yvo27dycYdOX__ONapQ7cGeOnSVnQ" />
    <input value="14494" 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%2Fnoel%3Fformat%3Dturbo_stream%26page%3D3">
    <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/calendrier-reconfortant-assortiment-de-thes-bio-24-sachets-18145">
          <img alt="Calendrier Réconfortant – Assortiment de Thés Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9119/file/small-b7d988b7654aec93aaa888c1c7020828.webp 600w, https://assets.fabulous.ch/public/variant_asset/9119/file/medium-a5f4b116fd78254b9579097eca0c1546.webp 900w, https://assets.fabulous.ch/public/variant_asset/9119/file/large-6df2ad30a086035610421880a1f80831.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9119/file/medium-a5f4b116fd78254b9579097eca0c1546.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">Pukka</p>
          <a href="/fr/products/calendrier-reconfortant-assortiment-de-thes-bio-24-sachets-18145">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Calendrier Réconfortant – Assortiment de Thés Bio, 24 sachets</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18145&quot;],&quot;content_name&quot;:&quot;Calendrier Réconfortant – Assortiment de Thés Bio, 24 sachets&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18145&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:22.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZPu-pNyO85e-ROSbo1R5Xd2RpAeNKWIxN2k2sp-v8KMpPhORfynLuOU9JuOyzk_vNIbdkVDT69kA6S2pYxLgkg" />
    <input value="18145" 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%2Fnoel%3Fformat%3Dturbo_stream%26page%3D3">
    <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/la-raclette-vegan-chili-ail-bio-200-g-12086">
          <img alt="La Raclette Vegan CHILI &amp; AIL Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6129/file/small-f7427802a78297a623c5ec432277a2b9.webp 600w, https://assets.fabulous.ch/public/variant_asset/6129/file/medium-2d81751baf8aa56c8d7149a4b2a9e826.webp 900w, https://assets.fabulous.ch/public/variant_asset/6129/file/large-e769337e0451dba5f0d081d196e57907.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6129/file/medium-2d81751baf8aa56c8d7149a4b2a9e826.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">New Roots</p>
          <a href="/fr/products/la-raclette-vegan-chili-ail-bio-200-g-12086">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">La Raclette Vegan CHILI &amp; AIL Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;12086&quot;],&quot;content_name&quot;:&quot;La Raclette Vegan CHILI \u0026 AIL Bio, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;12086&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bjS7bO6xMHm9lYW49bgndfny6NZsLr5_PIvlpBpjzqcj8RZZTRYIVubsR8DkIhHHEOWRQLHUN5cLC_6_5t7elg" />
    <input value="12086" 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%2Fnoel%3Fformat%3Dturbo_stream%26page%3D3">
    <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-d-amande-nature-en-bloc-bio-200-g-7393">
          <img alt="Pâte d&#39;âmande nature en bloc Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4243/file/small-e5d0af02007aa3da72513791413b6c20.webp 600w, https://assets.fabulous.ch/public/variant_asset/4243/file/medium-baf2114c2afc9b425ea483f21c015671.webp 900w, https://assets.fabulous.ch/public/variant_asset/4243/file/large-b1e3070f24a744105bbb18cf64b6b266.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4243/file/medium-baf2114c2afc9b425ea483f21c015671.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">Perl&#39;Amande</p>
          <a href="/fr/products/pate-d-amande-nature-en-bloc-bio-200-g-7393">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pâte d&#39;âmande nature en bloc Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.35
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;7393&quot;],&quot;content_name&quot;:&quot;Pâte d&#39;âmande nature en bloc Bio, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;7393&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.35,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pP2rjOrG8Hza_wn_vzbOKy5u2PK41_yjXwMlt4edeLvpOAa5SWHIU4GGy4eurPiZx3mhZGUtdUtogz6seyBoig" />
    <input value="7393" 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%2Fnoel%3Fformat%3Dturbo_stream%26page%3D3">
    <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-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Astuce
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/la-mac-n-sauce-alternative-vegane-a-la-sauce-au-fromage-bio-180-g-15495">
          <img alt="La Mac&#39;n&#39;Sauce Alternative végane à la sauce au fromage Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7067/file/small-f24274cd026ce20b3036e66c2fae122a.webp 600w, https://assets.fabulous.ch/public/variant_asset/7067/file/medium-c83e6d29c2d1afcf6aba4c6636ba400d.webp 900w, https://assets.fabulous.ch/public/variant_asset/7067/file/large-ff8a161ae98b650d88f080c1f95e5882.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7067/file/medium-c83e6d29c2d1afcf6aba4c6636ba400d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">New Roots</p>
          <a href="/fr/products/la-mac-n-sauce-alternative-vegane-a-la-sauce-au-fromage-bio-180-g-15495">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">La Mac&#39;n&#39;Sauce Alternative végane à la sauce au fromage Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15495&quot;],&quot;content_name&quot;:&quot;La Mac&#39;n&#39;Sauce Alternative végane à la sauce au fromage Bio, 180 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15495&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6mAl-LnNEzswpw29PmEau8kmpOrwRWG2QmP7fNV1PdinpYjNGmorFGvez8Uv-ywJIDHdfC2_6F514-BnKcgt6Q" />
    <input value="15495" 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">
      60 sur 204 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/noel?format=turbo_stream&amp;page=4">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>