<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%2Ffarfalla%3Fformat%3Dturbo_stream%26page%3D35">
    <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/250-ml-3534b34c-de36-426b-80d2-ffeb22111f44-19864">
          <img alt="Huile de nigelle brute Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11218/file/small-fca8061f0536091a15a8f0598b861917.webp 600w, https://assets.fabulous.ch/public/variant_asset/11218/file/medium-003972ac126ac31543982489166aad5b.webp 900w, https://assets.fabulous.ch/public/variant_asset/11218/file/large-b44f90a2a9665814690847d70178f71a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11218/file/medium-003972ac126ac31543982489166aad5b.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/250-ml-3534b34c-de36-426b-80d2-ffeb22111f44-19864">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Huile de nigelle brute Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 52.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-l3IoIwdV2VRQ0g3q7_t7Woy5rggHjAGSc0yLma5vx7SJHdYkynolUMMbng_gp4M-VhPHvXs895Mze5TG_WO9A" />
    <input value="19864" 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%2Ffarfalla%3Fformat%3Dturbo_stream%26page%3D35">
    <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/25-pieces-18520">
          <img alt="Thé alcalin 49 herbes sachets 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/10242/file/small-91d06eee77be1588f566dbed97542c6b.webp 600w, https://assets.fabulous.ch/public/variant_asset/10242/file/medium-1baa7c905ce486b3b1d32f57a63329ca.webp 900w, https://assets.fabulous.ch/public/variant_asset/10242/file/large-e509be73de59393dfb25d50a4d58c0f7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10242/file/medium-1baa7c905ce486b3b1d32f57a63329ca.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">Droste-Laux</p>
          <a href="/fr/products/25-pieces-18520">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Thé alcalin 49 herbes sachets de thé Bio, 25 pièces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="di-7ye__IvgAsC0L4eakrsCA1UBTzXcWMI6l6ULJ7MBeVgQx8MudCBL_C0R129dPU-p85oY_tM41jnmUP4XdKg" />
    <input value="18520" 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%2Ffarfalla%3Fformat%3Dturbo_stream%26page%3D35">
    <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/30-g-39c0d245-55d6-4fa3-95c1-d97781b986bc-18521">
          <img alt="Mélange d&#39;épices alcalin" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9223/file/small-e4c7570bf69b69ef483dc1c2e7eaad0f.webp 600w, https://assets.fabulous.ch/public/variant_asset/9223/file/medium-1e2dc9bf49869856e2e7f51c945f406e.webp 900w, https://assets.fabulous.ch/public/variant_asset/9223/file/large-6783e7176561f9070224ed296718e968.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9223/file/medium-1e2dc9bf49869856e2e7f51c945f406e.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">Droste-Laux</p>
          <a href="/fr/products/30-g-39c0d245-55d6-4fa3-95c1-d97781b986bc-18521">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mélange d&#39;épices alcalin, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0tCOyShDbLe9S5YQhYhXBaT_OJ2VLklau_0zXuchuof6qTExN3fTR68EsF8RtSTkN5WRO0DcioK-_e8jmm2LbQ" />
    <input value="18521" 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%2Ffarfalla%3Fformat%3Dturbo_stream%26page%3D35">
    <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/300-g-ea311392-ffca-4c1a-a83d-05d711ca46a6-19552">
          <img alt="Bain aux pierres précieuses basique" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11188/file/small-ce1ef86aa1fdcf7106b53332a5b2a9f5.webp 600w, https://assets.fabulous.ch/public/variant_asset/11188/file/medium-d3b2adc70774af6382701a7e8ab2ba98.webp 900w, https://assets.fabulous.ch/public/variant_asset/11188/file/large-59ba88dbeba07d99b69d7fb884a8054f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11188/file/medium-d3b2adc70774af6382701a7e8ab2ba98.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">Droste-Laux</p>
          <a href="/fr/products/300-g-ea311392-ffca-4c1a-a83d-05d711ca46a6-19552">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bain aux pierres précieuses basique, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Biq8gMDF5S_woiLKUZA-CqsYhJIQp3Iyzx1_tDN1TpQuUwN43_Fa3-LtBIXFrU3rOHItNMVVserKHaPJTjl_fg" />
    <input value="19552" 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%2Ffarfalla%3Fformat%3Dturbo_stream%26page%3D35">
    <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-noisette-cru-bio-180-g-6688">
          <img alt="Purée de noisette Cru Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3863/file/small-07fd85963839c2ee7992a50f91d02f84.webp 600w, https://assets.fabulous.ch/public/variant_asset/3863/file/medium-37c09585b13d2d58a7ff8a366f6de313.webp 900w, https://assets.fabulous.ch/public/variant_asset/3863/file/large-c5c94481bc00b742eef0381c8184ed20.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3863/file/medium-37c09585b13d2d58a7ff8a366f6de313.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-noisette-cru-bio-180-g-6688">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Purée de noisette Cru Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JYE0DWXKLK8AbdR6WYBg0qvgur0YM7lnl57UV4rhPwgN-Iv1ev6TXxIi8jXNvRMzOIoTG83Ber-Snggq960O4g" />
    <input value="6688" 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%2Ffarfalla%3Fformat%3Dturbo_stream%26page%3D35">
    <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/gianduja-chocolate-bio-200-g-13817">
          <img alt="Gianduja Chocolate Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6592/file/small-316798b4acdec72cf9318cf0967c8df9.webp 600w, https://assets.fabulous.ch/public/variant_asset/6592/file/medium-375246c29f0a2862f792bc163c760a39.webp 900w, https://assets.fabulous.ch/public/variant_asset/6592/file/large-6ef58ad875aa1c6e65edd5b346b0ae78.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6592/file/medium-375246c29f0a2862f792bc163c760a39.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/gianduja-chocolate-bio-200-g-13817">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gianduja Chocolate 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-13817-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%2Ffarfalla%3Fformat%3Dturbo_stream%26page%3D35">
    <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-cru-bio-180-g-6685">
          <img alt="Purée de noix Cru Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3861/file/small-6eb2934b3f30dcef5d20df0a2c936b53.webp 600w, https://assets.fabulous.ch/public/variant_asset/3861/file/medium-9feefcd8c477e450f5e1fad04ff8abe1.webp 900w, https://assets.fabulous.ch/public/variant_asset/3861/file/large-6677c29096dcc0350d42d8c177360062.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3861/file/medium-9feefcd8c477e450f5e1fad04ff8abe1.webp" />
