<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/creme-solaire-fps-50-60-ml-14015">
          <img alt="Crème solaire FPS 50" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6641/file/small-1d7f918d25154052aaab5b40232fa28c.webp 600w, https://assets.fabulous.ch/public/variant_asset/6641/file/medium-9d4c6524ad5dc75d2f430320ad42e508.webp 900w, https://assets.fabulous.ch/public/variant_asset/6641/file/large-438882456b9c1b8fe5484fc033f0780f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6641/file/medium-9d4c6524ad5dc75d2f430320ad42e508.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">Speick</p>
          <a href="/fr/products/creme-solaire-fps-50-60-ml-14015">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Crème solaire FPS 50, 60 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Oqrvl0z847G5sO4iE_5tNOeeOFFDcpcMbjdPHlYdCf8PCvMCZaYnoFnAR4QrrJlN8k2TYWaaGM9uKe5ldMrQ0Q" />
    <input value="14015" 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/lotion-apres-soleil-200-ml-cd938500-bb9f-45df-b71c-3e3edf7ff143-14016">
          <img alt="Lotion après-soleil" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6642/file/small-1b2191f08ce09c4ddb91e04757ed0397.webp 600w, https://assets.fabulous.ch/public/variant_asset/6642/file/medium-210938de660d04f78aa50d973cc73662.webp 900w, https://assets.fabulous.ch/public/variant_asset/6642/file/large-d876e3eb28e25aaeae0a906112098f94.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6642/file/medium-210938de660d04f78aa50d973cc73662.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">Speick</p>
          <a href="/fr/products/lotion-apres-soleil-200-ml-cd938500-bb9f-45df-b71c-3e3edf7ff143-14016">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lotion après-soleil, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.05
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FiN0bRI3VHHUh_OBf17N1w1rN7h4Rb1BJcLs_x9pPswjg2j4O22QYDT3WidHDDmuGLiciF2tMoIl3E2EPb7n4g" />
    <input value="14016" 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/multivit-plus-90-gelules-90-piece-14053">
          <img alt="Multivit Plus, 90 Gélules" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6643/file/small-c97f7ca66a7dea4c3ea96d241ee25675.webp 600w, https://assets.fabulous.ch/public/variant_asset/6643/file/medium-08458977e1b4f465d8a7daf88c919800.webp 900w, https://assets.fabulous.ch/public/variant_asset/6643/file/large-8387dd9a6e050644be0fdaa284dae66b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6643/file/medium-08458977e1b4f465d8a7daf88c919800.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/multivit-plus-90-gelules-90-piece-14053">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Multivit Plus, 90 Gélules, 90 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 49.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SRb9dvwUMDHxUx921TKUR-IS3AbAputAKy66rmDu3V58tuHj1U70IBEjttDtYGA-98F3NuVOZIMrMBvVQjkEcA" />
    <input value="14053" 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/nutru-plant-power-coffee-250-ml-14089">
          <img alt="Nutru Plant Power-Coffee" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6644/file/small-aad04a6d1597e6c137861753136485bb.webp 600w, https://assets.fabulous.ch/public/variant_asset/6644/file/medium-b8a7fac7ee4362467349d1ee2254b116.webp 900w, https://assets.fabulous.ch/public/variant_asset/6644/file/large-c5ce5db86df0f628d7aa4783a55d6d83.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6644/file/medium-b8a7fac7ee4362467349d1ee2254b116.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">Nutru</p>
          <a href="/fr/products/nutru-plant-power-coffee-250-ml-14089">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nutru Plant Power-Coffee, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-14089-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/coco-crispy-rolls-original-bio-140-g-14103">
          <img alt="Coco Crispy Rolls Original bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6646/file/small-7a4a3cd0e5a55d82806d7c08f6ff18e0.webp 600w, https://assets.fabulous.ch/public/variant_asset/6646/file/medium-d5f42331623f5c26e6df5bbdf861da17.webp 900w, https://assets.fabulous.ch/public/variant_asset/6646/file/large-a94a8bb8ef53157a8a6286c8e9a844b7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6646/file/medium-d5f42331623f5c26e6df5bbdf861da17.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">Amaizin</p>
          <a href="/fr/products/coco-crispy-rolls-original-bio-140-g-14103">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Coco Crispy Rolls Original bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.25
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Be7AhNgAXROLPAb_7rkZo0KF-tk5DSHNqpzYk8BvkcwwTtwR8VqZAmtMr1nW6-3aV1ZR6Rzlrg6qgnno4rhI4g" />
    <input value="14103" 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/coco-crispy-rolls-chocolat-bio-140-g-14106">
          <img alt="Coco Crispy Rolls Chocolat Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6650/file/small-ed8e11d872ff172fd8d707ef684ee2ce.webp 600w, https://assets.fabulous.ch/public/variant_asset/6650/file/medium-71c63cf5f40e65b7a21a9dc6ac1c7337.webp 900w, https://assets.fabulous.ch/public/variant_asset/6650/file/large-64c7dcaf70eee731c0f728c69e0df13f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6650/file/medium-71c63cf5f40e65b7a21a9dc6ac1c7337.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">Amaizin</p>
          <a href="/fr/products/coco-crispy-rolls-chocolat-bio-140-g-14106">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Coco Crispy Rolls Chocolat Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.25
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="23yq4NVRwvk1eccx8qunoVkPnv5-V-3bdCqJAviGvdXu3LZ1_AsG6NUJbpfK-VPYTNw1zlu_Yhh0NCh52lFk-w" />
    <input value="14106" 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/pinado-classic-vibe-250-ml-14108">
          <img alt="Piñado Classic Vibe" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6652/file/small-59ca2ee73d2d81b027fff2f626d2b2b6.webp 600w, https://assets.fabulous.ch/public/variant_asset/6652/file/medium-e1d6dbdedc7730a2b059f381207bfb85.webp 900w, https://assets.fabulous.ch/public/variant_asset/6652/file/large-df69b36620bf42ff228636408642d0af.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6652/file/medium-e1d6dbdedc7730a2b059f381207bfb85.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">Pinado AG</p>
          <a href="/fr/products/pinado-classic-vibe-250-ml-14108">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Piñado Classic Vibe, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.30
            </p>

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

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/citrate-de-magnesium-gelules-75-gelules-75-piece-14109">
          <img alt="Citrate de Magnésium Gélules, 75 Gélules" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6653/file/small-42b5edecf2387ecb18344a879bf08f1b.webp 600w, https://assets.fabulous.ch/public/variant_asset/6653/file/medium-842cc34a4293d628292ac082e07ba553.webp 900w, https://assets.fabulous.ch/public/variant_asset/6653/file/large-a6d826b368e7b579fc441ceead8a735b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6653/file/medium-842cc34a4293d628292ac082e07ba553.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">Raab</p>
          <a href="/fr/products/citrate-de-magnesium-gelules-75-gelules-75-piece-14109">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Citrate de Magnésium Gélules, 75 Gélules, 75 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5xmwxv4f9olAoeEGCkTF0IkyDskRBMlgpGq2vSmxmgnSuaxT10UymKDRSKAyFjGpnOGl-TTsRqOkdBfGC2ZDJw" />
    <input value="14109" 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/sirop-de-yacon-bio-250-g-14110">
          <img alt="Sirop de Yacon Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6654/file/small-df894fceffb2df40052d4e5aae4dbdfa.webp 600w, https://assets.fabulous.ch/public/variant_asset/6654/file/medium-82a2e9ba36de9bdd27c2c8ddf95be3c2.webp 900w, https://assets.fabulous.ch/public/variant_asset/6654/file/large-f0e4ad978fee15d5269f52b2929caec2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6654/file/medium-82a2e9ba36de9bdd27c2c8ddf95be3c2.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">Sembrador</p>
          <a href="/fr/products/sirop-de-yacon-bio-250-g-14110">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sirop de Yacon Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WvbyWo5tKPEka_YALf3WCalC4bMN5EnBFYBZp7NOrfhvVu7Ppzfs4MQbX6YVryJwvJFKgygMxgIVnvjckZl01g" />
    <input value="14110" 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/puree-de-noix-de-coco-et-d-amandes-bio-200-g-14163">
          <img alt="Purée de Noix de Coco et d&#39;amandes Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6655/file/small-6340fc23e94a63dfca6ef237c5ecd36a.webp 600w, https://assets.fabulous.ch/public/variant_asset/6655/file/medium-8f03e99bcdc97de203db2a7e9aefe45d.webp 900w, https://assets.fabulous.ch/public/variant_asset/6655/file/large-e380aa500bb8b4aeb1fd8ecd6ba8590c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6655/file/medium-8f03e99bcdc97de203db2a7e9aefe45d.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">Dr. Goerg</p>
          <a href="/fr/products/puree-de-noix-de-coco-et-d-amandes-bio-200-g-14163">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Purée de Noix de Coco et d&#39;amandes Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QYpeMq4BFybwMuzRgv4JxclF4nedTKVW_sSm5BnX9GR0KkKnh1vTNxBCRXe6rP283JZJR7ikKpX-2gefOwAtSg" />
    <input value="14163" 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/creamy-white-classique-bio-150-g-14164">
          <img alt="Creamy White - Classique Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6656/file/small-13cce083fa90ed77eec9173e798cf3c5.webp 600w, https://assets.fabulous.ch/public/variant_asset/6656/file/medium-4d0cc04fcc33c8d89032af9b421511df.webp 900w, https://assets.fabulous.ch/public/variant_asset/6656/file/large-a246819213ec603ff1741d96e123f834.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6656/file/medium-4d0cc04fcc33c8d89032af9b421511df.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">Happy Cheeze GmbH</p>
          <a href="/fr/products/creamy-white-classique-bio-150-g-14164">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Creamy White - Classique Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.80
            </p>

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

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/seitan-fix-melange-pret-a-l-emploi-bio-200-g-14242">
          <img alt="Seitan-Fix Mélange prêt à l&#39;emploi Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6659/file/small-6cad1c989cc81704da1fb5dd8cc7f28c.webp 600w, https://assets.fabulous.ch/public/variant_asset/6659/file/medium-d4cd6060ce575a123f2af1925fefa36d.webp 900w, https://assets.fabulous.ch/public/variant_asset/6659/file/large-08d137a1b1b8d504bdaffdf7ebffec26.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6659/file/medium-d4cd6060ce575a123f2af1925fefa36d.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">Arche</p>
          <a href="/fr/products/seitan-fix-melange-pret-a-l-emploi-bio-200-g-14242">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Seitan-Fix Mélange prêt à l&#39;emploi Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fBQ8aKzzzop4tQ0wSwhi8H_bzAS4BIbn9EsL3zdBsUBJtCD9hakKm5jFpJZzWpaJaghnNJ3sCST0VaqkFZZobg" />
    <input value="14242" 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/vegan-mallow-gems-100-g-14258">
          <img alt="Vegan Mallow Gems" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6660/file/small-a86431d66439849de3895e64f0535940.webp 600w, https://assets.fabulous.ch/public/variant_asset/6660/file/medium-2a2c2bf846bb882bbbb3c5ea52c05deb.webp 900w, https://assets.fabulous.ch/public/variant_asset/6660/file/large-ec907d7a229990c0dcfa0a57865afb05.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6660/file/medium-2a2c2bf846bb882bbbb3c5ea52c05deb.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">Freedom Mallows</p>
          <a href="/fr/products/vegan-mallow-gems-100-g-14258">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan Mallow Gems, 100 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 5.80 / 100 g
            </p>
        </div>
      </div>

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/barre-de-chocolat-moo-free-cookie-crunch-35-g-14272">
          <img alt="Barre de chocolat Moo Free Cookie Crunch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6662/file/small-8522b4a5be6e4003161ce7ebd2dee07e.webp 600w, https://assets.fabulous.ch/public/variant_asset/6662/file/medium-931725faaee02f5b4fb88cc372b98915.webp 900w, https://assets.fabulous.ch/public/variant_asset/6662/file/large-e4b8db6b4dc0b2b260cc1b8d12b484a2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6662/file/medium-931725faaee02f5b4fb88cc372b98915.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">Moo Free Chocolates</p>
          <a href="/fr/products/barre-de-chocolat-moo-free-cookie-crunch-35-g-14272">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Barre de chocolat Moo Free Cookie Crunch, 35 g</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 8.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7bWOfe0gWxZI1VNilgA9mow7yCGW5fRjH6Wm73hJgmHYFZLoxHqfB6il-sSuUsnjmehjEbMNe6AfuweUWp5bTw" />
    <input value="14272" 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/happy-choc-drops-lentilles-de-chocolat-125-g-14288">
          <img alt="Happy Choc Drops lentilles de chocolat" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6664/file/small-9f21ac6186a9a7f265790e1f01d62224.webp 600w, https://assets.fabulous.ch/public/variant_asset/6664/file/medium-a0f6de742af54a210c404ccae01ba414.webp 900w, https://assets.fabulous.ch/public/variant_asset/6664/file/large-a383fb6439f112b972306f1e91063ab5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6664/file/medium-a0f6de742af54a210c404ccae01ba414.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">Vantastic</p>
          <a href="/fr/products/happy-choc-drops-lentilles-de-chocolat-125-g-14288">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Happy Choc Drops lentilles de chocolat, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/the-baies-rouges-vanille-bio-34-g-14338">
          <img alt="Thé Baies Rouges Vanille Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6663/file/small-3ee20060f05abbecab49890ebb3bf244.webp 600w, https://assets.fabulous.ch/public/variant_asset/6663/file/medium-925e08ac68eefc8f0af327cdd6ebeecd.webp 900w, https://assets.fabulous.ch/public/variant_asset/6663/file/large-b8856969f86019bdb2237a1c4a909717.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6663/file/medium-925e08ac68eefc8f0af327cdd6ebeecd.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">Yogi Tee</p>
          <a href="/fr/products/the-baies-rouges-vanille-bio-34-g-14338">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Thé Baies Rouges Vanille Bio, 34 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="geWc-J1zb8m3aU0ddb_fe-lPC79PFQv-zV1Le75cAwa0RYBttCmr2FcZ5LtN7SsC_Jygj2r9hD3NQ-oAnIvaKA" />
    <input value="14338" 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/nut-butter-biscuits-a-la-vanille-bio-250-g-14339">
          <img alt="Nut Butter Biscuits à la vanille bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6666/file/small-73604ecbd242b66a9918476b98f649f9.webp 600w, https://assets.fabulous.ch/public/variant_asset/6666/file/medium-4c17a3445ed1db216f5d123d49748f8b.webp 900w, https://assets.fabulous.ch/public/variant_asset/6666/file/large-676895cac28a1c21d9f12c94e3e7141b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6666/file/medium-4c17a3445ed1db216f5d123d49748f8b.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">Davert</p>
          <a href="/fr/products/nut-butter-biscuits-a-la-vanille-bio-250-g-14339">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nut Butter Biscuits à la vanille bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ofrYDFBqCG-PZmSxOcXpVNsptRVILPb8_q--xOQMU1aUWsSZeTDMfm8WzRcBlx0tzvoeJW3EeT_-sR-_xtuKeA" />
    <input value="14339" 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/bluefarm-forever-bottle-1-piece-14362">
          <img alt="BlueFarm Forever Bottle" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6668/file/small-0ecebaa50705e8141993a510f0ef53f6.webp 600w, https://assets.fabulous.ch/public/variant_asset/6668/file/medium-a17212beb76bb0c3e62dc1ad3daa1e50.webp 900w, https://assets.fabulous.ch/public/variant_asset/6668/file/large-d9e352978b8800052b160edffd6be2c0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6668/file/medium-a17212beb76bb0c3e62dc1ad3daa1e50.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">BlueFarm</p>
          <a href="/fr/products/bluefarm-forever-bottle-1-piece-14362">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">BlueFarm Forever Bottle, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6MOBD2hil4Kk9SS0igtidMSPxUvKEc9exxIozslTQVfdY52aQThTk0SFjRKyWZYN0Vxue-_5QJ3HDIm164SYeQ" />
    <input value="14362" 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/poudre-de-boisson-a-l-avoine-barista-bio-300-g-14363">
          <img alt="Poudre de boisson à l&#39;avoine Barista Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6671/file/small-b5b5b05c3b199da923238b341f9fda3b.webp 600w, https://assets.fabulous.ch/public/variant_asset/6671/file/medium-57d2d45cf0699a61f0509e05dfd4cc30.webp 900w, https://assets.fabulous.ch/public/variant_asset/6671/file/large-d56be41338e826b1ff7f74b2edcb5faa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6671/file/medium-57d2d45cf0699a61f0509e05dfd4cc30.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">BlueFarm</p>
          <a href="/fr/products/poudre-de-boisson-a-l-avoine-barista-bio-300-g-14363">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Poudre de boisson à l&#39;avoine Barista Bio, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IpRp-5M60lojouSNSVNOaU9OwkkLBCCrjre6A_wLHVcXNHVuumAWS8PSTStxAboQWp1peS7sr2iOqRt43tzEeQ" />
    <input value="14363" 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/poudre-de-boisson-a-l-avoine-matcha-oat-latte-bio-300-g-14364">
          <img alt="Poudre de boisson à l&#39;avoine Matcha Oat Latte Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6672/file/small-a5d8a3adf845ec30368bc23cf48703fa.webp 600w, https://assets.fabulous.ch/public/variant_asset/6672/file/medium-35e271764d0822d2cb09c426af21cdee.webp 900w, https://assets.fabulous.ch/public/variant_asset/6672/file/large-09a7a03a632482d9a2461341abedf65b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6672/file/medium-35e271764d0822d2cb09c426af21cdee.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">BlueFarm</p>
          <a href="/fr/products/poudre-de-boisson-a-l-avoine-matcha-oat-latte-bio-300-g-14364">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Poudre de boisson à l&#39;avoine Matcha Oat Latte Bio, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="J8o-tUexkF-xzAej7wMREhJvrpye-xuXzl2ZkCDN1FgSaiIgbutUTlG8rgXXUeVrB7wFrLsTlFTOQzjrAhoNdg" />
    <input value="14364" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>



</template></turbo-stream>
<turbo-stream action="replace" target="infinite_scroll_sentinel"><template>
  <div id="infinite_scroll_sentinel" class="w-full py-8">
  <div class="flex flex-col items-center gap-3">
    <p class="text-sm text-gray-500">
      2&#39;240 sur 3&#39;170 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/speick?format=turbo_stream&amp;page=113">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>