<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%2Ftsampa%3Fformat%3Dturbo_stream%26page%3D67">
    <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/preparation-pour-gateau-citron-sans-gluten-bio-500-g-9849">
          <img alt="Préparation pour gateau citron sans gluten Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5446/file/small-fa11db5a761e9588ba38decaf67f9731.webp 600w, https://assets.fabulous.ch/public/variant_asset/5446/file/medium-e947ee63452481549824619661dad5ab.webp 900w, https://assets.fabulous.ch/public/variant_asset/5446/file/large-1655b7fe125195e4f2a53ecfe57bec84.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5446/file/medium-e947ee63452481549824619661dad5ab.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">Biovegan</p>
          <a href="/fr/products/preparation-pour-gateau-citron-sans-gluten-bio-500-g-9849">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Préparation pour gateau citron sans gluten Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;9849&quot;],&quot;content_name&quot;:&quot;Préparation pour gateau citron sans gluten Bio, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;9849&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Sc_vAO20BMwOpOZgIn386xzGIKN_6pBptuikNKDPJxT4QJkxchv3gym5YzR0R-Rm7Os66S8xBfoBS4bIVRW5iw" />
    <input value="9849" 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%2Ftsampa%3Fformat%3Dturbo_stream%26page%3D67">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Astuce
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/d-angelo-tofutastic-cappelletti-au-tofu-fume-bio-250-g-17068">
          <img alt="D’Angelo Tofutastic Cappelletti au tofu fumé Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7949/file/small-2c3a56e0abac295a037c41edd4d63e8a.webp 600w, https://assets.fabulous.ch/public/variant_asset/7949/file/medium-231e3c82beb7e63f611d78f6dd8ee2ab.webp 900w, https://assets.fabulous.ch/public/variant_asset/7949/file/large-b6af96b1bb8eb196310b554764f33025.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7949/file/medium-231e3c82beb7e63f611d78f6dd8ee2ab.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">D&#39;Angelo Pasteria</p>
          <a href="/fr/products/d-angelo-tofutastic-cappelletti-au-tofu-fume-bio-250-g-17068">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">D’Angelo Tofutastic Cappelletti au tofu fumé Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17068&quot;],&quot;content_name&quot;:&quot;D’Angelo Tofutastic Cappelletti au tofu fumé Bio, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17068&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="S2d-LVyr-ftFG3eix7II-Dg6N4b8cY_XCy2o81dd9Gb66AgcwwQKtGIG8vaRiBB1yBctzKyqGkS8jooPoodq-Q" />
    <input value="17068" 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%2Ftsampa%3Fformat%3Dturbo_stream%26page%3D67">
    <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/tranches-style-jambon-bio-100-g-16782">
          <img alt="Tranches style Jambon Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7802/file/small-48171f2e7d1bac831adb684788379b67.webp 600w, https://assets.fabulous.ch/public/variant_asset/7802/file/medium-f587896516b0dd07fc3f12c5a009f06f.webp 900w, https://assets.fabulous.ch/public/variant_asset/7802/file/large-b450bc797a65e28179a3e529c30aebc5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7802/file/medium-f587896516b0dd07fc3f12c5a009f06f.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">Wheaty</p>
          <a href="/fr/products/tranches-style-jambon-bio-100-g-16782">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tranches style Jambon Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16782&quot;],&quot;content_name&quot;:&quot;Tranches style Jambon Bio, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16782&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1HGmIzvReuSm36qCmV4FhOPtvz2Yp8Hw5gC_K-4bWmhl_tASpH6Jq4HCL9bPZB0JE8Cld8h8VGNRo53XG8HE9w" />
    <input value="16782" 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%2Ftsampa%3Fformat%3Dturbo_stream%26page%3D67">
    <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/completeorganics-kimchi-de-concombre-bio-240-g-16072">
          <img alt="completeorganics KIMCHI DE CONCOMBRE Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7422/file/small-e71c4b68e7addafb093005c403843ad1.webp 600w, https://assets.fabulous.ch/public/variant_asset/7422/file/medium-87402e181f0a710486a37c562fd4a1b9.webp 900w, https://assets.fabulous.ch/public/variant_asset/7422/file/large-bd382f7489cbe4adc8605b650d751edd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7422/file/medium-87402e181f0a710486a37c562fd4a1b9.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">completeorganics</p>
          <a href="/fr/products/completeorganics-kimchi-de-concombre-bio-240-g-16072">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">completeorganics KIMCHI DE CONCOMBRE Bio, 240 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16072&quot;],&quot;content_name&quot;:&quot;completeorganics KIMCHI DE CONCOMBRE Bio, 240 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16072&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="N406NmwKuMu9_mOABOyNmSb4JC7oO6zM2eyKvDMzTX2GAkwH86VLhJrj5tRS1pUU1tU-ZLjgOV9uT6hAxunT4g" />
    <input value="16072" 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%2Ftsampa%3Fformat%3Dturbo_stream%26page%3D67">
    <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-5786b608-bc33-42fa-8e26-becfc0b9d5cf-18615">
          <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/10058/file/small-7db1821f99a6fb9d9452aa4ed1b1be02.webp 600w, https://assets.fabulous.ch/public/variant_asset/10058/file/medium-56ff76ecd4235115f45ea88612d6c4fc.webp 900w, https://assets.fabulous.ch/public/variant_asset/10058/file/large-45a5e10f7289f255836e83fc65f26dbe.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10058/file/medium-56ff76ecd4235115f45ea88612d6c4fc.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-5786b608-bc33-42fa-8e26-becfc0b9d5cf-18615">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lesirupier gingembre-pomme, 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-18615-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18615&quot;],&quot;content_name&quot;:&quot;Lesirupier gingembre-pomme, 700 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18615&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="uopK5NjI9Cvg_oY8bqIfgZG7IIeSwopkG71EN9tZsq4LBTzVR2cHZMfjA2g4mAcMYZY6zcIZH_esHmbLLoMsMQ" />
    <input value="18615" 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%2Ftsampa%3Fformat%3Dturbo_stream%26page%3D67">
    <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-c43a940a-765f-49bf-9b4d-4c3d0d8f3570-18612">
          <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/10056/file/small-2f4e204a42497ce7df8f54c30298239f.webp 600w, https://assets.fabulous.ch/public/variant_asset/10056/file/medium-84169532b9d80fe425f06c2d229e7651.webp 900w, https://assets.fabulous.ch/public/variant_asset/10056/file/large-dd5ece82c41857fe1368766850d46577.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10056/file/medium-84169532b9d80fe425f06c2d229e7651.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-c43a940a-765f-49bf-9b4d-4c3d0d8f3570-18612">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lesirupier grenade, 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-18612-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18612&quot;],&quot;content_name&quot;:&quot;Lesirupier grenade, 700 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18612&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="0VgUHY-b0bHAlJVv_7cBNdL_xbCXgZ-Nj4ocxHKHVfJg12IsEDQi_ueJEDupjRm4ItLf-sdaCh44KT44h13LbQ" />
    <input value="18612" 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%2Ftsampa%3Fformat%3Dturbo_stream%26page%3D67">
    <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-1c114b96-df80-401b-a035-cebe5c4864c8-18614">
          <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/10057/file/small-a7e70811521b4a593d5623a61b1e6183.webp 600w, https://assets.fabulous.ch/public/variant_asset/10057/file/medium-4c71e470ebefa4ae983c7caa7bb03bd7.webp 900w, https://assets.fabulous.ch/public/variant_asset/10057/file/large-3e6f69e6592c0764375933f653fcc8bc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10057/file/medium-4c71e470ebefa4ae983c7caa7bb03bd7.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-1c114b96-df80-401b-a035-cebe5c4864c8-18614">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lesirupier fleur de sureau bio, 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-18614-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18614&quot;],&quot;content_name&quot;:&quot;Lesirupier fleur de sureau bio, 700 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18614&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="NyDt38uGi_YmmiFL4xPTx-08WciANkrlLJ1zclh4ZHCGr5vuVCl4uQGHpB-1KctKHRFDgtDt33abPlGOraL67w" />
    <input value="18614" 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%2Ftsampa%3Fformat%3Dturbo_stream%26page%3D67">
    <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="CK-bhxTeKqzvzr42Jqb-OCzVa5r5CrC1_x-Tz973Z7C5IO22i3HZ48jTO2JwnOa13Phx0KnRJSZIvLEzKy35Lw" />
    <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 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%2Ftsampa%3Fformat%3Dturbo_stream%26page%3D67">
    <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="5wvlovUp4om_z4SmFQKswHdENZjFYZLzeNSjzBMb27ZWhJOTaoYRxpjSAfJDOLRNh2kv0pW6B2DPd4Ew5sFFKQ" />
    <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  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%2Ftsampa%3Fformat%3Dturbo_stream%26page%3D67">
    <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="ggiB-P2e7K6h5ujywXD-4ry0qMTSRNgbxW4c95UTLiwzh_fJYjEf4Yb7baaXSuZvTJmyjoKfTYhyzT4LYMmwsw" />
    <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%2Ftsampa%3Fformat%3Dturbo_stream%26page%3D67">
    <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="R4cokeWYkM2J8O2p_b8l88WUox61dooxJrMSIVhOBYn2CF6gejdjgq7taP2rhT1-Nbm5VOWtH6KREDDdrZSbFg" />
    <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%2Ftsampa%3Fformat%3Dturbo_stream%26page%3D67">
    <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="IGsU4cHlrh8QquCNLLyFtW8hpbA_p73bGxT30_ONRGuR5GLQXkpdUDe3Zdl6hp04nwy_-m98KEist9UvBlfa9A" />
    <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%2Ftsampa%3Fformat%3Dturbo_stream%26page%3D67">
    <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="3NCGsVeEk_b9bo7VISqNLHi3nenygdpTLgNhizz9K7FtX_CAyCtgudpzC4F3EJWhiJqHo6JaT8CZoEN3ySe1Lg" />
    <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%2Ftsampa%3Fformat%3Dturbo_stream%26page%3D67">
    <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="vVZiDjl3yCm5mF2h1XESxJCx_a1dhECZ7ar1rCtstY8M2RQ_ptg7Zp6F2PWDSwpJYJzn5w1f1QpaCddQ3rYrEA" />
    <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%2Ftsampa%3Fformat%3Dturbo_stream%26page%3D67">
    <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="nxSEKXvjoSjIWKYIE-JvPb4_HcMhiaaDxPXzpj6H6t0um_IY5ExSZ-9FI1xF2HewThIHiXFSMxBzVtFay110Qg" />
    <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%2Ftsampa%3Fformat%3Dturbo_stream%26page%3D67">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Épuisé
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/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">
        

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

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


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Ftsampa%3Fformat%3Dturbo_stream%26page%3D67">
    <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="3g8qD5X_0X5BxpeUjwEvsjlWAeQ7Kq-0vzKTd0tqc1dvgFw-ClAiMWbbEsDZOzc_yXsbrmvxOicIkbGLvrDtyA" />
    <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%2Ftsampa%3Fformat%3Dturbo_stream%26page%3D67">
    <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="s6amlWi0X_V9INHxAw_HZoiIbPLy__m5Vpbze0OkUwICKdCk9xusulo9VKVVNd_reKV2uKIkbCrhNdGHtn7NnQ" />
    <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%2Ftsampa%3Fformat%3Dturbo_stream%26page%3D67">
    <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="VH5HNYYztN4giwprE6rlhvcxNKIoHJhw7Fu1XcXzDC_l8TEEGZxHkQeWjz9FkP0LBxwu6HjHDeNb-JehMCmSsA" />
    <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%2Ftsampa%3Fformat%3Dturbo_stream%26page%3D67">
    <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="B6IrDIk1psnYbSXtGoqHOEnNv74_738FH4J5DuhbqsG2LV09FppVhv9woLlMsJ-1ueCl9G806paoIVvyHYE0Xg" />
    <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>



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

</template></turbo-stream>