<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%2Fdiy-do-it-yourself%3Fformat%3Dturbo_stream%26page%3D56">
    <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/350-ml-92538c99-4367-430f-abcd-e97564c5120f-18618">
          <img alt="Lesirupier coing bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11667/file/small-84ceb381502c9eba3ed2f2a26148d180.webp 600w, https://assets.fabulous.ch/public/variant_asset/11667/file/medium-3a45ba3f87bbcd9535af59492d2234c7.webp 900w, https://assets.fabulous.ch/public/variant_asset/11667/file/large-19c8d77780dadd7104aa013ed3dd629e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11667/file/medium-3a45ba3f87bbcd9535af59492d2234c7.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">Le Sirupier de Berne</p>
          <a href="/fr/products/350-ml-92538c99-4367-430f-abcd-e97564c5120f-18618">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lesirupier coing bio, 350 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18618&quot;],&quot;content_name&quot;:&quot;Lesirupier coing bio, 350 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18618&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:12.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8yXqq6vkBdSPqegODZ6swIwzEEUjbGGUOmM1OHzIgOyxcJo55tSx48zXA8Ra5eCmQMCzyIJaxHXf7fcFPKKdkg" />
    <input value="18618" 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%2Fdiy-do-it-yourself%3Fformat%3Dturbo_stream%26page%3D56">
    <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/350-ml-00e80b65-b68d-4f9d-ba83-6128fe7f7559-19680">
          <img alt="Lesirupier citronnelle bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11669/file/small-c1e38603bc41056a2892878a08fe649e.webp 600w, https://assets.fabulous.ch/public/variant_asset/11669/file/medium-596f4674413be319ce8a573df6518d3a.webp 900w, https://assets.fabulous.ch/public/variant_asset/11669/file/large-65993eebd2151099475130e9928796cc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11669/file/medium-596f4674413be319ce8a573df6518d3a.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">Le Sirupier de Berne</p>
          <a href="/fr/products/350-ml-00e80b65-b68d-4f9d-ba83-6128fe7f7559-19680">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lesirupier citronnelle bio, 350 ml</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 3.40 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19680&quot;],&quot;content_name&quot;:&quot;Lesirupier citronnelle bio, 350 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19680&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="m8BZYDZ2uIsTmTfPFnvWdn7vWTg-XOUE-Mf9sUYlkbXZlSnye0YMvFDn3AVBAJoQshz6tZ9qQOUdST-MBk-Myw" />
    <input value="19680" 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%2Fdiy-do-it-yourself%3Fformat%3Dturbo_stream%26page%3D56">
    <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/350-ml-b85c8b16-7534-441b-ab8a-fa7a3aae08f4-19681">
          <img alt="Lesirupier pétales de rose bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11670/file/small-24932c6672a21cc6b0e19eaf5a3ac04a.webp 600w, https://assets.fabulous.ch/public/variant_asset/11670/file/medium-b1520fdfa76680730f38825d0196f618.webp 900w, https://assets.fabulous.ch/public/variant_asset/11670/file/large-603b00309fff00ac39cfcebc104be679.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11670/file/medium-b1520fdfa76680730f38825d0196f618.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">Le Sirupier de Berne</p>
          <a href="/fr/products/350-ml-b85c8b16-7534-441b-ab8a-fa7a3aae08f4-19681">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lesirupier pétales de rose bio, 350 ml</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 3.40 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19681&quot;],&quot;content_name&quot;:&quot;Lesirupier pétales de rose bio, 350 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19681&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="Mi_Tr5Eorw2eVcFVZ8kdQOE2CgBBz68Ryb88vo5QRP9weqM93BgbOt0rKp8wslEmLcWpjeD5CvAsMf6DzjpZgQ" />
    <input value="19681" 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%2Fdiy-do-it-yourself%3Fformat%3Dturbo_stream%26page%3D56">
    <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/peak-punk-haferriegel-brownie-noix-de-cajou-bio-60-g-13293">
          <img alt="Peak Punk Haferriegel Brownie noix de cajou Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6441/file/small-3a839b712f01ca1d9cc1769462d753be.webp 600w, https://assets.fabulous.ch/public/variant_asset/6441/file/medium-414ca80437dab52600e040dca677c61e.webp 900w, https://assets.fabulous.ch/public/variant_asset/6441/file/large-2d645e6684e9a2a3932db9783649f6f2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6441/file/medium-414ca80437dab52600e040dca677c61e.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">Peak Punk</p>
          <a href="/fr/products/peak-punk-haferriegel-brownie-noix-de-cajou-bio-60-g-13293">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Peak Punk Haferriegel Brownie noix de cajou Bio, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;13293&quot;],&quot;content_name&quot;:&quot;Peak Punk Haferriegel Brownie noix de cajou Bio, 60 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;13293&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="42tEBRBJCeF9B8OC6RkTUFlFLg3ElDZIMOudeYCBAWKhPjSXXXm91j55KEi-Yl82lbaNgGWik6nVZV9EwOscHA" />
    <input value="13293" 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%2Fdiy-do-it-yourself%3Fformat%3Dturbo_stream%26page%3D56">
    <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/barre-a-l-avoine-peak-punk-blueberry-muffin-bio-60-g-13292">
          <img alt="Barre à l&#39;avoine Peak Punk Blueberry Muffin Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6440/file/small-42d4ccaa0f4e73674c3077c7f33b4b14.webp 600w, https://assets.fabulous.ch/public/variant_asset/6440/file/medium-63b44898e5a678e32910593392e52a87.webp 900w, https://assets.fabulous.ch/public/variant_asset/6440/file/large-bba83cf14466ebf7c9d47c3520342361.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6440/file/medium-63b44898e5a678e32910593392e52a87.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">Peak Punk</p>
          <a href="/fr/products/barre-a-l-avoine-peak-punk-blueberry-muffin-bio-60-g-13292">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Barre à l&#39;avoine Peak Punk Blueberry Muffin Bio, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;13292&quot;],&quot;content_name&quot;:&quot;Barre à l&#39;avoine Peak Punk Blueberry Muffin Bio, 60 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;13292&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aB2xqIe6VWEUautcgN43Hs6YcPLl8-J0hdlbvDvvHYsqSME6yorhVlcUAJbXpXt4AmvTf0TFR5VgV5mBe4UA9Q" />
    <input value="13292" 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%2Fdiy-do-it-yourself%3Fformat%3Dturbo_stream%26page%3D56">
    <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/peak-punk-barre-a-l-avoine-raspberry-white-chocolate-bio-55-g-13297">
          <img alt="Peak Punk Barre à l&#39;avoine Raspberry White Chocolate bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6445/file/small-33380bbceecbd7ae3fb4b3634f133bae.webp 600w, https://assets.fabulous.ch/public/variant_asset/6445/file/medium-57d564ab9d0df809a0f53f812d90c24d.webp 900w, https://assets.fabulous.ch/public/variant_asset/6445/file/large-2535a084b772ddeedb5b07f901e57b31.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6445/file/medium-57d564ab9d0df809a0f53f812d90c24d.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">Peak Punk</p>
          <a href="/fr/products/peak-punk-barre-a-l-avoine-raspberry-white-chocolate-bio-55-g-13297">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Peak Punk Barre à l&#39;avoine Raspberry White Chocolate bio, 55 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.45
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;13297&quot;],&quot;content_name&quot;:&quot;Peak Punk Barre à l&#39;avoine Raspberry White Chocolate bio, 55 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;13297&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.45,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Jifgb56f7As45tJ1HA8V1tpvcIf4VbH-srMlRBORZG9kcpD9069YPHuYOb9LdFmwFpzTClljFB9XPed5U_t5EQ" />
    <input value="13297" 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%2Fdiy-do-it-yourself%3Fformat%3Dturbo_stream%26page%3D56">
    <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/peak-punk-barre-a-l-avoine-salted-peanut-bio-60-g-13295">
          <img alt="Peak Punk Barre à l&#39;avoine Salted Peanut Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6443/file/small-26e6ac761ab999b129065757a105175a.webp 600w, https://assets.fabulous.ch/public/variant_asset/6443/file/medium-b46a950008177420e0911979bb280972.webp 900w, https://assets.fabulous.ch/public/variant_asset/6443/file/large-50348c1285020a2fc6cfd714a33b1bea.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6443/file/medium-b46a950008177420e0911979bb280972.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">Peak Punk</p>
          <a href="/fr/products/peak-punk-barre-a-l-avoine-salted-peanut-bio-60-g-13295">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Peak Punk Barre à l&#39;avoine Salted Peanut Bio, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;13295&quot;],&quot;content_name&quot;:&quot;Peak Punk Barre à l&#39;avoine Salted Peanut Bio, 60 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;13295&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="F-i8Ja-7cn-L2MX_DfGm0QrBvFapbw2_EKjDTbA7xUpVvcy34ovGSMimLjVaiuq3xjIf2whZqF71JgFw8FHYNA" />
    <input value="13295" 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%2Fdiy-do-it-yourself%3Fformat%3Dturbo_stream%26page%3D56">
    <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/essenza-bouillon-de-legumes-nfp-bio-65-g-20296">
          <img alt="Essenza bouillon de légumes Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11510/file/small-a318140a5fd51f8849a22e301799c5f2.webp 600w, https://assets.fabulous.ch/public/variant_asset/11510/file/medium-29914f4991c198f60df50ed20235d5fc.webp 900w, https://assets.fabulous.ch/public/variant_asset/11510/file/large-99e714266ceaf3594d8ea223de9779c3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11510/file/medium-29914f4991c198f60df50ed20235d5fc.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">Chalira</p>
          <a href="/fr/products/essenza-bouillon-de-legumes-nfp-bio-65-g-20296">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Essenza bouillon de légumes Bio, 65 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 25.38 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20296&quot;],&quot;content_name&quot;:&quot;Essenza bouillon de légumes Bio, 65 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20296&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:16.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3fRj66hqa0zTMNYqDaobeFd9RNGeZ1n_wKNySlOKgXmfoRN55Vrfe5BOPeBa0Vcem47nXD9R_B4lLbB3E-CcBw" />
    <input value="20296" 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%2Fdiy-do-it-yourself%3Fformat%3Dturbo_stream%26page%3D56">
    <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/100-ml-d13c6567-a957-4e51-833e-5548b890bf98-18479">
          <img alt="Babajaga assaisonnement pour ragoût Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11518/file/small-3ba4f8ac0e6f48de758dd46dd4369a34.webp 600w, https://assets.fabulous.ch/public/variant_asset/11518/file/medium-6543b6cd51ba75134a1a0aa5b3be3810.webp 900w, https://assets.fabulous.ch/public/variant_asset/11518/file/large-cc4ee9dfebfcfd8d1656ac4d45857faa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11518/file/medium-6543b6cd51ba75134a1a0aa5b3be3810.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">Chalira</p>
          <a href="/fr/products/100-ml-d13c6567-a957-4e51-833e-5548b890bf98-18479">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Babajaga assaisonnement pour ragoût Bio, 100 ml</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 16.50 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18479&quot;],&quot;content_name&quot;:&quot;Babajaga assaisonnement pour ragoût Bio, 100 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18479&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:16.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LlCv6lyT5kcHPdpLlR1tPHv1ozeVzfIIMD4Fbfsg6HRsBd94EaNScERDMYHCZiFatwYAujT7V-nVsMdQu0r1Cg" />
    <input value="18479" 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%2Fdiy-do-it-yourself%3Fformat%3Dturbo_stream%26page%3D56">
    <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/sel-aux-herbes-tamangur-55-g-20169">
          <img alt="Poivre aux herbes tamangur" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11252/file/small-2576e726090ed6d7071116df92db8187.webp 600w, https://assets.fabulous.ch/public/variant_asset/11252/file/medium-d1c0bbb18b061ab73d0cc881c92aae3f.webp 900w, https://assets.fabulous.ch/public/variant_asset/11252/file/large-addc12ea499ab8c41dc701cdd2351da4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11252/file/medium-d1c0bbb18b061ab73d0cc881c92aae3f.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">Chalira</p>
          <a href="/fr/products/sel-aux-herbes-tamangur-55-g-20169">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Poivre aux herbes tamangur, 55 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 30.00 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20169&quot;],&quot;content_name&quot;:&quot;Poivre aux herbes tamangur, 55 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20169&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:16.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_ETmaP9ry3tVD8TjikHx60w83MwzPtH8owe9uIWctcm-EZb6slt_TBZxLyndOr2NgM9_QZIIdB1GiX-Fxfaotw" />
    <input value="20169" 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%2Fdiy-do-it-yourself%3Fformat%3Dturbo_stream%26page%3D56">
    <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/grillada-preparation-d-epices-nfp-49-g-20291">
          <img alt="Grillada préparation d&#39;épices Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11503/file/small-f2cf80cbaf9bb7d263e3da4a71cca19b.webp 600w, https://assets.fabulous.ch/public/variant_asset/11503/file/medium-acf11ffde249cbd86edf1be40743b554.webp 900w, https://assets.fabulous.ch/public/variant_asset/11503/file/large-4911c9b1a293bcde0cb1355ae34ed750.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11503/file/medium-acf11ffde249cbd86edf1be40743b554.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">Chalira</p>
          <a href="/fr/products/grillada-preparation-d-epices-nfp-49-g-20291">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Grillada préparation d&#39;épices Bio, 49 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 33.67 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20291&quot;],&quot;content_name&quot;:&quot;Grillada préparation d&#39;épices Bio, 49 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20291&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:16.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KheJy_Dz5Kgc4jYXoSI7bnlJXN0sfkA_l42Fs_hgRpBoQvlZvcNQn1-c3d32WXcItbr_UI1I5d5yA0eOuApb7g" />
    <input value="20291" 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%2Fdiy-do-it-yourself%3Fformat%3Dturbo_stream%26page%3D56">
    <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/fer-tripl3-iron-582mg-kapseln-60-piece-5112">
          <img alt="FER Tripl3 Iron 582mg" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11651/file/small-7c02ea24a92e5edbd0a30a614653d21e.webp 600w, https://assets.fabulous.ch/public/variant_asset/11651/file/medium-7f2cea4949fb6fa661d4a60f3ae3dbd3.webp 900w, https://assets.fabulous.ch/public/variant_asset/11651/file/large-20861af70c0632920a89ff6e6fa901c1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11651/file/medium-7f2cea4949fb6fa661d4a60f3ae3dbd3.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">energybalance</p>
          <a href="/fr/products/fer-tripl3-iron-582mg-kapseln-60-piece-5112">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">FER Tripl3 Iron 582mg, 60 capsules</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;5112&quot;],&quot;content_name&quot;:&quot;FER Tripl3 Iron 582mg, 60 capsules&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;5112&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:16.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VsENHtcDz-ZZSVSawFN6LyAmt9Kg4D1-EovThXmHoEwUlH2MmjN70Ro3v1CXKDZJ7NUUXwHWmJ_3BRG4Oe29Mg" />
    <input value="5112" 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%2Fdiy-do-it-yourself%3Fformat%3Dturbo_stream%26page%3D56">
    <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/calcium-high-bioavailability-90mg-kapseln-180-piece-2634">
          <img alt="Calcium High Bioavailability 90mg" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11652/file/small-d5611f90278f614a00000fd21a117d87.webp 600w, https://assets.fabulous.ch/public/variant_asset/11652/file/medium-d03886f328e8fac466b36305e6a653b6.webp 900w, https://assets.fabulous.ch/public/variant_asset/11652/file/large-1d6ef85931bf8df6d7606acdc0510a37.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11652/file/medium-d03886f328e8fac466b36305e6a653b6.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">energybalance</p>
          <a href="/fr/products/calcium-high-bioavailability-90mg-kapseln-180-piece-2634">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Calcium High Bioavailability 90mg, 180 capsules</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;2634&quot;],&quot;content_name&quot;:&quot;Calcium High Bioavailability 90mg, 180 capsules&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;2634&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:29.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HchWv7I1cLWYjKkpz__zRDj69L9CBiwSaYdxtEjOMeNfnSYt_wXEgtvyQuOYhL8i9AlXMuMwifOMCbOJCKQsnQ" />
    <input value="2634" 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%2Fdiy-do-it-yourself%3Fformat%3Dturbo_stream%26page%3D56">
    <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/fleurs-de-sel-rose-60-g-20176">
          <img alt="Fleurs de sel rose" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11261/file/small-c41b1451d99f5df2ee1a2883c4906a13.webp 600w, https://assets.fabulous.ch/public/variant_asset/11261/file/medium-bac7f03d06fe5afafc6f50f9342c0048.webp 900w, https://assets.fabulous.ch/public/variant_asset/11261/file/large-bba9566eee4ad85328964630da09f91a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11261/file/medium-bac7f03d06fe5afafc6f50f9342c0048.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">Chalira</p>
          <a href="/fr/products/fleurs-de-sel-rose-60-g-20176">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Fleurs de sel rose, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20176&quot;],&quot;content_name&quot;:&quot;Fleurs de sel rose, 60 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20176&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:13.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gNk342qqZOitQJf39VYI7ed6gBm8Q4jFVreDe-zH1RnCjEdxJ5rQ3-4-fD2iLUSLK4kjlB11LSSzOUFGrK3IZw" />
    <input value="20176" 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%2Fdiy-do-it-yourself%3Fformat%3Dturbo_stream%26page%3D56">
    <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/100-ml-4f5a23a6-4707-4c70-aaab-65004fea5973-19762">
          <img alt="Asura bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10311/file/small-8270c49af805eacdab997fdf1264c318.webp 600w, https://assets.fabulous.ch/public/variant_asset/10311/file/medium-15a645ba4c0da934d68586d1e7786ffb.webp 900w, https://assets.fabulous.ch/public/variant_asset/10311/file/large-fb839b97b6f0c5f8e9853c1174bd9100.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10311/file/medium-15a645ba4c0da934d68586d1e7786ffb.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">Chalira</p>
          <a href="/fr/products/100-ml-4f5a23a6-4707-4c70-aaab-65004fea5973-19762">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Asura bio, 37 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 44.59 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19762&quot;],&quot;content_name&quot;:&quot;Asura bio, 37 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19762&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:16.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="edX2GWOkydPOZx5KkcmOqZxr-9epQ5ixsB1HXRvyRKs7gIaLLpR95I0Z9YDGssLPUJhYWgh1PVBVk4VgW5hZ1Q" />
    <input value="19762" 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%2Fdiy-do-it-yourself%3Fformat%3Dturbo_stream%26page%3D56">
    <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/ovega3-life-boisson-avec-omega-3-250-ml-2524">
          <img alt="Ovega3 life Boisson avec Omega-3" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11650/file/small-24d07eccfebafd158c0906e8d05c6b2d.webp 600w, https://assets.fabulous.ch/public/variant_asset/11650/file/medium-ce87da664516d81c71ad6a91fd1d646b.webp 900w, https://assets.fabulous.ch/public/variant_asset/11650/file/large-eb2fa8a06a28958e26c1fab8dedb4d80.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11650/file/medium-ce87da664516d81c71ad6a91fd1d646b.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">energybalance</p>
          <a href="/fr/products/ovega3-life-boisson-avec-omega-3-250-ml-2524">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ovega3 life Boisson avec Omega-3, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;2524&quot;],&quot;content_name&quot;:&quot;Ovega3 life Boisson avec Omega-3, 250 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;2524&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:24.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tNc1-W7WnOgdOb9vVBeWT_8HMaMiR9GgWINtd8n8zHP2gkVrI-Yo315HVKUDbNopM_SSLoNxdEG9Da9KiZbRDQ" />
    <input value="2524" 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%2Fdiy-do-it-yourself%3Fformat%3Dturbo_stream%26page%3D56">
    <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/selenium-organic-high-natural-60-g-kapseln-90-piece-2637">
          <img alt="Selenium Organic High Natural 60µg" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1903/file/small-aaebc1d13d2050d6ef370e52d364f1fc.webp 600w, https://assets.fabulous.ch/public/variant_asset/1903/file/medium-a44fa666a437f41e453fd47de0beae65.webp 900w, https://assets.fabulous.ch/public/variant_asset/1903/file/large-f4aa580694e9dd90a328269ece917c66.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1903/file/medium-a44fa666a437f41e453fd47de0beae65.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">energybalance</p>
          <a href="/fr/products/selenium-organic-high-natural-60-g-kapseln-90-piece-2637">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Selenium Organic High Natural 60µg, 90 capsules</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;2637&quot;],&quot;content_name&quot;:&quot;Selenium Organic High Natural 60µg, 90 capsules&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;2637&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:17.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9fne9ah9bJfeWIwKm3xpZ0xY7fuwOn6-DkYqLT5paUC3rK5n5U3YoJ0mZ8DMByUBgKtOdhEM21_ryOgQfgN0Pg" />
    <input value="2637" 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%2Fdiy-do-it-yourself%3Fformat%3Dturbo_stream%26page%3D56">
    <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/3-g-dcf86885-e653-45f0-86b2-fc99e1dc4e30-19767">
          <img alt="Herbes sauvages frottées" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11258/file/small-ea8a2cad288654bc4f00fb5f88f5f433.webp 600w, https://assets.fabulous.ch/public/variant_asset/11258/file/medium-65ff0fc0f3dfa21eb4258bddb129f11e.webp 900w, https://assets.fabulous.ch/public/variant_asset/11258/file/large-0b475680e8de610b7f1a50bd89d3fa17.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11258/file/medium-65ff0fc0f3dfa21eb4258bddb129f11e.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">Chalira</p>
          <a href="/fr/products/3-g-dcf86885-e653-45f0-86b2-fc99e1dc4e30-19767">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Herbes sauvages frottées, 3 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19767&quot;],&quot;content_name&quot;:&quot;Herbes sauvages frottées, 3 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19767&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:11.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_SjDsUSy3P94yjZBkt5hBHPaLRjFQDeFZ3qp68MepXq_fbMjCYJoyDu03YvFpS1ivymOlWR2kmSC9GvWg3S4BA" />
    <input value="19767" 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%2Fdiy-do-it-yourself%3Fformat%3Dturbo_stream%26page%3D56">
    <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/vitamin-tripl3-c-100mg-kapseln-90-piece-5113">
          <img alt="Vitamin Tripl3 C 100mg" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11654/file/small-966c923cc07d0bf7462d8ddd1abfd272.webp 600w, https://assets.fabulous.ch/public/variant_asset/11654/file/medium-b375775ff6e36df97e2ca24f2ccb0976.webp 900w, https://assets.fabulous.ch/public/variant_asset/11654/file/large-bd713e2ee326701cbc87e7a0892e555d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11654/file/medium-b375775ff6e36df97e2ca24f2ccb0976.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">energybalance</p>
          <a href="/fr/products/vitamin-tripl3-c-100mg-kapseln-90-piece-5113">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vitamin Tripl3 C 100mg, 90 capsules</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 28.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;5113&quot;],&quot;content_name&quot;:&quot;Vitamin Tripl3 C 100mg, 90 capsules&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;5113&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:28.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="y7VRwyWOLCiyH5pAn73333i9ioo4K9luA83uGvhWpJmJ4CFRaL6YH_FhcYrIxru5tE4pB5kdfI_mQywnuDy55w" />
    <input value="5113" 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%2Fdiy-do-it-yourself%3Fformat%3Dturbo_stream%26page%3D56">
    <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/q10-highabsorption-coenzym-biopiperine-50mg-kapseln-90-piece-6445">
          <img alt="Q10 HighAbsorption Coenzym + BioPiperine 50mg" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3695/file/small-09fd2a7b7dc886ee1d4f95d94a4b89b6.webp 600w, https://assets.fabulous.ch/public/variant_asset/3695/file/medium-6040cfafc470a94b9e6ee7ea5e66ecf4.webp 900w, https://assets.fabulous.ch/public/variant_asset/3695/file/large-1bf440fa3796e45b8728a0a93500a695.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3695/file/medium-6040cfafc470a94b9e6ee7ea5e66ecf4.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">energybalance</p>
          <a href="/fr/products/q10-highabsorption-coenzym-biopiperine-50mg-kapseln-90-piece-6445">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Q10 HighAbsorption Coenzym + BioPiperine 50mg, 90 capsules</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;6445&quot;],&quot;content_name&quot;:&quot;Q10 HighAbsorption Coenzym + BioPiperine 50mg, 90 capsules&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;6445&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:25.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VXFR8bMXNYrRig4LLucjdiuOtjOOHW0EBccO4q8N6DwXJCFj_ieBvZL05cF5nG8Q530Vvi8ryOXgSczf72f1Qg" />
    <input value="6445" 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">
      1&#39;120 sur 3&#39;712 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/diy-do-it-yourself?format=turbo_stream&amp;page=57">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>