<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%2Fheylife%3Fformat%3Dturbo_stream%26page%3D13">
    <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/700-ml-564a12ce-b265-489d-93b5-899895f06b15-18610">
          <img alt="Lesirupier blüemli" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10563/file/small-215fd3d14ab42f5d103c430b7ad279f7.webp 600w, https://assets.fabulous.ch/public/variant_asset/10563/file/medium-bc0d76428ed03f97a487cae6862fec65.webp 900w, https://assets.fabulous.ch/public/variant_asset/10563/file/large-5c961b6e4b1875c86580df65e250b16d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10563/file/medium-bc0d76428ed03f97a487cae6862fec65.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/700-ml-564a12ce-b265-489d-93b5-899895f06b15-18610">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lesirupier blüemli, 700 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18610&quot;],&quot;content_name&quot;:&quot;Lesirupier blüemli, 700 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18610&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:15.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fDairH5Vl3CDBMws3KBbx2wjqBAG6ESMRfaKfgYiJddP_N84xrEUSiYXfodj2Ra4nljBybfaPapguHjJqwlIUg" />
    <input value="18610" 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%2Fheylife%3Fformat%3Dturbo_stream%26page%3D13">
    <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/700-ml-49316d4b-18bc-4d34-99dc-c258df64c12a-18617">
          <img alt="Lesirupier quer dür d&#39;hoschtet" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10062/file/small-aedad15b49260cfd9f2c49203687da33.webp 600w, https://assets.fabulous.ch/public/variant_asset/10062/file/medium-c7220a06e5cec12581c314f3a603d83b.webp 900w, https://assets.fabulous.ch/public/variant_asset/10062/file/large-de18af223dc636df97c987b89162069a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10062/file/medium-c7220a06e5cec12581c314f3a603d83b.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/700-ml-49316d4b-18bc-4d34-99dc-c258df64c12a-18617">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lesirupier quer dür d&#39;hoschtet, 700 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18617&quot;],&quot;content_name&quot;:&quot;Lesirupier quer dür d&#39;hoschtet, 700 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18617&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:15.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pz1yiE4Y-N1D4T7u3aqczJVFK8EH5rL5aQm0jUEcJUmU9w8c9vx75-byjEVi09GzZz5CGLbUy99MR0Y67DdIzA" />
    <input value="18617" 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%2Fheylife%3Fformat%3Dturbo_stream%26page%3D13">
    <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/700-ml-5244db15-db51-4510-bd8b-3bfe337c8f1a-18608">
          <img alt="Lesirupier mieux que le thé glacé" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10054/file/small-827ffe03bd03140256024b5473b24202.webp 600w, https://assets.fabulous.ch/public/variant_asset/10054/file/medium-c95040b9226e7b6358b4d986b9cde04f.webp 900w, https://assets.fabulous.ch/public/variant_asset/10054/file/large-aa27efba01aebff7caaa0d4923be627f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10054/file/medium-c95040b9226e7b6358b4d986b9cde04f.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/700-ml-5244db15-db51-4510-bd8b-3bfe337c8f1a-18608">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lesirupier mieux que le thé glacé, 700 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18608&quot;],&quot;content_name&quot;:&quot;Lesirupier mieux que le thé glacé, 700 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18608&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:15.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tJuyxKPvC5Gx9mXzYcHQmEC3M75nJfMJDLeEQQptfcyHUc9QGwuIqxTl11jeuJ3nssxaZ9YXii8p-Xb2p0YQSQ" />
    <input value="18608" 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%2Fheylife%3Fformat%3Dturbo_stream%26page%3D13">
    <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-18607">
          <img alt="Lesirupier mieux que le thé glacé" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11663/file/small-a9f4e025ad72428d40633d15cf5f9a7d.webp 600w, https://assets.fabulous.ch/public/variant_asset/11663/file/medium-1724148d06310e2ce78bca1eec80a705.webp 900w, https://assets.fabulous.ch/public/variant_asset/11663/file/large-9e30b955d56dd3e60bce5d9024ff77b5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11663/file/medium-1724148d06310e2ce78bca1eec80a705.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-18607">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lesirupier mieux que le thé glacé, 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-18607-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18607&quot;],&quot;content_name&quot;:&quot;Lesirupier mieux que le thé glacé, 350 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18607&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="lbsq86NTgfAi78DBVXOOOJkDJpW9khfuqhLWIg-9FjemcVdnG7cCyof8cmrqCsNHa3hPTAygbsiPXCSVopZ7sg" />
    <input value="18607" 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%2Fheylife%3Fformat%3Dturbo_stream%26page%3D13">
    <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-a06d38b0-839c-4fda-9a40-837f2da0f9f7-18609">
          <img alt="Lesirupier blüemli" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11664/file/small-ddee7ab0703e5013f44b44c9b678a696.webp 600w, https://assets.fabulous.ch/public/variant_asset/11664/file/medium-a2365fec0e0a6ee3036556c0655607c5.webp 900w, https://assets.fabulous.ch/public/variant_asset/11664/file/large-26605d27bc016773d0cad62f62996853.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11664/file/medium-a2365fec0e0a6ee3036556c0655607c5.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-a06d38b0-839c-4fda-9a40-837f2da0f9f7-18609">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lesirupier blüemli, 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-18609-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18609&quot;],&quot;content_name&quot;:&quot;Lesirupier blüemli, 350 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18609&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="nndMgs3KkHK49BfMs5XsNE3A0b1h7H5R1jtlLcJpGUytvTEWdS4TSB3npWcM7KFLv7u4ZNDeB3fzdZeab0J0yQ" />
    <input value="18609" 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%2Fheylife%3Fformat%3Dturbo_stream%26page%3D13">
    <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/lesirupier-troll-350-ml-22098">
          <img alt="Lesirupier troll" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11659/file/small-3da8f3560b48be421592228f31845cbd.webp 600w, https://assets.fabulous.ch/public/variant_asset/11659/file/medium-f8be073f5daf717614c3f422b15752a7.webp 900w, https://assets.fabulous.ch/public/variant_asset/11659/file/large-1d1a19271f0af7076ed801849a463563.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11659/file/medium-f8be073f5daf717614c3f422b15752a7.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/lesirupier-troll-350-ml-22098">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lesirupier troll, 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-22098-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22098&quot;],&quot;content_name&quot;:&quot;Lesirupier troll, 350 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22098&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="lqXReHYIJ9PE-ansayD8gUS_JEkAkoQ8xlqpxIb7I_Wlb6zszuyk6WHqG0fUWbH-tsRNkLGg_RrjFFtzK9BOcA" />
    <input value="22098" 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%2Fheylife%3Fformat%3Dturbo_stream%26page%3D13">
    <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/lesirupier-gingembre-pomme-350-ml-22099">
          <img alt="Lesirupier gingembre-pomme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11660/file/small-fbee8833945dc204974c58be4bfa959d.webp 600w, https://assets.fabulous.ch/public/variant_asset/11660/file/medium-d38beea5ea3f913b8f00d81a14191814.webp 900w, https://assets.fabulous.ch/public/variant_asset/11660/file/large-b9568fb1d3b6edeeff758231effc9d60.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11660/file/medium-d38beea5ea3f913b8f00d81a14191814.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/lesirupier-gingembre-pomme-350-ml-22099">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lesirupier gingembre-pomme, 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-22099-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22099&quot;],&quot;content_name&quot;:&quot;Lesirupier gingembre-pomme, 350 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22099&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="gmIA7xKgj72NstGQBH0AmcIH2UBhbNYlXmqqGV0-bF2xqH17qkQMhyihYzu7BE3mMHywmdBerwN7JFiu8BUB2A" />
    <input value="22099" 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%2Fheylife%3Fformat%3Dturbo_stream%26page%3D13">
    <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/lesirupier-elfen-350-ml-22097">
          <img alt="Lesirupier elfen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11661/file/small-9d8cb5774fca562226fda5810bcd34ed.webp 600w, https://assets.fabulous.ch/public/variant_asset/11661/file/medium-0e2409cf80661c12a7b65ea9776e937f.webp 900w, https://assets.fabulous.ch/public/variant_asset/11661/file/large-77ddffbc14e8de1c41509e34eeb7cbba.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11661/file/medium-0e2409cf80661c12a7b65ea9776e937f.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/lesirupier-elfen-350-ml-22097">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lesirupier elfen, 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-22097-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22097&quot;],&quot;content_name&quot;:&quot;Lesirupier elfen, 350 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22097&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="wie_eyli6xghuSlhBJnrYML6YON1pRYI1sKhpTSGiT7x7cLvkYZoIoSqm8q74KYfMIEJOsSXby7zjFMSma3kuw" />
    <input value="22097" 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%2Fheylife%3Fformat%3Dturbo_stream%26page%3D13">
    <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-152b4924-ba56-4281-b783-a33122bdc72e-18613">
          <img alt="Lesirupier fleur de sureau bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11666/file/small-555ab4632e3b86738f38c45f9fbfc5b5.webp 600w, https://assets.fabulous.ch/public/variant_asset/11666/file/medium-97d011b223bdcbc9e0e99ceb36a38b6a.webp 900w, https://assets.fabulous.ch/public/variant_asset/11666/file/large-da7a0b0beacbfd742b96886bf2584487.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11666/file/medium-97d011b223bdcbc9e0e99ceb36a38b6a.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-152b4924-ba56-4281-b783-a33122bdc72e-18613">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lesirupier fleur de sureau 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-18613-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18613&quot;],&quot;content_name&quot;:&quot;Lesirupier fleur de sureau bio, 350 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18613&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="iLxYiCRwWUc2NpZkVqjzoELHiIHKxC38aHTCzqWS4-K7diUcnJTafZMlJM_p0b7fsLzhWHv2VNpNOjB5CLmOZw" />
    <input value="18613" 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%2Fheylife%3Fformat%3Dturbo_stream%26page%3D13">
    <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-78e6a381-a4be-4693-8732-5b7213ad4d73-18611">
          <img alt="Lesirupier grenade" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11665/file/small-ae188667ff4df9bf2fd4f570db98f2e5.webp 600w, https://assets.fabulous.ch/public/variant_asset/11665/file/medium-7f879b7da4ea58fff8fa9344fbf01a99.webp 900w, https://assets.fabulous.ch/public/variant_asset/11665/file/large-4f6b588a54ca75496ad487a0506570b1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11665/file/medium-7f879b7da4ea58fff8fa9344fbf01a99.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-78e6a381-a4be-4693-8732-5b7213ad4d73-18611">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lesirupier grenade, 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-18611-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18611&quot;],&quot;content_name&quot;:&quot;Lesirupier grenade, 350 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18611&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="2KQcWVF_69d_tK1k01G2Yij7CwzdBBcBO6Uvq39-ui7rbmHN6Zto7dqnH89sKPsd2oBi1Ww2bice690c0lXXqw" />
    <input value="18611" 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%2Fheylife%3Fformat%3Dturbo_stream%26page%3D13">
    <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/700-ml-1da44c11-0268-4964-8871-4ba2acf9b465-19822">
          <img alt="Lesirupier elfen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10576/file/small-38439f1b0bb737f90a89313c3926deba.webp 600w, https://assets.fabulous.ch/public/variant_asset/10576/file/medium-8a2db7f96f5d41f6d9a9510660f1fd9c.webp 900w, https://assets.fabulous.ch/public/variant_asset/10576/file/large-c231332ca0892e5dbd259e82e5959e4a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10576/file/medium-8a2db7f96f5d41f6d9a9510660f1fd9c.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/700-ml-1da44c11-0268-4964-8871-4ba2acf9b465-19822">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lesirupier elfen, 700 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19822&quot;],&quot;content_name&quot;:&quot;Lesirupier elfen, 700 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19822&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:14.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ydJXwB-IK88jORn39cvrJwq6NCc6T8EI79viYDmojsb6GCpUp2yo9YYqq1xKsqZY-MFd_ot9uC7KlRDXlIPjQw" />
    <input value="19822" 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%2Fheylife%3Fformat%3Dturbo_stream%26page%3D13">
    <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/700-ml-94efe092-9b8d-4d37-ad61-3378773cc43c-19682">
          <img alt="Lesirupier troll" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10150/file/small-d9f832f718eab793a500a260c735bc3e.webp 600w, https://assets.fabulous.ch/public/variant_asset/10150/file/medium-bc8bc428665df8880350155068ba2179.webp 900w, https://assets.fabulous.ch/public/variant_asset/10150/file/large-21732f5b0f45134f80f39918fd40a1b1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10150/file/medium-bc8bc428665df8880350155068ba2179.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/700-ml-94efe092-9b8d-4d37-ad61-3378773cc43c-19682">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lesirupier troll, 700 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19682&quot;],&quot;content_name&quot;:&quot;Lesirupier troll, 700 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19682&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:14.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uZ2f4Y7dMdZ2JtuBwMlTSzkVrdSBkAbwSpYKtYzhpGeKV-J1Njmy7NM1aSp_sB40y27EDTCif9Zv2PgCIcrJ4g" />
    <input value="19682" 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%2Fheylife%3Fformat%3Dturbo_stream%26page%3D13">
    <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-7d1312e3-e967-4163-afbf-7c225a862cd3-18616">
          <img alt="Lesirupier quer dür d&#39;hoschtet" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11662/file/small-701fe8e11248e20834212da9d34df1aa.webp 600w, https://assets.fabulous.ch/public/variant_asset/11662/file/medium-9c491c849934011f2eff471e5948d871.webp 900w, https://assets.fabulous.ch/public/variant_asset/11662/file/large-4afa0324886e00baf9603e05b1af97c0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11662/file/medium-9c491c849934011f2eff471e5948d871.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-7d1312e3-e967-4163-afbf-7c225a862cd3-18616">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lesirupier quer dür d&#39;hoschtet, 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-18616-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18616&quot;],&quot;content_name&quot;:&quot;Lesirupier quer dür d&#39;hoschtet, 350 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18616&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="4oUHowtz9GTJHjIooglPBGmqordW_asAkrvJZKVTFa7RT3o3s5d3XmwNgIMdcAJ7m9HLbufP0ia39TvTCHh4Kw" />
    <input value="18616" 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%2Fheylife%3Fformat%3Dturbo_stream%26page%3D13">
    <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-3ac2ac9a-e209-417e-a019-93b2775084ee-19662">
          <img alt="Lesirupier cafe chai" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11671/file/small-ca75f112f3d8203bf0be5ad54e8db660.webp 600w, https://assets.fabulous.ch/public/variant_asset/11671/file/medium-ee8197bc205ad287c59044198929a870.webp 900w, https://assets.fabulous.ch/public/variant_asset/11671/file/large-b195310c7ee3ee72dcf7a1e6b562fc9b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11671/file/medium-ee8197bc205ad287c59044198929a870.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-3ac2ac9a-e209-417e-a019-93b2775084ee-19662">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lesirupier cafe chai, 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-19662-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19662&quot;],&quot;content_name&quot;:&quot;Lesirupier cafe chai, 350 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19662&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="edSfSPPFrPYkF-4KgQ63eODAnkxbnSzjxjTLOQBv2URKHuLcSyEvzIEEXKE-d_oHErv3leqvVcXjejmOrUS0wQ" />
    <input value="19662" 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%2Fheylife%3Fformat%3Dturbo_stream%26page%3D13">
    <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-158ae97a-e8fa-41a0-b74c-4b932be20266-18619">
          <img alt="Lesirupier rhubarbe" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11668/file/small-bad5e9db18eb4ba630d2bffab9fa8b1c.webp 600w, https://assets.fabulous.ch/public/variant_asset/11668/file/medium-8fa339c8b8c7f412225e639035713232.webp 900w, https://assets.fabulous.ch/public/variant_asset/11668/file/large-d1d4078fc8c9ad870d8db771e4b63b26.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11668/file/medium-8fa339c8b8c7f412225e639035713232.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-158ae97a-e8fa-41a0-b74c-4b932be20266-18619">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lesirupier rhubarbe, 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-18619-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18619&quot;],&quot;content_name&quot;:&quot;Lesirupier rhubarbe, 350 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18619&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="-rik1FHN5acRX3REZGI60rECaSAoERL5NYTu2NdMZ3HJctlA6SlmnbRMxu_bG3etQ3kA-Zkja98QyhxvemcK9A" />
    <input value="18619" 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%2Fheylife%3Fformat%3Dturbo_stream%26page%3D13">
    <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="XuGxHWGshBa84k_pSeO4AhB0quEoO3zYDnfkVNQtvK9tK8yJ2UgHLBnx_UL2mvV94g_DOJkJBf4rORbjeQbRKg" />
    <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 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%2Fheylife%3Fformat%3Dturbo_stream%26page%3D13">
    <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="4tPSxS3x9quPUVA06dKLLj23dL3_JxaQYfqZqw6dmdfRGa9RlRV1kSpC4p9Wq8ZRz8wdZE4Vb7ZEtGsco7b0Ug" />
    <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  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%2Fheylife%3Fformat%3Dturbo_stream%26page%3D13">
    <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="91X3OvtaOqEQ_zoKbhl67rVNtxovf5w-uy60t8GZ287En4quQ765m7XsiKHRYDeRRzbew55N5RieYEYAbLK2Sw" />
    <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 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%2Fheylife%3Fformat%3Dturbo_stream%26page%3D13">
    <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="h7jzw_NbFRqM27vDudCpv1mNo5FSpFRUss7q8MaGAui0co5XS7-WICnICWgGqeTAq_bKSOOWLXKXgBhHa61vbQ" />
    <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  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%2Fheylife%3Fformat%3Dturbo_stream%26page%3D13">
    <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="SWXhFQ8UJzgy6PqA1yTJ-Itult4-kqXt-Z4MbfLLGGx6r5yBt_CkApf7SCtoXYSHeRX_B4-g3Mvc0P7aX-B16Q" />
    <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>



</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">
      260 sur 3&#39;623 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/heylife?format=turbo_stream&amp;page=14">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>