<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/doisy-dam-gouttes-de-chocolat-d-d-80-g-10351">
          <img alt="Doisy &amp; Dam Gouttes de chocolat D&amp;D" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5563/file/small-e3951797f68049c11e99464911c9db7b.webp 600w, https://assets.fabulous.ch/public/variant_asset/5563/file/medium-766644582a79f8a5ce29315a2f685101.webp 900w, https://assets.fabulous.ch/public/variant_asset/5563/file/large-e47754aab1b135c4cafdb9de45669fc8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5563/file/medium-766644582a79f8a5ce29315a2f685101.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">Doisy&amp;Dam</p>
          <a href="/fr/products/doisy-dam-gouttes-de-chocolat-d-d-80-g-10351">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Doisy &amp; Dam Gouttes de chocolat D&amp;D, 80 g</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 6.19 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-10351-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/d-angelo-strozzapreti-pasta-a-l-epeautre-bio-250-g-10393">
          <img alt="D&#39;Angelo Strozzapreti Pasta à l&#39;épeautre Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5569/file/small-892557f20ac7523ff9b38d3e63b6b1d3.webp 600w, https://assets.fabulous.ch/public/variant_asset/5569/file/medium-135df0300041894f0a62b17e2bb6018f.webp 900w, https://assets.fabulous.ch/public/variant_asset/5569/file/large-4958341bfca4bb5af30c827dc6fe1e69.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5569/file/medium-135df0300041894f0a62b17e2bb6018f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">D&#39;Angelo Pasteria</p>
          <a href="/fr/products/d-angelo-strozzapreti-pasta-a-l-epeautre-bio-250-g-10393">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">D&#39;Angelo Strozzapreti Pasta à l&#39;épeautre Bio, 250 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 1.84 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9Xhvxj0teNmP3JAkAHIPDhHWbXg2eYnOjZGbxhTJ1pSOT5jR6J7jcvuFCt3jeE-QnHJZWlSDHN4z5TfgftDrEA" />
    <input value="10393" 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/ichoc-choco-cookie-bio-80-g-10415">
          <img alt="iChoc Choco Cookie - Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5573/file/small-89c6cdc62fd48c52e36af511816ca65a.webp 600w, https://assets.fabulous.ch/public/variant_asset/5573/file/medium-1fde5ec8ab2e4c73d2e8ee868d2f663d.webp 900w, https://assets.fabulous.ch/public/variant_asset/5573/file/large-eae968acfb05605af789834e630640d6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5573/file/medium-1fde5ec8ab2e4c73d2e8ee868d2f663d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Vivani / Ichoc</p>
          <a href="/fr/products/ichoc-choco-cookie-bio-80-g-10415">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">iChoc Choco Cookie - Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XalIgS3USaoIwCZocQW-OQY_OKG1qPr4sToSgecPGQkmnr-W-GfSAXyZvJGSD_6ni5sMg9dSb-gPTr6njRYkjQ" />
    <input value="10415" 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/boisson-epeautre-spelt-natural-bio-1-l-10490">
          <img alt="Boisson Épeautre Spelt Natural Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5578/file/small-ee45494349e9728d02d26a43f527294a.webp 600w, https://assets.fabulous.ch/public/variant_asset/5578/file/medium-aff072394b86492d5e9fe43c6ed32722.webp 900w, https://assets.fabulous.ch/public/variant_asset/5578/file/large-1339c255b8141b6aa3661928fc3fc49b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5578/file/medium-aff072394b86492d5e9fe43c6ed32722.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lima</p>
          <a href="/fr/products/boisson-epeautre-spelt-natural-bio-1-l-10490">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Boisson Épeautre Spelt Natural Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="buehI43TVLgrHwafQAsqPhGozgD67RagBuRM9F-cqcQV0FY0WGDPE19GnGajAWqgnAz6IpgXg7C4kODSNYWUQA" />
    <input value="10490" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div class="border-gray-200 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/la-raclette-vegan-nature-bio-200-g-10491">
          <img alt="La Raclette Vegan NATURE Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5587/file/small-a30ec2cfca1446b90613efd6985eff56.webp 600w, https://assets.fabulous.ch/public/variant_asset/5587/file/medium-5e4eaec1a899c5731418176bed9f1439.webp 900w, https://assets.fabulous.ch/public/variant_asset/5587/file/large-2466a8b9eb6e97afc1adc8d7558f6c1a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5587/file/medium-5e4eaec1a899c5731418176bed9f1439.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">New Roots</p>
          <a href="/fr/products/la-raclette-vegan-nature-bio-200-g-10491">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">La Raclette Vegan NATURE Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.20
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-10491-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/la-raclette-vegan-poivre-noir-bio-200-g-10492">
          <img alt="La Raclette Vegan POIVRE NOIR Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5582/file/small-6d0fadf0901327f5dcc3c629f998ed0b.webp 600w, https://assets.fabulous.ch/public/variant_asset/5582/file/medium-6a6c5e2a9820e829ec30516b91caeec2.webp 900w, https://assets.fabulous.ch/public/variant_asset/5582/file/large-17be8fb67c3277f3d6e39c8408f7cee0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5582/file/medium-6a6c5e2a9820e829ec30516b91caeec2.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">New Roots</p>
          <a href="/fr/products/la-raclette-vegan-poivre-noir-bio-200-g-10492">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">La Raclette Vegan POIVRE NOIR Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.20
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-10492-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/the-herbal-harmonies-selection-bio-20-sachets-20-sachet-10575">
          <img alt="Thé Herbal Harmonies Selection Bio, 20 Sachets" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5580/file/small-83fedd560334dbc15e0321fc9b566631.webp 600w, https://assets.fabulous.ch/public/variant_asset/5580/file/medium-07cd11cf5285f32d3fba628c642c4ae1.webp 900w, https://assets.fabulous.ch/public/variant_asset/5580/file/large-d8c58a9a88cdd10cf81513176396e61f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5580/file/medium-07cd11cf5285f32d3fba628c642c4ae1.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">Hampstead Tea</p>
          <a href="/fr/products/the-herbal-harmonies-selection-bio-20-sachets-20-sachet-10575">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Thé Herbal Harmonies Selection Bio, 20 Sachets, 20 sachets</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JUaDUznauTnAcSamn4-dwNeN4okcN5ArRhoJVGbL-ahecXRE7GkikrQovF98hd1eWinWq37NBTv4bqVyDNLELA" />
    <input value="10575" 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/avoine-nue-bio-500-g-10596">
          <img alt="Avoine nue Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5588/file/small-6515ce064d97d9e4f0355e73caf37513.webp 600w, https://assets.fabulous.ch/public/variant_asset/5588/file/medium-e5db187dd94188e9218610bb92b7c83e.webp 900w, https://assets.fabulous.ch/public/variant_asset/5588/file/large-4f7dd8d547b3e98a5c540b7122159349.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5588/file/medium-e5db187dd94188e9218610bb92b7c83e.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">Bohlsener Mühle</p>
          <a href="/fr/products/avoine-nue-bio-500-g-10596">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Avoine nue Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MffNGoN94xYOJWmrsLJ8jxEW6PM7sIW8C7LhRKdimcJKwDoNVs54vXp881JTuDwRnLLc0VlKEKy1xk1izXukRg" />
    <input value="10596" 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/haricots-borlotti-en-gros-biosuisse-5-kg-10617">
          <img alt="Haricots Borlotti en gros BioSuisse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5593/file/small-f3d9a20e6a6793cbbcc292f47fd572a1.webp 600w, https://assets.fabulous.ch/public/variant_asset/5593/file/medium-fe6dff27487db46be8dc229558f23a1b.webp 900w, https://assets.fabulous.ch/public/variant_asset/5593/file/large-3b9b5b450a593d2d34e5b57a991a763f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5593/file/medium-fe6dff27487db46be8dc229558f23a1b.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">Alce Nero</p>
          <a href="/fr/products/haricots-borlotti-en-gros-biosuisse-5-kg-10617">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Haricots Borlotti en gros BioSuisse, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 95.05
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VNxaR0V4Enhh15Xek-aZWfPbjC6M9l_80jcblkMarcQv661QkMuJ0xWODydw7NnHfn-4DO4MyuxsQ7ewKQOQQA" />
    <input value="10617" 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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    20 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/planted-pulled-bbq-400-g-10665">
          <img alt="planted.pulled - BBQ" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5608/file/small-45c956a3eb13c3c2edb0152f3be4c627.webp 600w, https://assets.fabulous.ch/public/variant_asset/5608/file/medium-989906bb1042fda69cf2d2f6ae9e15ec.webp 900w, https://assets.fabulous.ch/public/variant_asset/5608/file/large-59b483aafd26bdf91153568da6148bb8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5608/file/medium-989906bb1042fda69cf2d2f6ae9e15ec.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">planted</p>
          <a href="/fr/products/planted-pulled-bbq-400-g-10665">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">planted.pulled - BBQ, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 15.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 12.70</span>
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Fb8bdAM9yRszSut4u8JXr3LvabjrXem5lFOTUJ6r5n9uiOxj1o5SsEcTcYFYyBcx_0tdmomnfKkqJz929LLb-w" />
    <input value="10665" 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/farine-de-seigle-complete-demeter-1-kg-10757">
          <img alt="Farine de seigle complète Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5621/file/small-8b89eeaf26714624ab22c98897d3dd6a.webp 600w, https://assets.fabulous.ch/public/variant_asset/5621/file/medium-df8cd80fa8c30a83b821c985d40a2aa6.webp 900w, https://assets.fabulous.ch/public/variant_asset/5621/file/large-5c6cb261c4d4628f8985f019e7a16e55.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5621/file/medium-df8cd80fa8c30a83b821c985d40a2aa6.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">Bauckhof</p>
          <a href="/fr/products/farine-de-seigle-complete-demeter-1-kg-10757">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Farine de seigle complète Demeter, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MpqNQPc7Zsh708zvqlxid23AEU7o-6DtHK1Cj5Mbl0FJrXpXIoj9Yw-KVhZJViLp4GQlbIoBNf2i2e6p-QKqxQ" />
    <input value="10757" 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/myyo-inulin-sachet-bio-400-g-10786">
          <img alt="MyYo Inulin Sachet Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5630/file/small-ea22cadb90236fb6b22d38660bce254b.webp 600w, https://assets.fabulous.ch/public/variant_asset/5630/file/medium-e398696074ad15c3b54b8cd23780cdb3.webp 900w, https://assets.fabulous.ch/public/variant_asset/5630/file/large-6faff2c03249147ec390c6dc1bcb806e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5630/file/medium-e398696074ad15c3b54b8cd23780cdb3.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">my.yo</p>
          <a href="/fr/products/myyo-inulin-sachet-bio-400-g-10786">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">MyYo Inulin Sachet Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="R-Y3lmbDoEpCrx9a37wDwvLyd71ypbA3AvjZSY0AkmM80cCBs3A74Tb2haM8tkNcf1ZDnxBfJSe8jHVv5xmv5w" />
    <input value="10786" 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/biscuits-birkengold-cookie-epeautre-complet-sans-sucres-ajoutes-125-g-10845">
          <img alt="Biscuits Birkengold Cookie Épeautre Complet sans sucres ajoutés" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5629/file/small-0eb7e881159026a43224248bb6deff86.webp 600w, https://assets.fabulous.ch/public/variant_asset/5629/file/medium-1390d719377f0e913f53756e7ed2710e.webp 900w, https://assets.fabulous.ch/public/variant_asset/5629/file/large-b770ef643525afb0feb6719bc5ee4197.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5629/file/medium-1390d719377f0e913f53756e7ed2710e.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">Birkengold</p>
          <a href="/fr/products/biscuits-birkengold-cookie-epeautre-complet-sans-sucres-ajoutes-125-g-10845">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biscuits Birkengold Cookie Épeautre Complet sans sucres ajoutés, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="080BL4MeSB0ucxdfWS_yQIJDq80I_Cj1e-davHbxTzOo-vY4Vq3Ttloqjaa6JbLeD-ef72oGveXFk_aaHOhytw" />
    <input value="10845" 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/guimauve-vegan-marshmallows-vanilla-105-g-10876">
          <img alt="Guimauve Vegan Marshmallows Vanilla" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5634/file/small-36d4e50b816a7a135057ab6c21e5d0a1.webp 600w, https://assets.fabulous.ch/public/variant_asset/5634/file/medium-335a2c2b9c5127e4bd454116a090a1d2.webp 900w, https://assets.fabulous.ch/public/variant_asset/5634/file/large-aec6c7f088157dac4f9fa73a3f232060.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5634/file/medium-335a2c2b9c5127e4bd454116a090a1d2.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/guimauve-vegan-marshmallows-vanilla-105-g-10876">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Guimauve Vegan Marshmallows Vanilla, 105 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-10876-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/guimauve-vegan-marshmallows-fraise-105-g-10877">
          <img alt="Guimauve Vegan Marshmallows Fraise" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5635/file/small-ad94c127d74abd7a85c6fc1dee3b3f12.webp 600w, https://assets.fabulous.ch/public/variant_asset/5635/file/medium-d2f3d2f35d17b37120d133b6fe932736.webp 900w, https://assets.fabulous.ch/public/variant_asset/5635/file/large-cecc4655f50295019d69ce4f0bd1faa7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5635/file/medium-d2f3d2f35d17b37120d133b6fe932736.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/guimauve-vegan-marshmallows-fraise-105-g-10877">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Guimauve Vegan Marshmallows Fraise, 105 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-10877-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/pate-a-tartiner-patate-douce-au-romarin-bio-135-g-10939">
          <img alt="Pâte à tartiner Patate douce au romarin bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5655/file/small-534f96859fcf6c4ab376429612852063.webp 600w, https://assets.fabulous.ch/public/variant_asset/5655/file/medium-a7ecea8dfa933a607012b7d225069c9a.webp 900w, https://assets.fabulous.ch/public/variant_asset/5655/file/large-c50bb012880ed3ad3a9eaea41aacc6ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5655/file/medium-a7ecea8dfa933a607012b7d225069c9a.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">Nabio</p>
          <a href="/fr/products/pate-a-tartiner-patate-douce-au-romarin-bio-135-g-10939">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pâte à tartiner Patate douce au romarin bio, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RomjBrY9fAJypV3SFgEHLivT3GTNsGIV4-4V5aYKlnc9vlQRY47nqQb8xyv1C0ewpnfoRq9K9wVdmrnDzBOr8w" />
    <input value="10939" 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/pate-a-tartiner-bruschetta-tomate-sechee-bio-135-g-10942">
          <img alt="Pâte à tartiner Bruschetta Tomate Séchée Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5659/file/small-e39595e6cb89428af39b9a475f146633.webp 600w, https://assets.fabulous.ch/public/variant_asset/5659/file/medium-0b3f18ed2b5201b31135532e2487f615.webp 900w, https://assets.fabulous.ch/public/variant_asset/5659/file/large-812d79dfcd512f90e3f400d6b2bc528c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5659/file/medium-0b3f18ed2b5201b31135532e2487f615.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">Nabio</p>
          <a href="/fr/products/pate-a-tartiner-bruschetta-tomate-sechee-bio-135-g-10942">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pâte à tartiner Bruschetta Tomate Séchée Bio, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ggAsffc0J9RmSgx9VUu0lYYXHCsk2F0lmOI6ONQR1p75N9tqIoe8fxITloS2QfQLC7MoCUYiyDUmlpYevgjrGg" />
    <input value="10942" 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/lifebar-barres-proteinees-cru-fraise-bio-40-g-11023">
          <img alt="Lifebar Barres protéinées Cru Fraise Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5666/file/small-89a133204b10f11b7fb361c2e081ba1c.webp 600w, https://assets.fabulous.ch/public/variant_asset/5666/file/medium-08ff38eeca9abca9b909ab56f751f7f6.webp 900w, https://assets.fabulous.ch/public/variant_asset/5666/file/large-d8df3bfdb204243dc41c39750fdb65b8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5666/file/medium-08ff38eeca9abca9b909ab56f751f7f6.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">Lifefood</p>
          <a href="/fr/products/lifebar-barres-proteinees-cru-fraise-bio-40-g-11023">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lifebar Barres protéinées Cru Fraise Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.75
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="K9rMS5zscEawlbAl0gYOH9bZUY1WA_oduvv3FnpiA1pQ7TtcSV_r7cTMKtwxDE6BW31lrzT5bw0Ej1swEHs-3g" />
    <input value="11023" 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/muesli-granola-nature-sans-gluten-bio-350-g-11024">
          <img alt="Muesli Granola Nature 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/5667/file/small-ae6b062a1e1c8cec79d0019298692492.webp 600w, https://assets.fabulous.ch/public/variant_asset/5667/file/medium-5b67d9d900f13072a003e22e64b645d4.webp 900w, https://assets.fabulous.ch/public/variant_asset/5667/file/large-e62f0bbc865d2bd5e2fd217f0147a7a2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5667/file/medium-5b67d9d900f13072a003e22e64b645d4.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">manifaktur</p>
          <a href="/fr/products/muesli-granola-nature-sans-gluten-bio-350-g-11024">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Muesli Granola Nature sans gluten Bio, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.85
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ERmSMQ4oqHuF7L7JOeBXBmJjjYkrMHpPMpM3CtFS_7VqLmUm25sz0PG1JDDa6heY78e5q0nK71-M55ssu0vCMQ" />
    <input value="11024" 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/veg-1-multivitamin-liquide-pour-bebes-et-jeunes-enfants-150-ml-11099">
          <img alt="Veg 1 Multivitamin liquide pour bébés et jeunes enfants" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5674/file/small-27b96be4cc2d913e7446dd146a5a2ff3.webp 600w, https://assets.fabulous.ch/public/variant_asset/5674/file/medium-cf7a00f7f87bab7b1731f5d911f6f320.webp 900w, https://assets.fabulous.ch/public/variant_asset/5674/file/large-c7f88eb0b80db7c7ea2c9d9619f89dcb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5674/file/medium-cf7a00f7f87bab7b1731f5d911f6f320.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">The Vegan Society</p>
          <a href="/fr/products/veg-1-multivitamin-liquide-pour-bebes-et-jeunes-enfants-150-ml-11099">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Veg 1 Multivitamin liquide pour bébés et jeunes enfants, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.50
            </p>

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

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

</template></turbo-stream>