</a>    </header>

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

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

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

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

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


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       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%2Ffarfalla%3Fformat%3Dturbo_stream%26page%3D35">
    <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/bain-aux-pierres-precieuses-basique-900-g-20114">
          <img alt="Bain aux pierres précieuses basique" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11187/file/small-02e31c3e03f19fe5838cbe419762ce41.webp 600w, https://assets.fabulous.ch/public/variant_asset/11187/file/medium-19a1713e68d09d5dc767c9acea7bb82f.webp 900w, https://assets.fabulous.ch/public/variant_asset/11187/file/large-a611ebdbcbc2cde8d8fdedda836d09da.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11187/file/medium-19a1713e68d09d5dc767c9acea7bb82f.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">Droste-Laux</p>
          <a href="/fr/products/bain-aux-pierres-precieuses-basique-900-g-20114">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bain aux pierres précieuses basique, 900 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.00
            </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-20114-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pdfekOi-NQbv19s1E9AUJow7OyDRQpYFjqbdr6tkVkiNrmFo94qK9v2Y_XqH7WfHH1GShgSwVd2LpgHS1ihnog" />
    <input value="20114" 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%2Ffarfalla%3Fformat%3Dturbo_stream%26page%3D35">
    <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/bain-aux-pierres-precieuses-basique-1600-g-20115">
          <img alt="Bain aux pierres précieuses basique" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11189/file/small-e5ebcea08a4f7ffa8512c4a9d285c0cf.webp 600w, https://assets.fabulous.ch/public/variant_asset/11189/file/medium-c81be467a6303982f4ab63f2201d6d48.webp 900w, https://assets.fabulous.ch/public/variant_asset/11189/file/large-d12b3b6806a7eff1fb136012f07ec72b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11189/file/medium-c81be467a6303982f4ab63f2201d6d48.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">Droste-Laux</p>
          <a href="/fr/products/bain-aux-pierres-precieuses-basique-1600-g-20115">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bain aux pierres précieuses basique, 1600 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 50.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mWxQTAvDvyiNSvdnoTSHp1MOpJDEdH9ltvwDo3UPaNaxFe-0FPcA2J8F0Sg1CfRGwGQNNhGGvL2z_N_eCENZPA" />
    <input value="20115" 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%2Ffarfalla%3Fformat%3Dturbo_stream%26page%3D35">
    <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 action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_I-EMD9WEK7QCGVaZUciGEHdUf4FyYWpF1DqtJBAgpvU9jvIIGKvXsJHQxXxelH50rf4WNA7RnESUDbJ7QyzcQ" />
    <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%2Ffarfalla%3Fformat%3Dturbo_stream%26page%3D35">
    <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/200-g-7791710e-495f-4f63-af65-3a75b964f2c9-19862">
          <img alt="Purée d&#39;amande brune Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11216/file/small-b71951d1fa56c9f8289e4cb159fe2c63.webp 600w, https://assets.fabulous.ch/public/variant_asset/11216/file/medium-dde55f483d92145442dd7856683ca1d4.webp 900w, https://assets.fabulous.ch/public/variant_asset/11216/file/large-5241afdf555f96152db7371d638889a4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11216/file/medium-dde55f483d92145442dd7856683ca1d4.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/200-g-7791710e-495f-4f63-af65-3a75b964f2c9-19862">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Purée d&#39;amande brune Bio, 200 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 5.95 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RZIt7oPv9UD6lgN_ifc088AWFVLiMOXSXkcIQZP_sNBt65IWnNtKsOjZJTAdykcSU3y89DfCJgpbR9Q87rOBOg" />
    <input value="19862" 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%2Ffarfalla%3Fformat%3Dturbo_stream%26page%3D35">
    <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/200-g-4921f3b2-70c7-4e8a-8e04-3e544636317e-19863">
          <img alt="Purée d&#39;amandes blanche Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11217/file/small-bbedcca68859de64a1b62b9b9d8ff6ac.webp 600w, https://assets.fabulous.ch/public/variant_asset/11217/file/medium-3090ea5b80289db3909d1b320c28ab63.webp 900w, https://assets.fabulous.ch/public/variant_asset/11217/file/large-c403b9de9f1be0d56d2adb7112e4a6b2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11217/file/medium-3090ea5b80289db3909d1b320c28ab63.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/200-g-4921f3b2-70c7-4e8a-8e04-3e544636317e-19863">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Purée d&#39;amandes blanche Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ntbg-qB5hXw2BV7xw-JzaWKmgbr9Vl43JWjg3BolXKker18Cv006jCRKeL5X3wCI8cwoHCikne8gaDyhZ2ltQw" />
    <input value="19863" 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%2Ffarfalla%3Fformat%3Dturbo_stream%26page%3D35">
    <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/200-g-fd4cefca-0287-4bc4-9321-4d928e412bbd-18519">
          <img alt="Thé basique 49 herbes en vrac Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9222/file/small-95061e656d42a8de9ea77712b559b0d7.webp 600w, https://assets.fabulous.ch/public/variant_asset/9222/file/medium-c79aaba1c3827e956337e4f5cd882ef3.webp 900w, https://assets.fabulous.ch/public/variant_asset/9222/file/large-50a3c9d8abd044b0f45df32c686d2366.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9222/file/medium-c79aaba1c3827e956337e4f5cd882ef3.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">Droste-Laux</p>
          <a href="/fr/products/200-g-fd4cefca-0287-4bc4-9321-4d928e412bbd-18519">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Thé basique 49 herbes en vrac Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1ibpi1vlARRF_xhF-Tc0wZ--ecW9jIIJhmsPIz_AfDn-X1ZzRNG-5FewPgptCkcgDNTQY2h-QdGDa9NeQoxN0w" />
    <input value="18519" 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%2Ffarfalla%3Fformat%3Dturbo_stream%26page%3D35">
    <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/250-ml-b5aaef3e-ab4f-4311-8aae-116755f20ee3-19559">
          <img alt="Huile de bouche ayurvédique" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9388/file/small-2603d957904dc0a4f8d48b41bd55cd7a.webp 600w, https://assets.fabulous.ch/public/variant_asset/9388/file/medium-fbe7f7dacc89a0550ca2b2e538d68e19.webp 900w, https://assets.fabulous.ch/public/variant_asset/9388/file/large-f2d77792af692bedc45ec76efba64d6a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9388/file/medium-fbe7f7dacc89a0550ca2b2e538d68e19.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">Droste-Laux</p>
          <a href="/fr/products/250-ml-b5aaef3e-ab4f-4311-8aae-116755f20ee3-19559">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Huile de bouche ayurvédique, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 47.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IqvLtRbBDjm7K7TQ7iZkk6qYoIHSo4JW_rrk3IZzvAIK0nRNCfWxyalkkp96GxdyOfIJJwdRQY77ujih-z-N6A" />
    <input value="19559" 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%2Ffarfalla%3Fformat%3Dturbo_stream%26page%3D35">
    <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/200-g-c7b3ea01-1f78-4b10-8e9a-54790b2ecad6-18524">
          <img alt="Thé de désacidification 7 fleurs en vrac" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9226/file/small-36db445c95f0697bbccab09ad48fa35d.webp 600w, https://assets.fabulous.ch/public/variant_asset/9226/file/medium-6649e3eaa49011457058cd3a9ab1f2e0.webp 900w, https://assets.fabulous.ch/public/variant_asset/9226/file/large-c8e5851ee120175e5d2292ca19980c9f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9226/file/medium-6649e3eaa49011457058cd3a9ab1f2e0.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">Droste-Laux</p>
          <a href="/fr/products/200-g-c7b3ea01-1f78-4b10-8e9a-54790b2ecad6-18524">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Thé de désacidification 7 fleurs en vrac, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BniLo-X2LC7M-u8wF_z_DYqfPlF7Zb0FmGS5eakR1BQuATRb-sKT3t61yX-DwYzsGfWX966Xft2dZGUE1F3l_g" />
    <input value="18524" 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%2Ffarfalla%3Fformat%3Dturbo_stream%26page%3D35">
    <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/250-g-1117b8e2-4e21-4db5-8911-5a6418d5a5df-19820">
          <img alt="Poudre de maca crue Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10385/file/small-656fdcda860df253a04ce17ded7d400b.webp 600w, https://assets.fabulous.ch/public/variant_asset/10385/file/medium-c485de3d929f418d698ef93f771e093e.webp 900w, https://assets.fabulous.ch/public/variant_asset/10385/file/large-5aa7697d9f40751798820a20d509b118.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10385/file/medium-c485de3d929f418d698ef93f771e093e.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/250-g-1117b8e2-4e21-4db5-8911-5a6418d5a5df-19820">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Poudre de maca crue Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KcwOwGbM-j0Us8bCP70jFDX2fTzYSIWmk3Uz8FL2JW4BtbE4efhFzQb84I2rgFD1ppzUmg26Rn6Wde-NL7oUhA" />
    <input value="19820" 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%2Ffarfalla%3Fformat%3Dturbo_stream%26page%3D35">
    <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/250-g-79b8c1bd-b97a-4dd9-903d-ca782c070c0d-19840">
          <img alt="Poudre de baobab Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10401/file/small-635ba1f1807ed7c8be803864d6408db4.webp 600w, https://assets.fabulous.ch/public/variant_asset/10401/file/medium-d07402f25545355bc5b6a37ca6bab54d.webp 900w, https://assets.fabulous.ch/public/variant_asset/10401/file/large-ed0da2ee0d6e7db2d82659113ac5acb5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10401/file/medium-d07402f25545355bc5b6a37ca6bab54d.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/250-g-79b8c1bd-b97a-4dd9-903d-ca782c070c0d-19840">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Poudre de baobab Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="L86SCnxcYN54FHREeAQAWYGk5HLn6QPsRWvNGhm-7dkHty3yY2jfLmpbUgvsOXO4Es5N1DIbwDRAaxFnZPLcMw" />
    <input value="19840" 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%2Ffarfalla%3Fformat%3Dturbo_stream%26page%3D35">
    <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/225-g-397d32c4-8e52-4a3a-af60-2b02761c6d8f-19117">
          <img alt="Noix de macadamia Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10470/file/small-32e3aaff7763623c11c71adf7094b200.webp 600w, https://assets.fabulous.ch/public/variant_asset/10470/file/medium-20094dd3ff9d9ac110f62a17e02c32ed.webp 900w, https://assets.fabulous.ch/public/variant_asset/10470/file/large-251095d51920357aa47b3b2d4de7d3f0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10470/file/medium-20094dd3ff9d9ac110f62a17e02c32ed.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">Sun Snack</p>
          <a href="/fr/products/225-g-397d32c4-8e52-4a3a-af60-2b02761c6d8f-19117">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Noix de macadamia Bio, 225 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 5.29 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="e0F3z5HBxXRFdvMDalzE9BSL9lk1DeS3WKv1X0OXlwNTOMg3jvV6hFc51Uz-YbcVh-Ff_-D_J29dqykiPtum6Q" />
    <input value="19117" 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%2Ffarfalla%3Fformat%3Dturbo_stream%26page%3D35">
    <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/250-g-a46e64de-8061-450e-bfce-99b3df68eb1a-19116">
          <img alt="Graines de courge Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10468/file/small-d658c94e42d247a09ee46fd98ab2bafe.webp 600w, https://assets.fabulous.ch/public/variant_asset/10468/file/medium-0208ffc0aca36bcd493177bc64e405bd.webp 900w, https://assets.fabulous.ch/public/variant_asset/10468/file/large-be98a40ae7cf5470bfc9d38b24baef4a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10468/file/medium-0208ffc0aca36bcd493177bc64e405bd.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">Sun Snack</p>
          <a href="/fr/products/250-g-a46e64de-8061-450e-bfce-99b3df68eb1a-19116">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Graines de courge Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="R-Zej7DxHnqeqTyLwDLWDxKHP-Y0P0A9K4yjD9o2ArNvn-F3r8WhiozmGsRUD6Xuge2WQOHNg-UujH9yp3ozWQ" />
    <input value="19116" 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%2Ffarfalla%3Fformat%3Dturbo_stream%26page%3D35">
    <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/500-g-bdd5ffc4-feb0-4662-93f9-4f466cef5c6b-19856">
          <img alt="Sarrasin germé Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10423/file/small-439b1f98bcf433a1af0bd39f789a66a6.webp 600w, https://assets.fabulous.ch/public/variant_asset/10423/file/medium-7d21fd04b51d8bf4866b1667de0cc5ad.webp 900w, https://assets.fabulous.ch/public/variant_asset/10423/file/large-557c44e30e4892de33bc33cd88259f4f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10423/file/medium-7d21fd04b51d8bf4866b1667de0cc5ad.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/500-g-bdd5ffc4-feb0-4662-93f9-4f466cef5c6b-19856">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sarrasin germé Bio, 500 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 2.38 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Zn8QPpb0GgFYUItjoQgvx2U3bgpH7dSevKntRBe0KydOBq_GicCl8UofrSw1NVwm9l3HrJIfF0a5qTE5avgazQ" />
    <input value="19856" 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">
      700 sur 3&#39;427 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/farfalla?format=turbo_stream&amp;page=36">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>