<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">
    

    <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-fabulous-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 action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="v9tNSKItfeQrmq0fVrfXC1vOkOr_7mQRhPyyUkU2jtyd1F871rWzo-b40382yYxmw0Pm9qZmUazmf9dhexOnNg" />
    <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  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Nouveau
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/jus-de-yuzu-pur-bio-100-ml-17807">
          <img alt="Jus de Yuzu Pur Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8779/file/small-23ffa94a8c6c56e594bf67823fad6f42.webp 600w, https://assets.fabulous.ch/public/variant_asset/8779/file/medium-cdbcf6aa9e53fc397387e3b8a3ac3a06.webp 900w, https://assets.fabulous.ch/public/variant_asset/8779/file/large-7def52f9ccd158688ee6af6fe42535c1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8779/file/medium-cdbcf6aa9e53fc397387e3b8a3ac3a06.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">NaturKraftWerke</p>
          <a href="/fr/products/jus-de-yuzu-pur-bio-100-ml-17807">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Jus de Yuzu Pur Bio, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.55
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="anAHWm3DpUfXfzSNfXJQYpFieBXgrNDdfVeaYhX_cTJIfxUpGVtrABodSu0dDAsPCe8OCbkk5WAf1P9RK9pY2A" />
    <input value="17807" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/the-glace-mate-super-natural-club-bio-330-ml-15531">
          <img alt="Thé glacé Maté Super Natural Club Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7086/file/small-5dfb00581ee9f0f778aec7ebc3dcd0c2.webp 600w, https://assets.fabulous.ch/public/variant_asset/7086/file/medium-9db9d5825b4115d4143a1e5722e983e1.webp 900w, https://assets.fabulous.ch/public/variant_asset/7086/file/large-5f440f0adb23fc9c71d117601dd2de57.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7086/file/medium-9db9d5825b4115d4143a1e5722e983e1.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">Super Natural Club</p>
          <a href="/fr/products/the-glace-mate-super-natural-club-bio-330-ml-15531">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Thé glacé Maté Super Natural Club Bio, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wl4FDM_YzlXv9ittycZoQNECXNBw1grqtSpQC0EIEBTgURd_u0AAEiKUVQ2puDMtSY8qzCleP1fXqTU4fy05_g" />
    <input value="15531" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/mikroveda-enzyme-life-bio-0-5-l-16321">
          <img alt="MikroVeda Enzyme LIFE+ Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8692/file/small-1f525c6cfdb4e9cb1ea5787bd9ebb6c7.webp 600w, https://assets.fabulous.ch/public/variant_asset/8692/file/medium-f4fe32c758aefbddb63e05e9028ec07b.webp 900w, https://assets.fabulous.ch/public/variant_asset/8692/file/large-3fd8bf1afe50614ddb8a2ed3d8f524a3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8692/file/medium-f4fe32c758aefbddb63e05e9028ec07b.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">MikroVeda</p>
          <a href="/fr/products/mikroveda-enzyme-life-bio-0-5-l-16321">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">MikroVeda Enzyme LIFE+ Bio, 0.5 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iphYOEMnBRInenZpgVk1IeyNqFyjexAcXRyY-rserKCol0pLN7_LVeoYCAnhJ25MdADeQPrzJaE_n_3JhTuFSg" />
    <input value="16321" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/mikroveda-enzyme-life-bio-1-l-16322">
          <img alt="MikroVeda Enzyme LIFE+ Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8687/file/small-58f77e19e5935322ad9eb8f6849c33d6.webp 600w, https://assets.fabulous.ch/public/variant_asset/8687/file/medium-ebc7ba69d2129eaecdbbe263723b8c4a.webp 900w, https://assets.fabulous.ch/public/variant_asset/8687/file/large-e80fffbe7b255c063fbd595d80b1aa91.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8687/file/medium-ebc7ba69d2129eaecdbbe263723b8c4a.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">MikroVeda</p>
          <a href="/fr/products/mikroveda-enzyme-life-bio-1-l-16322">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">MikroVeda Enzyme LIFE+ Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 44.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JUX6Yv-1nHyNowZee-73mu2QFrO7AnGyjD5DQPuCDEgHSugRiy1SO0DBeD4bkKz3dR1gr-KKRA_uvSZzxaclog" />
    <input value="16322" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/mikroveda-enzyme-life-pur-bio-0-5-l-16301">
          <img alt="MikroVeda Enzyme LIFE Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8682/file/small-82651d2549425d21612dc733cbcf6ca8.webp 600w, https://assets.fabulous.ch/public/variant_asset/8682/file/medium-dd99ed34207692b885d1ac9b0d8af24e.webp 900w, https://assets.fabulous.ch/public/variant_asset/8682/file/large-813513abb6cdd6035200540fd8438d7d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8682/file/medium-dd99ed34207692b885d1ac9b0d8af24e.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">MikroVeda</p>
          <a href="/fr/products/mikroveda-enzyme-life-pur-bio-0-5-l-16301">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">MikroVeda Enzyme LIFE Bio, 0.5 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tXb066FZ1DFHrBPUOn6XKDZIRshZSeq6PdNHtIERbAWXeeaY1cEadorObbRaAMxFrsUw1ADB3wdfUCKHvzRF7w" />
    <input value="16301" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/mikroveda-enzyme-life-pur-bio-1-l-16302">
          <img alt="MikroVeda Enzyme LIFE Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8677/file/small-15899a4d8f6fcfe641149720b1163a91.webp 600w, https://assets.fabulous.ch/public/variant_asset/8677/file/medium-aa834c619324ea0229bdecbe88178032.webp 900w, https://assets.fabulous.ch/public/variant_asset/8677/file/large-baad5bfa8cd7c2b819c595c32f9ac1d7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8677/file/medium-aa834c619324ea0229bdecbe88178032.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">MikroVeda</p>
          <a href="/fr/products/mikroveda-enzyme-life-pur-bio-1-l-16302">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">MikroVeda Enzyme LIFE Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 39.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_-81GU193l_yUrSsO0-9OZBp0oBQfO3QO8eQ7V2dhgDd4CdqOeUQGD8wysxbMeZUCOSknAn02G1ZRPXeY7iv6g" />
    <input value="16302" 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">
    <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/vivani-cavi-quick-chocolat-chaud-bio-400-g-481">
          <img alt="Vivani Cavi Quick Chocolat Chaud Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/432/file/small-92368a1ed0f3446814ca9689900f9205.webp 600w, https://assets.fabulous.ch/public/variant_asset/432/file/medium-049a1bc9943277d54be4a2af16bd20ad.webp 900w, https://assets.fabulous.ch/public/variant_asset/432/file/large-86291ef559db20a2d44994c142ea6782.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/432/file/medium-049a1bc9943277d54be4a2af16bd20ad.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">Vivani / Ichoc</p>
          <a href="/fr/products/vivani-cavi-quick-chocolat-chaud-bio-400-g-481">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vivani Cavi Quick Chocolat Chaud Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </p>

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

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/curcuma-latte-vanille-bio-60-g-1975">
          <img alt="Curcuma-Latte Vanille Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1563/file/small-5abb695232b94b3a837553386e921a63.webp 600w, https://assets.fabulous.ch/public/variant_asset/1563/file/medium-df6690d67aa4bbbb85f52d1f1acb37fc.webp 900w, https://assets.fabulous.ch/public/variant_asset/1563/file/large-8f81369adfc5277e110999470ca10f0d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1563/file/medium-df6690d67aa4bbbb85f52d1f1acb37fc.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/curcuma-latte-vanille-bio-60-g-1975">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Curcuma-Latte Vanille Bio, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.35
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rbd2k5KTJ5zVvYAtVBhvLref3569OY6YAsiGdsAgQ3mPuGTg5gvp2xjf_k00ZjRDLxKpguSxuyVgS-NF_gVqkw" />
    <input value="1975" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/curcuma-latte-vanille-recharge-bio-60-g-2834">
          <img alt="Curcuma-Latte Vanille Recharge Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2001/file/small-7fe825a60a143bb70950aa6cd9b4369d.webp 600w, https://assets.fabulous.ch/public/variant_asset/2001/file/medium-6b547292b9536a710999fc9dee2a6005.webp 900w, https://assets.fabulous.ch/public/variant_asset/2001/file/large-774bf4283e193b4ac6fbff58c10d7697.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2001/file/medium-6b547292b9536a710999fc9dee2a6005.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/curcuma-latte-vanille-recharge-bio-60-g-2834">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Curcuma-Latte Vanille Recharge Bio, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.05
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iTBecmS4GJz5mUWUPRkLtcGXJ06buutzqX6dPIhWeEerP0wBECDW2zT7O_RdZ1DYWRpRUsIy3s7L_fgPtnNRrQ" />
    <input value="2834" 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">
    <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/xylit-sirop-bio-framboise-sucree-avec-sucre-de-bouleau-500-ml-4449">
          <img alt="Xylit Sirop Bio Framboise Sucrée avec sucre de bouleau" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2767/file/small-c3dd3ac6f1cfcabf2ac1a1708cb49be8.webp 600w, https://assets.fabulous.ch/public/variant_asset/2767/file/medium-b9181df24a4f62cd0b949bafc772eb9f.webp 900w, https://assets.fabulous.ch/public/variant_asset/2767/file/large-4185af99456f0a83c0bf6a6c8b646c7c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2767/file/medium-b9181df24a4f62cd0b949bafc772eb9f.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">Tautona</p>
          <a href="/fr/products/xylit-sirop-bio-framboise-sucree-avec-sucre-de-bouleau-500-ml-4449">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xylit Sirop Bio Framboise Sucrée avec sucre de bouleau, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.80
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-4449-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">
    <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/xylit-sirop-bio-gingembre-sucree-avec-sucre-de-bouleau-500-ml-5691">
          <img alt="Xylit Sirop Bio Gingembre Sucrée avec sucre de bouleau" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3287/file/small-b16d483b62648b41982e3ef349aef23c.webp 600w, https://assets.fabulous.ch/public/variant_asset/3287/file/medium-ef11810ce445439de71d102f73622aea.webp 900w, https://assets.fabulous.ch/public/variant_asset/3287/file/large-dff5ab51c05f98657c3bda73c365f285.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3287/file/medium-ef11810ce445439de71d102f73622aea.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">Tautona</p>
          <a href="/fr/products/xylit-sirop-bio-gingembre-sucree-avec-sucre-de-bouleau-500-ml-5691">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xylit Sirop Bio Gingembre Sucrée avec sucre de bouleau, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.80
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-5691-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">
    <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/xylit-chocolat-chaud-sans-sucres-ajoutes-800-g-7761">
          <img alt="Xylit Chocolat Chaud Sans sucres ajoutés" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4484/file/small-2eea363a33d2d89f3663955b9544e34c.webp 600w, https://assets.fabulous.ch/public/variant_asset/4484/file/medium-84b17eabdec065fdeb9c4d9d64be19b1.webp 900w, https://assets.fabulous.ch/public/variant_asset/4484/file/large-c57828a1ce932dca0350f13eb92f4252.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4484/file/medium-84b17eabdec065fdeb9c4d9d64be19b1.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">Xucker</p>
          <a href="/fr/products/xylit-chocolat-chaud-sans-sucres-ajoutes-800-g-7761">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xylit Chocolat Chaud Sans sucres ajoutés, 800 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.50
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-7761-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">
    <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/cappuccino-latte-bio-235-ml-11931">
          <img alt="Cappuccino Latte Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6080/file/small-28a550758dc3e2ffefada7e6ff04625a.webp 600w, https://assets.fabulous.ch/public/variant_asset/6080/file/medium-baa66b993bd361b0cdc2632cb7eaf069.webp 900w, https://assets.fabulous.ch/public/variant_asset/6080/file/large-3d599e235694ce1a92d4c3deec5df2fa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6080/file/medium-baa66b993bd361b0cdc2632cb7eaf069.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">Oatly</p>
          <a href="/fr/products/cappuccino-latte-bio-235-ml-11931">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cappuccino Latte Bio, 235 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/mocha-latte-bio-235-ml-11932">
          <img alt="Mocha Latte Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6082/file/small-ba07d6ecd94abc14fb4fc4dba5f8f228.webp 600w, https://assets.fabulous.ch/public/variant_asset/6082/file/medium-d5090078cf9c0d779bedfea52dc6e786.webp 900w, https://assets.fabulous.ch/public/variant_asset/6082/file/large-ac71959650fdcfb1d15871b0db38079c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6082/file/medium-d5090078cf9c0d779bedfea52dc6e786.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">Oatly</p>
          <a href="/fr/products/mocha-latte-bio-235-ml-11932">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mocha Latte Bio, 235 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="y_-MrHL991i7cDvY5nze6q42OMTC9R_3Gv1_z00zssXp8J7fBmU5H3YSRbiGAoWHNrtO2Jt9Kkp4fhr8cxabLw" />
    <input value="11932" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/vivani-hot-chocolate-chocolat-pour-boisson-demeter-300-g-13858">
          <img alt="Vivani Hot Chocolate - Chocolat pour boisson Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6594/file/small-c5cae436e43cfc2ca92825becbf3a08c.webp 600w, https://assets.fabulous.ch/public/variant_asset/6594/file/medium-56e54221d624ddb2844bc13c6a10d480.webp 900w, https://assets.fabulous.ch/public/variant_asset/6594/file/large-2e92379810344b288445070ed8b43c3d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6594/file/medium-56e54221d624ddb2844bc13c6a10d480.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">Vivani / Ichoc</p>
          <a href="/fr/products/vivani-hot-chocolate-chocolat-pour-boisson-demeter-300-g-13858">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vivani Hot Chocolate - Chocolat pour boisson Demeter, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wl1V8RF5bjXnJaR9IfuQFr0XCBdbUOxy43U_RWM7jkLgUkeCZeGgcipH2h1Bhct7JZp-CwLY2c-B9lp2XR6nqA" />
    <input value="13858" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/pailles-en-acier-inoxydable-6-pieces-6-piece-15369">
          <img alt="Pailles en Acier Inoxydable" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7019/file/small-070f9825c56068cb16388d7297db3355.webp 600w, https://assets.fabulous.ch/public/variant_asset/7019/file/medium-e83b24b997f8a793fef299142e4c4e76.webp 900w, https://assets.fabulous.ch/public/variant_asset/7019/file/large-039a827728a758f9c039c90728ad60c7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7019/file/medium-e83b24b997f8a793fef299142e4c4e76.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">Bambaw</p>
          <a href="/fr/products/pailles-en-acier-inoxydable-6-pieces-6-piece-15369">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pailles en Acier Inoxydable, 6 pièces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FgxhBi8K5sTt431xUZIxoRHfX2IjxdKeZsjA9yLf0L00A3N1W5IogyCBAxEx7GrMiVIpfnpN5yMES6XEHPr5Vw" />
    <input value="15369" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/set-de-pailles-en-bambou-1-piece-1-piece-15371">
          <img alt="Set de pailles en bambou" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7020/file/small-69bcb8facef23e5c8894a6d12fa344c6.webp 600w, https://assets.fabulous.ch/public/variant_asset/7020/file/medium-3c4c74271aa235e5b2d19913c4aa3b26.webp 900w, https://assets.fabulous.ch/public/variant_asset/7020/file/large-da15705f4ef4e78e4bb2b9f7c32ddc75.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7020/file/medium-3c4c74271aa235e5b2d19913c4aa3b26.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">Bambaw</p>
          <a href="/fr/products/set-de-pailles-en-bambou-1-piece-1-piece-15371">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Set de pailles en bambou, 1 pièce</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 4.50 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HVvAWoavSCe8-XLMR6M9dDuKSNLSMRqLKLc-ODK57fk_VNIp8jeGYHGbDKwn3WYZowc-zou5LzZKNFsLDJzEEw" />
    <input value="15371" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/uno-mate-bio-super-natural-club-330-ml-15464">
          <img alt="Uno Mate BIO – Super Natural Club" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7060/file/small-cb6922c72d5a9efe0c554eb63169ef7f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7060/file/medium-5ad7b866d8c804ee9824b20fc45e5aa8.webp 900w, https://assets.fabulous.ch/public/variant_asset/7060/file/large-89c84e607494d80e27794d049c09893b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7060/file/medium-5ad7b866d8c804ee9824b20fc45e5aa8.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">Super Natural Club</p>
          <a href="/fr/products/uno-mate-bio-super-natural-club-330-ml-15464">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Uno Mate BIO – Super Natural Club, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eUN81Z9iLkITzz_f5vwge0uThUKNbQgNZVE9gtMB91dbTG6m6_rgBd6tQb-GgnsW0x7zXtTlPbAH0lix7STevQ" />
    <input value="15464" 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">
    <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/sproud-cafe-glace-original-250-ml-15747">
          <img alt="Sproud Café glacé Original" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7177/file/small-08081e2745ea638bd1214459dbb52ebe.webp 600w, https://assets.fabulous.ch/public/variant_asset/7177/file/medium-827e98eebda867970156b9f678312eae.webp 900w, https://assets.fabulous.ch/public/variant_asset/7177/file/large-f7804e6d601eb6f521b2abc097cbebc1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7177/file/medium-827e98eebda867970156b9f678312eae.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">SPROUD</p>
          <a href="/fr/products/sproud-cafe-glace-original-250-ml-15747">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sproud Café glacé Original, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-15747-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">
      40 sur 49 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/boissons/divers?format=turbo_stream&amp;page=3">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>