<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">
    <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/boules-de-chocolat-croquantes-saveur-de-miel-35-g-12245">
          <img alt="Boules de chocolat croquantes saveur de miel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6167/file/small-f020e169db3d769b0d605ca9b0add15c.webp 600w, https://assets.fabulous.ch/public/variant_asset/6167/file/medium-de04340b0be1467f129e25d007e4f0c6.webp 900w, https://assets.fabulous.ch/public/variant_asset/6167/file/large-fdcaf02a3f5ad74f54a138760bac8475.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6167/file/medium-de04340b0be1467f129e25d007e4f0c6.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/boules-de-chocolat-croquantes-saveur-de-miel-35-g-12245">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Boules de chocolat croquantes saveur de miel, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.40
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-12245-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/gel-douche-soin-sensitive-2en1-250-ml-12296">
          <img alt="Gel Douche Soin Sensitive 2en1" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6181/file/small-73dc698bfb1cca5d9d55fef6ce2d7371.webp 600w, https://assets.fabulous.ch/public/variant_asset/6181/file/medium-4669b5e458777d0163b90b29d71ede3a.webp 900w, https://assets.fabulous.ch/public/variant_asset/6181/file/large-ce33b1cbfb07bae623453bfd9c0c80a7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6181/file/medium-4669b5e458777d0163b90b29d71ede3a.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">Lavera</p>
          <a href="/fr/products/gel-douche-soin-sensitive-2en1-250-ml-12296">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gel Douche Soin Sensitive 2en1, 250 ml</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 2.94 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QNYJGXMZ8QSNsWOjcegxzSUDlGw6QSw3Xt-Ar8DC6MyHtyWM8OdgVI0RpFe20U9fmLYpLoJdScILcDq5PK50Vw" />
    <input value="12296" 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/gel-douche-2en1-menthe-bio-500-ml-12307">
          <img alt="Gel Douche 2en1 Menthe Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6183/file/small-e3aa2527ba84006ff8b0a5edc773c3d0.webp 600w, https://assets.fabulous.ch/public/variant_asset/6183/file/medium-e4ae2617caa8590c74ac02060b5f3420.webp 900w, https://assets.fabulous.ch/public/variant_asset/6183/file/large-57c5add90fb484e7ad17b9b9a2edcddd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6183/file/medium-e4ae2617caa8590c74ac02060b5f3420.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">benecos</p>
          <a href="/fr/products/gel-douche-2en1-menthe-bio-500-ml-12307">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gel Douche 2en1 Menthe Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.25
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UevvzsZKa1CjYvgfBFmRvneKB9BZxAc1jgxmCY_Io8KWisNbRbT6AKPCP-vDYO8syj-6kuHYYsDbo9wfc6Q_WQ" />
    <input value="12307" 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/gel-douche-rose-sauvage-bio-500-ml-12309">
          <img alt="Gel Douche Rose Sauvage Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6186/file/small-279f8588d415eb069efe907281f75377.webp 600w, https://assets.fabulous.ch/public/variant_asset/6186/file/medium-e5fdb69ec0b27378d171394207a02c3e.webp 900w, https://assets.fabulous.ch/public/variant_asset/6186/file/large-0ca7e64f45d3816117dd64e67180c863.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6186/file/medium-e5fdb69ec0b27378d171394207a02c3e.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">benecos</p>
          <a href="/fr/products/gel-douche-rose-sauvage-bio-500-ml-12309">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gel Douche Rose Sauvage Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="h3i8LBaAzFFp0LjmnG60VaIivX-JZjGwqUrRbVGzm91AGZC5lX5dAWlwfxJbV8rHH5cAPTF6VEX85Wt7rd8HRg" />
    <input value="12309" 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/gel-douche-avoine-bio-500-ml-12310">
          <img alt="Gel Douche Avoine Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6187/file/small-4fca68edade69f6f8a711e6c7129c414.webp 600w, https://assets.fabulous.ch/public/variant_asset/6187/file/medium-a08a01e3de8db0c7f9dd4a98cc3473ac.webp 900w, https://assets.fabulous.ch/public/variant_asset/6187/file/large-aecc3d5a27b09a93d80a9981ff2b6e76.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6187/file/medium-a08a01e3de8db0c7f9dd4a98cc3473ac.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">benecos</p>
          <a href="/fr/products/gel-douche-avoine-bio-500-ml-12310">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gel Douche Avoine Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="i_u918d4cEs84Q2jW6UHDvyrc_5eIvuM_qOJn3afdpxMmpFCRIbhGzxBylecnHmcQR7OvOY-nnmrDDOJivPqBw" />
    <input value="12310" 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/sauce-pour-les-grillade-african-spirit-sans-gluten-bio-210-ml-12327">
          <img alt="Sauce pour les grillade African Spirit Sans Gluten Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6192/file/small-43bdbb6abfdc7f09faeb06dd68679128.webp 600w, https://assets.fabulous.ch/public/variant_asset/6192/file/medium-337b19ca0d3b46aa4d65f4127fe8d537.webp 900w, https://assets.fabulous.ch/public/variant_asset/6192/file/large-ba66a8718529343963be320a4aa88d3f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6192/file/medium-337b19ca0d3b46aa4d65f4127fe8d537.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">Naturata</p>
          <a href="/fr/products/sauce-pour-les-grillade-african-spirit-sans-gluten-bio-210-ml-12327">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sauce pour les grillade African Spirit Sans Gluten Bio, 210 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VrI_RZIpERgiC-l5ZFWNjBvRawvKv-DI7oCVRIzca72R0xPQEdeASCKrLo2jbPMepmTWSXKjhT27Ly9ScLD3Jg" />
    <input value="12327" 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/alpen-yod-l-energy-drink-bio-250-ml-12349">
          <img alt="Alpen Yod&#39;l Energy Drink Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6193/file/small-47bd79597050557680ea223ca87a9ae6.webp 600w, https://assets.fabulous.ch/public/variant_asset/6193/file/medium-344c6eedff4ca39c17f499cb6c8be28b.webp 900w, https://assets.fabulous.ch/public/variant_asset/6193/file/large-9779c0f3e9499c6ddb52d44c7dc3ad05.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6193/file/medium-344c6eedff4ca39c17f499cb6c8be28b.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">Holderhof</p>
          <a href="/fr/products/alpen-yod-l-energy-drink-bio-250-ml-12349">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Alpen Yod&#39;l Energy Drink Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZTzQOLR2EHvgP3mCaWCQ2jp4ODM9zRKrJtxfbX4DbgeiXfytN4iBK-CfvnauWe5Ih82FcYXRd15zc-V7gm_ynA" />
    <input value="12349" 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/piment-moulu-bio-40-g-12367">
          <img alt="Piment moulu Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6199/file/small-f86138dbfdc6ccdfa113e2e0152ae818.webp 600w, https://assets.fabulous.ch/public/variant_asset/6199/file/medium-27e4a4b7def25872d9a6721608f85cce.webp 900w, https://assets.fabulous.ch/public/variant_asset/6199/file/large-26be4f26e7e9e8877336c4c3298905cb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6199/file/medium-27e4a4b7def25872d9a6721608f85cce.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lebensbaum</p>
          <a href="/fr/products/piment-moulu-bio-40-g-12367">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Piment moulu Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="R0mmGtIYARoS93MGHGHkCVcWwkrovZC00Ai7pLpC-3GAKIqPUeaQShJXtPLbWJqb6qN_CFCh9UGFpwGyRi5n6g" />
    <input value="12367" 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/pesto-de-potiron-au-curry-fleurs-bio-130-g-12369">
          <img alt="Pesto de potiron au curry &amp; fleurs Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6202/file/small-fe3d61efedb20621c037b0f9d9ef7bf6.webp 600w, https://assets.fabulous.ch/public/variant_asset/6202/file/medium-aadd937e714cfe430870ac8d52588050.webp 900w, https://assets.fabulous.ch/public/variant_asset/6202/file/large-9c105bd279bf8ed01e2da17a545bc244.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6202/file/medium-aadd937e714cfe430870ac8d52588050.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">LaSelva</p>
          <a href="/fr/products/pesto-de-potiron-au-curry-fleurs-bio-130-g-12369">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pesto de potiron au curry &amp; fleurs Bio, 130 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oY6dDUcdXqvS06fbgSC4NCV3uFa1RRUt716m-1jmwK9m77GYxOPP-9JzYC9GGcammMIFFA1ZcNi68RztpIpcNA" />
    <input value="12369" 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/volcan-de-baignade-glitter-fish-luttes-welt-70-g-12382">
          <img alt="Volcan de baignade &quot;Glitter Fish&quot; Lüttes Welt" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6206/file/small-f19119ab0d00715b504e46832b2f908c.webp 600w, https://assets.fabulous.ch/public/variant_asset/6206/file/medium-4787ffc7df3aadfbc63b79a71a461bcd.webp 900w, https://assets.fabulous.ch/public/variant_asset/6206/file/large-5ba04026089bd6851c68c561cd658e5d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6206/file/medium-4787ffc7df3aadfbc63b79a71a461bcd.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">Lüttes Welt</p>
          <a href="/fr/products/volcan-de-baignade-glitter-fish-luttes-welt-70-g-12382">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Volcan de baignade &quot;Glitter Fish&quot; Lüttes Welt, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.35
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QxNCkv75YQxRNNrvIprkPoMHmegyTYVz1gQjGbX693WEcm4HfQfwXFGUHRvlo5qsPrIkqopR4IaDq5kPSZZr7g" />
    <input value="12382" 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/melange-d-epices-umami-bio-60-g-12383">
          <img alt="Mélange d&#39;épices Umami Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6207/file/small-814aed497bd9333004e68b0eaa347065.webp 600w, https://assets.fabulous.ch/public/variant_asset/6207/file/medium-384d84667d39bd6a02aa49360513ff14.webp 900w, https://assets.fabulous.ch/public/variant_asset/6207/file/large-e03836e99e046a54016b4efe9c63765d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6207/file/medium-384d84667d39bd6a02aa49360513ff14.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/melange-d-epices-umami-bio-60-g-12383">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mélange d&#39;épices Umami Bio, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.45
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9etrmdonj_thmCWOrq27I-xwokfT2NX4Guv2LaO0VGgyikcMWdkeq2E44npplMWxUcUfBWvEsA1PREw7X9jI8w" />
    <input value="12383" 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/creme-de-noisettes-bionella-bio-400-g-12385">
          <img alt="Crème de Noisettes Bionella Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6209/file/small-6a7ab31e7b1c305a528adb75673e62c2.webp 600w, https://assets.fabulous.ch/public/variant_asset/6209/file/medium-0c397fabf68c3dce7c886c68551ae1af.webp 900w, https://assets.fabulous.ch/public/variant_asset/6209/file/large-fb71a581e8a14c556ed4bed2c9629f3f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6209/file/medium-0c397fabf68c3dce7c886c68551ae1af.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">Rapunzel</p>
          <a href="/fr/products/creme-de-noisettes-bionella-bio-400-g-12385">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Crème de Noisettes Bionella Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rF1b0qLW6kBaZz0-UE6pdtXGosgtJyoQRqbNN3pAmpJrPHdHISh7EFrH-sqXd9fkaHMfipU7T-UTCXchhiwGCQ" />
    <input value="12385" 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/pot-de-shampoing-en-aluminium-1-piece-12387">
          <img alt="Pot de shampoing en aluminium" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6212/file/small-2e3c032b47679de81a239a871bc4ea5f.webp 600w, https://assets.fabulous.ch/public/variant_asset/6212/file/medium-42a8d0e109370b65fdf591e92e3165cd.webp 900w, https://assets.fabulous.ch/public/variant_asset/6212/file/large-ea85ac781471a04724a65609d355b9dc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6212/file/medium-42a8d0e109370b65fdf591e92e3165cd.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">Chey Haircare</p>
          <a href="/fr/products/pot-de-shampoing-en-aluminium-1-piece-12387">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pot de shampoing en aluminium, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-12387-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/chocopops-chocolat-brun-noisette-bio-35-g-12391">
          <img alt="CHOCOPOPS Chocolat Brun Noisette Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6215/file/small-ab4020bdf06b64b6cbe1db6d7817ef59.webp 600w, https://assets.fabulous.ch/public/variant_asset/6215/file/medium-1d3a299b63ba9beef9a9b4d2a4f25503.webp 900w, https://assets.fabulous.ch/public/variant_asset/6215/file/large-2353d42d5618eb129698ffb90442e7b1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6215/file/medium-1d3a299b63ba9beef9a9b4d2a4f25503.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">ZAZ Snacks</p>
          <a href="/fr/products/chocopops-chocolat-brun-noisette-bio-35-g-12391">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">CHOCOPOPS Chocolat Brun Noisette Bio, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-12391-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/chocopops-chocolat-noir-aux-amandes-bio-35-g-12393">
          <img alt="CHOCOPOPS Chocolat Noir aux Amandes Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6217/file/small-256ce83c8d3c23741b4a85eef53d52b5.webp 600w, https://assets.fabulous.ch/public/variant_asset/6217/file/medium-2a00eb104c25b1fc240027ef3a07b0cd.webp 900w, https://assets.fabulous.ch/public/variant_asset/6217/file/large-2aec8cd5ede2d65987c06a38eeb9415c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6217/file/medium-2a00eb104c25b1fc240027ef3a07b0cd.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">ZAZ Snacks</p>
          <a href="/fr/products/chocopops-chocolat-noir-aux-amandes-bio-35-g-12393">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">CHOCOPOPS Chocolat Noir aux Amandes Bio, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-12393-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/shampooing-sec-43-g-12395">
          <img alt="Shampooing sec" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6220/file/small-8314a40c1e3f8a9b0a18bf11c5c9709d.webp 600w, https://assets.fabulous.ch/public/variant_asset/6220/file/medium-25622a333565fe7596513062f5246fe5.webp 900w, https://assets.fabulous.ch/public/variant_asset/6220/file/large-5b571a228e1845c899d0c0b21b19b041.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6220/file/medium-25622a333565fe7596513062f5246fe5.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">Chey Haircare</p>
          <a href="/fr/products/shampooing-sec-43-g-12395">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shampooing sec, 43 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.85
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="37Zgtn0GjQgGIeWha_kYB-M1uiH1wKrBYI1hkAYPXdEY10wj_vgcWAaBIlWswGaVXoAHY03czzQ1ItuG-mPBSg" />
    <input value="12395" 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/gel-coiffant-aloe-vera-amande-250-ml-12397">
          <img alt="Gel coiffant aloe vera &amp; amande" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6223/file/small-10a4c8e0602ab0aa7bd09f7a36596c60.webp 600w, https://assets.fabulous.ch/public/variant_asset/6223/file/medium-58079796cfdfab3bc318b0c90a15be21.webp 900w, https://assets.fabulous.ch/public/variant_asset/6223/file/large-0c185d256f51c6c900b1926d83a009ad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6223/file/medium-58079796cfdfab3bc318b0c90a15be21.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">Chey Haircare</p>
          <a href="/fr/products/gel-coiffant-aloe-vera-amande-250-ml-12397">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gel coiffant aloe vera &amp; amande, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.55
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-12397-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/chocobar-chocolat-noir-matcha-bio-45-g-12398">
          <img alt="CHOCOBAR Chocolat Noir Matcha Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6224/file/small-53664ed4a3904cc10cb281849aa41b32.webp 600w, https://assets.fabulous.ch/public/variant_asset/6224/file/medium-01e64fbff717e3c48bea666999e1ae51.webp 900w, https://assets.fabulous.ch/public/variant_asset/6224/file/large-65c11d108535dc7de2732af80ede791f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6224/file/medium-01e64fbff717e3c48bea666999e1ae51.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">ZAZ Snacks</p>
          <a href="/fr/products/chocobar-chocolat-noir-matcha-bio-45-g-12398">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">CHOCOBAR Chocolat Noir Matcha Bio, 45 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-12398-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/chocobar-blond-chocolat-amande-bio-45-g-12400">
          <img alt="CHOCOBAR Blond Chocolat Amande Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6227/file/small-d677bce106d5e32d1289acd67c830493.webp 600w, https://assets.fabulous.ch/public/variant_asset/6227/file/medium-12be64459c94ffc9e276832270304354.webp 900w, https://assets.fabulous.ch/public/variant_asset/6227/file/large-06ff64382515024bd7ab6a5af4554429.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6227/file/medium-12be64459c94ffc9e276832270304354.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">ZAZ Snacks</p>
          <a href="/fr/products/chocobar-blond-chocolat-amande-bio-45-g-12400">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">CHOCOBAR Blond Chocolat Amande Bio, 45 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-12400-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/chocobar-chocolat-brun-noisette-bio-45-g-12403">
          <img alt="CHOCOBAR Chocolat Brun Noisette Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6228/file/small-6c0dde544c048ec0bdbcbfaffc730127.webp 600w, https://assets.fabulous.ch/public/variant_asset/6228/file/medium-564ff11476470587870f78caef57dcec.webp 900w, https://assets.fabulous.ch/public/variant_asset/6228/file/large-80efb3bc684fc869022fe017ae3ec1ef.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6228/file/medium-564ff11476470587870f78caef57dcec.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">ZAZ Snacks</p>
          <a href="/fr/products/chocobar-chocolat-brun-noisette-bio-45-g-12403">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">CHOCOBAR Chocolat Brun Noisette Bio, 45 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-12403-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">
      2&#39;400 sur 3&#39;209 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/odawaraya?format=turbo_stream&amp;page=121">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>