<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%2Fboissons%3Fformat%3Dturbo_stream%26page%3D7">
    <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="3jjEAX6-0X3PH3n8hJdEbLnB4Gy2_oAgQfwFp5rDb8CyowROtLcrFjGyEG8SHBGkRNpfwowEJ0jyt4AL93BYNQ" />
    <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%2Fboissons%3Fformat%3Dturbo_stream%26page%3D7">
    <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="FHBnWyHo_QiC-SE9EEJmreiMGgaa4k6IiOq7vFneuId466cU6-EHY3xUSK6GyTNlFZelqKAY6eA7oT4QNG2Pcg" />
    <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%2Fboissons%3Fformat%3Dturbo_stream%26page%3D7">
    <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="W8i56h8SG7zNiCnnPQ0F83IrF_-ngeCtJSGmXEhGfuQ3U3ml1Rvh1zMlQHSrhlA7jzCoUZ17R8WWaiPwJfVJEQ" />
    <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%2Fboissons%3Fformat%3Dturbo_stream%26page%3D7">
    <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="pazw_0FzajOQhQ5-nmFD58-OoWgbYzLbwSanvfh5R_7JNzCwi3qQWG4oZ-0I6hYvMpUexiGZlbNybSIRlcpwCw" />
    <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%2Fboissons%3Fformat%3Dturbo_stream%26page%3D7">
    <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="W3mtwZJq4R7TBzNxkzFOYvOrObdMfHkmpaPDp796Mkc34m2OWGMbdS2qWuIFuhuqDrCGGXaG3k4W6EYL0skFsg" />
    <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%2Fboissons%3Fformat%3Dturbo_stream%26page%3D7">
    <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="lD_DtrH6K1Rylw_W3iSDtanJy5zGH7IxMnW1CsiemI34pAP5e_PRP4w6ZkVIr9Z9VNJ0MvzlFVmBPjCmpS2veA" />
    <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%2Fboissons%3Fformat%3Dturbo_stream%26page%3D7">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/100-g-3f336bed-b0c6-49dd-8966-df0268d6cbfb-19911">
          <img alt="Thé forêt alpine Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11222/file/small-f5fd1c7578157a7e99c507e6a803ab7f.webp 600w, https://assets.fabulous.ch/public/variant_asset/11222/file/medium-5e105c776f8bc2977f1cc7328705df46.webp 900w, https://assets.fabulous.ch/public/variant_asset/11222/file/large-63d95dec500f8e7568cb7fe4523be59d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11222/file/medium-5e105c776f8bc2977f1cc7328705df46.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Chalira</p>
          <a href="/fr/products/100-g-3f336bed-b0c6-49dd-8966-df0268d6cbfb-19911">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Thé forêt alpine Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19911&quot;],&quot;content_name&quot;:&quot;Thé forêt alpine Bio, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19911&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:24.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nABDlsQiyDgPS9rIVcUYlTSlMtyhede0jz2jQ0ARXp3wm4PZDisyU_Hms1vDTk1dyb6NcpuDcNw8dibvLaJpaA" />
    <input value="19911" 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%2Fboissons%3Fformat%3Dturbo_stream%26page%3D7">
    <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/rejuvelac-bio-750-ml-3259">
          <img alt="Rejuvelac Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2207/file/small-4a64ea6334501993ef7aa5fe8596e244.webp 600w, https://assets.fabulous.ch/public/variant_asset/2207/file/medium-99ba0144fecef3dc3b0d4ebc347c2e48.webp 900w, https://assets.fabulous.ch/public/variant_asset/2207/file/large-2081cd401c22f23f73a463d613a7725c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2207/file/medium-99ba0144fecef3dc3b0d4ebc347c2e48.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">Kanne Brottrunk</p>
          <a href="/fr/products/rejuvelac-bio-750-ml-3259">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rejuvelac Bio, 750 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;3259&quot;],&quot;content_name&quot;:&quot;Rejuvelac Bio, 750 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;3259&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2w1U6oLT2rGr5H-uxmnlyb-4HThocIJ8jiOQfY6zc0i3lpSlSNog2lVJFj1Q4rABQqOillKKJRQ9aBXR4wBEvQ" />
    <input value="3259" 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%2Fboissons%3Fformat%3Dturbo_stream%26page%3D7">
    <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/smoothie-mangue-fruit-de-la-passion-bio-250-ml-16662">
          <img alt="Smoothie Mangue–Fruit de la passion Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7710/file/small-197b6759478c27108c5132c54ca4898f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7710/file/medium-d3dc10f8daf45e84b0d0689f2b91725c.webp 900w, https://assets.fabulous.ch/public/variant_asset/7710/file/large-16c068433ba1200b7e63ad186bec8526.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7710/file/medium-d3dc10f8daf45e84b0d0689f2b91725c.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">Biotta</p>
          <a href="/fr/products/smoothie-mangue-fruit-de-la-passion-bio-250-ml-16662">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Smoothie Mangue–Fruit de la passion Bio, 250 ml</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 1.56 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16662&quot;],&quot;content_name&quot;:&quot;Smoothie Mangue–Fruit de la passion Bio, 250 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16662&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="5JOkpkYVlWKLcuOgMHi1uhIsfVoRbnxgZpebvBU0OFeICGTpjBxvCXXfijOm8-By7zfC9CuU2wjV3B4QeIcPog" />
    <input value="16662" 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%2Fboissons%3Fformat%3Dturbo_stream%26page%3D7">
    <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/the-erva-schubregia-18-sachets-de-the-18-sachet-11735">
          <img alt="Thé Erva Schubregia" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5994/file/small-2c8ea037dd467f75bff87d88fcaa9cbe.webp 600w, https://assets.fabulous.ch/public/variant_asset/5994/file/medium-c1bb5818e3c1839586835d18ebc41e76.webp 900w, https://assets.fabulous.ch/public/variant_asset/5994/file/large-2749041384ac026f4c53adebcbeb207d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5994/file/medium-c1bb5818e3c1839586835d18ebc41e76.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">Erva Medica AG</p>
          <a href="/fr/products/the-erva-schubregia-18-sachets-de-the-18-sachet-11735">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Thé Erva Schubregia, 18 sachets</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;11735&quot;],&quot;content_name&quot;:&quot;Thé Erva Schubregia, 18 sachets&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;11735&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3L0NQclk77RzTsISXRcJB3GJJ7reDJckbXJh8fOfvNOwJs0OA20V343jq4HLnFzPjJKYFOT2MEzeOeRdniyLJg" />
    <input value="11735" 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%2Fboissons%3Fformat%3Dturbo_stream%26page%3D7">
    <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/boisson-epeautre-spelt-natural-bio-1-l-10490">
          <img alt="Boisson Épeautre Spelt Natural Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5578/file/small-ee45494349e9728d02d26a43f527294a.webp 600w, https://assets.fabulous.ch/public/variant_asset/5578/file/medium-aff072394b86492d5e9fe43c6ed32722.webp 900w, https://assets.fabulous.ch/public/variant_asset/5578/file/large-1339c255b8141b6aa3661928fc3fc49b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5578/file/medium-aff072394b86492d5e9fe43c6ed32722.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">Lima</p>
          <a href="/fr/products/boisson-epeautre-spelt-natural-bio-1-l-10490">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Boisson Épeautre Spelt Natural Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;10490&quot;],&quot;content_name&quot;:&quot;Boisson Épeautre Spelt Natural Bio, 1 l&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;10490&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="otmPU4nTvDqq2j2Vio1jLm5duFtlKP_y3aWiNiiuiXDOQk8cQ9pGUVR3VAYcBjbmk0YH9V_SWJpu7ieaRR2-hQ" />
    <input value="10490" 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%2Fboissons%3Fformat%3Dturbo_stream%26page%3D7">
    <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/50-g-3507a17f-8f4f-4b26-9a77-c4304f8fd85d-19013">
          <img alt="Thé de sauge Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10986/file/small-27e94934a39e755d3b618c86edd09595.webp 600w, https://assets.fabulous.ch/public/variant_asset/10986/file/medium-eb3f8f4535c2b2196298fe6229890526.webp 900w, https://assets.fabulous.ch/public/variant_asset/10986/file/large-adb97e60f440cc8c3bd0a22fb4034be4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10986/file/medium-eb3f8f4535c2b2196298fe6229890526.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/fr/products/50-g-3507a17f-8f4f-4b26-9a77-c4304f8fd85d-19013">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Thé de sauge Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19013&quot;],&quot;content_name&quot;:&quot;Thé de sauge Bio, 50 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19013&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QiRwWA5aS-EpUaAz52xuFBuyTtAFO3w7ppsJiv47a-Iuv7AXxFOxitf8yaBx5zvc5qnxfj_B21MV0Iwmk4hcFw" />
    <input value="19013" 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%2Fboissons%3Fformat%3Dturbo_stream%26page%3D7">
    <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/18-sachets-6c0802d3-9d05-482d-baff-949f38621512-19008">
          <img alt="Thé à la menthe poivrée Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9316/file/small-47857bc239859a1fa60986d833c14822.webp 600w, https://assets.fabulous.ch/public/variant_asset/9316/file/medium-ea197a0e021480764c42f36981bd2a13.webp 900w, https://assets.fabulous.ch/public/variant_asset/9316/file/large-f28363f93f1fc3d8db7fdb595d44174e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9316/file/medium-ea197a0e021480764c42f36981bd2a13.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/fr/products/18-sachets-6c0802d3-9d05-482d-baff-949f38621512-19008">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Thé à la menthe poivrée Bio, 18 sachets</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19008&quot;],&quot;content_name&quot;:&quot;Thé à la menthe poivrée Bio, 18 sachets&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19008&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jEMM-_x1S6UoIvyczRYwlPc3mprS6XzUve6LgIYOBgzg2My0NnyxztaPlQ9bnWVcCiwlNOgT27wOpQ4s670x-Q" />
    <input value="19008" 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%2Fboissons%3Fformat%3Dturbo_stream%26page%3D7">
    <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/the-cold-brew-hibiscus-blanc-bio-20-sachets-18110">
          <img alt="Thé Cold Brew Hibiscus Blanc Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9054/file/small-854fc889e4ea04bc18288b8b2a42b2b7.webp 600w, https://assets.fabulous.ch/public/variant_asset/9054/file/medium-dae38d5e4ddfc571645b3b53a4c956e2.webp 900w, https://assets.fabulous.ch/public/variant_asset/9054/file/large-cff2be02a0bedd92e9b37b3b7dc8f29f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9054/file/medium-dae38d5e4ddfc571645b3b53a4c956e2.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">Lebensbaum</p>
          <a href="/fr/products/the-cold-brew-hibiscus-blanc-bio-20-sachets-18110">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Thé Cold Brew Hibiscus Blanc Bio, 20 sachets</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18110&quot;],&quot;content_name&quot;:&quot;Thé Cold Brew Hibiscus Blanc Bio, 20 sachets&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18110&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LrRhFzgRcDT77y0BjYq6v-u5BaOy_Ha70MAZ6lq-g2hCL6FY8hiKXwVCRJIbAe93FqK6DYgG0dNji5xGNw20nQ" />
    <input value="18110" 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%2Fboissons%3Fformat%3Dturbo_stream%26page%3D7">
    <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/kombucha-fruit-de-la-passion-mangue-330-ml-17088">
          <img alt="Kombucha Fruit de la Passion &amp; Mangue" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7957/file/small-c3008078d83931c57236f7a79ddaf475.webp 600w, https://assets.fabulous.ch/public/variant_asset/7957/file/medium-054e7a3054e95dfb2be9630b843de047.webp 900w, https://assets.fabulous.ch/public/variant_asset/7957/file/large-0244573990967d7af0279596a643b4d1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7957/file/medium-054e7a3054e95dfb2be9630b843de047.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">Rudy&#39;s Kombucha</p>
          <a href="/fr/products/kombucha-fruit-de-la-passion-mangue-330-ml-17088">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kombucha Fruit de la Passion &amp; Mangue, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17088&quot;],&quot;content_name&quot;:&quot;Kombucha Fruit de la Passion \u0026 Mangue, 330 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17088&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="mVArdUDnxAb9I2nBriv4k3ynTCTDn6nBDFlB_XOmKJz1y-s6iu4-bQOOAFI4oK1bgbzzivllDqm_EsRRHhUfaQ" />
    <input value="17088" 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%2Fboissons%3Fformat%3Dturbo_stream%26page%3D7">
    <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/kombucha-framboise-basilic-330-ml-17085">
          <img alt="Kombucha Framboise &amp; Basilic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7954/file/small-f28e179b855af993842c7465f9f88bf3.webp 600w, https://assets.fabulous.ch/public/variant_asset/7954/file/medium-153311b913d3a84aae07ca5de8eaa39c.webp 900w, https://assets.fabulous.ch/public/variant_asset/7954/file/large-d80f6502e25bc43de478d6bcb13f379d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7954/file/medium-153311b913d3a84aae07ca5de8eaa39c.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">Rudy&#39;s Kombucha</p>
          <a href="/fr/products/kombucha-framboise-basilic-330-ml-17085">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kombucha Framboise &amp; Basilic, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17085&quot;],&quot;content_name&quot;:&quot;Kombucha Framboise \u0026 Basilic, 330 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17085&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="seNRU1kOc4-Lzg4IF66ucMzQpkZ5VF2N0uJoqfp_d9HdeJEckweJ5HVjZ5uBJfu4McsZ6EOu-uVhqe0Fl8xAJA" />
    <input value="17085" 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%2Fboissons%3Fformat%3Dturbo_stream%26page%3D7">
    <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/kombucha-mandarine-yuzu-330-ml-17086">
          <img alt="Kombucha Mandarine &amp; Yuzu" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7955/file/small-e8e5bc7eb26784a70087312312177633.webp 600w, https://assets.fabulous.ch/public/variant_asset/7955/file/medium-4f35f6d45a21351807b16eeffd35da22.webp 900w, https://assets.fabulous.ch/public/variant_asset/7955/file/large-335bc1a52245399170e7ca8d4d2f6db6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7955/file/medium-4f35f6d45a21351807b16eeffd35da22.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">Rudy&#39;s Kombucha</p>
          <a href="/fr/products/kombucha-mandarine-yuzu-330-ml-17086">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kombucha Mandarine &amp; Yuzu, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17086&quot;],&quot;content_name&quot;:&quot;Kombucha Mandarine \u0026 Yuzu, 330 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17086&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="VcepurYJemJqFhr4uX2n4xQ1bAJ6E0B7SDaRCh9mNmc5XGn1fACACZS7c2sv9vIr6S7TrEDp5xP7fRSmctUBkg" />
    <input value="17086" 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%2Fboissons%3Fformat%3Dturbo_stream%26page%3D7">
    <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/kombucha-ananas-peche-330-ml-17070">
          <img alt="Kombucha Ananas &amp; Pêche" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7953/file/small-b77770cc514ea33ea3eb00d819f675cc.webp 600w, https://assets.fabulous.ch/public/variant_asset/7953/file/medium-3f7c2bb35ce3b6fb809c0da8e568afe0.webp 900w, https://assets.fabulous.ch/public/variant_asset/7953/file/large-ea87e92430e80dc5fdbcae0d1276f974.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7953/file/medium-3f7c2bb35ce3b6fb809c0da8e568afe0.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">Rudy&#39;s Kombucha</p>
          <a href="/fr/products/kombucha-ananas-peche-330-ml-17070">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kombucha Ananas &amp; Pêche, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17070&quot;],&quot;content_name&quot;:&quot;Kombucha Ananas \u0026 Pêche, 330 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17070&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="e_lYC20bYQKQ49l1h9totKmKo1Yx24Ka57Um7fUeXMEXYphEpxKbaW5OsOYRUD18VJEc-AshJfJU_qNBmK1rNA" />
    <input value="17070" 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%2Fboissons%3Fformat%3Dturbo_stream%26page%3D7">
    <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/boisson-barista-coco-molk-1-l-17510">
          <img alt="Boisson Barista Coco Mølk" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8165/file/small-266e2ed08ad491cdb1ea4565bee0a177.webp 600w, https://assets.fabulous.ch/public/variant_asset/8165/file/medium-4c8315d75fbfb1e2ac21d8ef62eecd89.webp 900w, https://assets.fabulous.ch/public/variant_asset/8165/file/large-7cd0087009256cd7de83df26004e9799.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8165/file/medium-4c8315d75fbfb1e2ac21d8ef62eecd89.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">Mølk</p>
          <a href="/fr/products/boisson-barista-coco-molk-1-l-17510">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Boisson Barista Coco Mølk, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-17510-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  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%2Fboissons%3Fformat%3Dturbo_stream%26page%3D7">
    <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/kombucha-poire-epilobe-330-ml-17087">
          <img alt="Kombucha Poire &amp; Épilobe" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7956/file/small-cbd5620de9ec1a4fbd23c77f59eee316.webp 600w, https://assets.fabulous.ch/public/variant_asset/7956/file/medium-e4070a2ee0d90876853eaafc274edf06.webp 900w, https://assets.fabulous.ch/public/variant_asset/7956/file/large-d8fe49b69380a38c70c8b4e3f4e8b5f0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7956/file/medium-e4070a2ee0d90876853eaafc274edf06.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">Rudy&#39;s Kombucha</p>
          <a href="/fr/products/kombucha-poire-epilobe-330-ml-17087">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kombucha Poire &amp; Épilobe, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-17087-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>



</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">
      140 sur 287 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/boissons?format=turbo_stream&amp;page=8">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>