<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/kochbuch-vegan-mit-familie-geht-doch-1-piece-5608">
          <img alt="Kochbuch Vegan mit Familie - geht doch!" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3252/file/small-910686fe7603450a42b6d77fb4b06a2a.webp 600w, https://assets.fabulous.ch/public/variant_asset/3252/file/medium-5103e240c2412a0cd7c028d6e937a872.webp 900w, https://assets.fabulous.ch/public/variant_asset/3252/file/large-d6a9d3dbfc2b6990427d7c6cce86cfc5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3252/file/medium-5103e240c2412a0cd7c028d6e937a872.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">Buchverlag</p>
          <a href="/fr/products/kochbuch-vegan-mit-familie-geht-doch-1-piece-5608">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kochbuch Vegan mit Familie - geht doch!, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 41.95
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-5608-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/jod-das-standardwerk-kauffmann-kyra-1-piece-5609">
          <img alt="Jod Das Standardwerk Kauffmann Kyra" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3254/file/small-aea4aa3989bbbf81b927eea8e1a8f6b1.webp 600w, https://assets.fabulous.ch/public/variant_asset/3254/file/medium-634e09048508d26bfc1faef9dd6dd520.webp 900w, https://assets.fabulous.ch/public/variant_asset/3254/file/large-53da80b4ade6c7660a315e74256c963f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3254/file/medium-634e09048508d26bfc1faef9dd6dd520.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">Buchverlag</p>
          <a href="/fr/products/jod-das-standardwerk-kauffmann-kyra-1-piece-5609">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Jod Das Standardwerk Kauffmann Kyra, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fGwdPRp8DYXetOIJYvFgIXrZdUyrlzynW9297fu9pBBOCH09V-VF81k0XRGIifxjAwKTQhTrUT5MaDDSJ29O6Q" />
    <input value="5609" 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/puree-de-noix-de-coco-et-d-amandes-avec-dattes-bio-250-g-5650">
          <img alt="Purée de Noix de Coco et d&#39;amandes avec Dattes Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3262/file/small-59c00d0bdf342d86608ae6015903886f.webp 600w, https://assets.fabulous.ch/public/variant_asset/3262/file/medium-dd9c1060ab5b376ba3f02c1a41686dee.webp 900w, https://assets.fabulous.ch/public/variant_asset/3262/file/large-c43b7df6fbc25cdb06d6ea1cab2219f1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3262/file/medium-dd9c1060ab5b376ba3f02c1a41686dee.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/puree-de-noix-de-coco-et-d-amandes-avec-dattes-bio-250-g-5650">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Purée de Noix de Coco et d&#39;amandes avec Dattes Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EBTLfCJsp9MI_o7j59fCtYC1dh6YBhNT5plz1sVykAoicKt8b_XvpY9-MfsNr173-W6QECd6fsrxLP7pGaB68w" />
    <input value="5650" 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/cotons-demaquillants-cosmetic-pads-reutilisable-7-pieces-7-piece-5652">
          <img alt="Cotons démaquillants Cosmetic Pads Réutilisable, 7 pieces" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3263/file/small-68827bf7fc093c2406ce8543af0c02d8.webp 600w, https://assets.fabulous.ch/public/variant_asset/3263/file/medium-13b689da0a5f5f13329781f4864ada4e.webp 900w, https://assets.fabulous.ch/public/variant_asset/3263/file/large-2231f5c3f386c7477be266b87b6c4faf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3263/file/medium-13b689da0a5f5f13329781f4864ada4e.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">Fair Squared</p>
          <a href="/fr/products/cotons-demaquillants-cosmetic-pads-reutilisable-7-pieces-7-piece-5652">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cotons démaquillants Cosmetic Pads Réutilisable, 7 pieces, 7 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.65
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="C1fBU6IL6-I4cKZb_vmUcwAwemH_RANiM-YqyFpyB9Y5M6FT75KjlL_wGUMUgQgxeeucb0A4bvskU6f3hqDtLw" />
    <input value="5652" 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/la-coupe-menstruelle-medium-fair-squared-1-piece-5653">
          <img alt="La Coupe Menstruelle MEDIUM Fair Squared" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3264/file/small-92c182be52733fb8bfde0f9a7fa3366e.webp 600w, https://assets.fabulous.ch/public/variant_asset/3264/file/medium-3d821c8decf246005f4e40d819e10b51.webp 900w, https://assets.fabulous.ch/public/variant_asset/3264/file/large-419b10c4305004cc309f501a551b47a9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3264/file/medium-3d821c8decf246005f4e40d819e10b51.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">Fair Squared</p>
          <a href="/fr/products/la-coupe-menstruelle-medium-fair-squared-1-piece-5653">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">La Coupe Menstruelle MEDIUM Fair Squared, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.45
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8u5jDWl9CB_5jqR4zYKUtr_JmNyQowqCmhu0-gXA2CbAigMNJORAaX4OG2An-gj0xhJ-0i_fZxuNrjnF2RIy3w" />
    <input value="5653" 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/la-coupe-menstruelle-large-fair-squared-1-piece-5654">
          <img alt="La Coupe Menstruelle LARGE Fair Squared" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3266/file/small-4bc728a6a337e011e5a76399defe8023.webp 600w, https://assets.fabulous.ch/public/variant_asset/3266/file/medium-3cfb0355a227964acce2646bf45632c2.webp 900w, https://assets.fabulous.ch/public/variant_asset/3266/file/large-4b6cd6c310d626187ffb6e5f51c6543b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3266/file/medium-3cfb0355a227964acce2646bf45632c2.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">Fair Squared</p>
          <a href="/fr/products/la-coupe-menstruelle-large-fair-squared-1-piece-5654">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">La Coupe Menstruelle LARGE Fair Squared, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.45
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yl9r6YE2dEBJs78A60ZoyVw0j2e9zmg2DgoYA9lHlgr4OwvpzK88Ns4zABgBPvSLJe9paQKyBa8Zv5U8BZV88w" />
    <input value="5654" 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/savon-d-aleppo-traditionnel-100-biodegradable-200-g-5656">
          <img alt="Savon d&#39;Aleppo Traditionnel 100% biodégradable" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3267/file/small-1f0bfd5850b2b365e5c1f3fabc7b1af4.webp 600w, https://assets.fabulous.ch/public/variant_asset/3267/file/medium-2abcd3bd9b0ac0c3769954f7ac408620.webp 900w, https://assets.fabulous.ch/public/variant_asset/3267/file/large-b7a1e4144b487f02d1da9c94a1fa1e76.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3267/file/medium-2abcd3bd9b0ac0c3769954f7ac408620.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">NaturKraftWerke</p>
          <a href="/fr/products/savon-d-aleppo-traditionnel-100-biodegradable-200-g-5656">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Savon d&#39;Aleppo Traditionnel 100% biodégradable, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.65
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bWSLvPHr6Oukl6gM873-UoDnvoEymNPkCnjXxEJKAqRfAOu8vHKgnSMXFxQZxWIQ-TxYj43kvn0dzVr7npjoXQ" />
    <input value="5656" 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/savon-d-huiles-vegetales-savon-de-marseille-300-g-5659">
          <img alt="Savon d&#39;huiles Végétales &quot;Savon de Marseille&quot;" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3268/file/small-303e555a02a215c7d4d6a045a6edbef0.webp 600w, https://assets.fabulous.ch/public/variant_asset/3268/file/medium-d85dbd0fd08ef58f0c296129bee2d433.webp 900w, https://assets.fabulous.ch/public/variant_asset/3268/file/large-46a8cf069c0e5b2a651c0b5b4917cc01.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3268/file/medium-d85dbd0fd08ef58f0c296129bee2d433.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">Savon du Midi</p>
          <a href="/fr/products/savon-d-huiles-vegetales-savon-de-marseille-300-g-5659">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Savon d&#39;huiles Végétales &quot;Savon de Marseille&quot;, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.40
            </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-5659-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="u7Nl3YISZz7OJT297sTye5SXwVB04EKzBzkGwWudEEiJ1wXdz4svSEmlgqUEvG457UwnXsucLyoQjIv-t0_6sQ" />
    <input value="5659" 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/savon-amla-savon-d-huile-vegetale-100-g-5660">
          <img alt="Savon Amla Savon d&#39;huile végétale" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3269/file/small-79ec9065cc4f138481a8071094c35d44.webp 600w, https://assets.fabulous.ch/public/variant_asset/3269/file/medium-4e03536a20e85f5ca8698763566ced59.webp 900w, https://assets.fabulous.ch/public/variant_asset/3269/file/large-35bf53f87b58f56af75b0535ebc7ee92.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3269/file/medium-4e03536a20e85f5ca8698763566ced59.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">apeiron natural care</p>
          <a href="/fr/products/savon-amla-savon-d-huile-vegetale-100-g-5660">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Savon Amla Savon d&#39;huile végétale, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.95
            </p>

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

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

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

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


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/puree-d-amandes-blanches-de-l-europe-bio-250-g-5663">
          <img alt="Purée d&#39;Amandes Blanches de l&#39;Europe Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3271/file/small-4ab69eee412fadb311e0146cf113dd3a.webp 600w, https://assets.fabulous.ch/public/variant_asset/3271/file/medium-5729ab4278f9021f7ea80376e6bd5d1d.webp 900w, https://assets.fabulous.ch/public/variant_asset/3271/file/large-b88bf69ea661a0a4697803c45acd4e36.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3271/file/medium-5729ab4278f9021f7ea80376e6bd5d1d.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/puree-d-amandes-blanches-de-l-europe-bio-250-g-5663">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Purée d&#39;Amandes Blanches de l&#39;Europe Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.75
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Y4LGhSGueIYIvikcm49xBj8kgwTYQaeftDsPE38DFzRR5qaFbDcw8I8-lgRx9-1ERv9lCmc9ygajjoIso9H9zQ" />
    <input value="5663" 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/savon-neem-argile-savon-d-huile-vegetale-100-g-5666">
          <img alt="Savon Neem &amp; Argile Savon d&#39;huile végétale" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3276/file/small-12637c3989390c02b13cece235b2cc9c.webp 600w, https://assets.fabulous.ch/public/variant_asset/3276/file/medium-a4de73675b0ee028b6e60fe04cc9ba29.webp 900w, https://assets.fabulous.ch/public/variant_asset/3276/file/large-bd391c2a6c5b1d3aafad2f16631288e5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3276/file/medium-a4de73675b0ee028b6e60fe04cc9ba29.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">apeiron natural care</p>
          <a href="/fr/products/savon-neem-argile-savon-d-huile-vegetale-100-g-5666">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Savon Neem &amp; Argile Savon d&#39;huile végétale, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.95
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-5666-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/paille-en-verre-avec-brosse-de-nettoyage-23cm-4-pcs-1-piece-5685">
          <img alt="Paille en verre avec brosse de nettoyage 23cm, 4 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3281/file/small-509dcd2b22b86ff51cc2c9d85fd3e2a2.webp 600w, https://assets.fabulous.ch/public/variant_asset/3281/file/medium-973fda2941c803cdec7fb69929667aa2.webp 900w, https://assets.fabulous.ch/public/variant_asset/3281/file/large-9f92a241e07105f430f01f0733fd6e37.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3281/file/medium-973fda2941c803cdec7fb69929667aa2.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">Gefu</p>
          <a href="/fr/products/paille-en-verre-avec-brosse-de-nettoyage-23cm-4-pcs-1-piece-5685">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Paille en verre avec brosse de nettoyage 23cm, 4 pcs, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="l5Ljtrh3k5s2iftQLYXs12XPyH9bbsplv2ZfQq9ySPSl9oO29e7b7bEJREjH_XCVHBQuceQSp_yo09J9c6CiDQ" />
    <input value="5685" 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/paille-en-verre-noir-avec-brosse-de-nettoyage-18cm-4-pcs-1-piece-5686">
          <img alt="Paille en verre noir avec brosse de nettoyage 18cm, 4 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3283/file/small-43d03a5a5ea0cdea99754fda18ff2cf2.webp 600w, https://assets.fabulous.ch/public/variant_asset/3283/file/medium-40a3d841291194329ca5f1156c37ae54.webp 900w, https://assets.fabulous.ch/public/variant_asset/3283/file/large-025513a96c48bebcc21dd99e87aa0452.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3283/file/medium-40a3d841291194329ca5f1156c37ae54.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">Gefu</p>
          <a href="/fr/products/paille-en-verre-noir-avec-brosse-de-nettoyage-18cm-4-pcs-1-piece-5686">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Paille en verre noir avec brosse de nettoyage 18cm, 4 pcs, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fYwq2OvlkppCWiY1SFDfVdbuOVdBSt8gxemKPszruaxP6ErYpnza7MXamS2iKEMXrzXfWf42srnSXAcBEDlTVQ" />
    <input value="5686" 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/paille-en-acier-inoxydable-avec-brosse-de-nettoyage-21-5cm-4-pcs-1-piece-5687">
          <img alt="Paille en acier inoxydable avec brosse de nettoyage 21.5cm, 4 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3285/file/small-fe69bd73df7b971fdb3a366f40ff2d2e.webp 600w, https://assets.fabulous.ch/public/variant_asset/3285/file/medium-74d28bd41e6e3012e5e2a7c8763bb2e9.webp 900w, https://assets.fabulous.ch/public/variant_asset/3285/file/large-22042d7c782d4e35e6065a81ff10e277.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3285/file/medium-74d28bd41e6e3012e5e2a7c8763bb2e9.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">Gefu</p>
          <a href="/fr/products/paille-en-acier-inoxydable-avec-brosse-de-nettoyage-21-5cm-4-pcs-1-piece-5687">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Paille en acier inoxydable avec brosse de nettoyage 21.5cm, 4 pcs, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pEzeaaWA-4nndpTP6-69DIyMuPHcCVI2hjSdCtXzLsaWKL5p6Bmz_2D2K9cBliFO9Vde_2N1P6-RgRA1CSHEPw" />
    <input value="5687" 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/paille-en-acier-courbe-avec-brosse-de-nettoyage-21-5cm-4-pcs-1-piece-5688">
          <img alt="Paille en acier courbé avec brosse de nettoyage 21.5cm, 4 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3286/file/small-83a372b036a5f7160a7aee54b3754c61.webp 600w, https://assets.fabulous.ch/public/variant_asset/3286/file/medium-d1180b2cd877afbf6d64b4fa2545226b.webp 900w, https://assets.fabulous.ch/public/variant_asset/3286/file/large-3512e0a5cecf1a124cb29c4fedbbc633.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3286/file/medium-d1180b2cd877afbf6d64b4fa2545226b.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">Gefu</p>
          <a href="/fr/products/paille-en-acier-courbe-avec-brosse-de-nettoyage-21-5cm-4-pcs-1-piece-5688">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Paille en acier courbé avec brosse de nettoyage 21.5cm, 4 pcs, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="D_x1EdQiexIelXOTMP3ZMljwVpX1_M1gUtNHshPvbhI9mBURmbszZJkVzIvahUVwISuwm0qAoPlFZsqNzz2E6w" />
    <input value="5688" 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/xylit-sirop-bio-gingembre-sucree-avec-sucre-de-bouleau-500-ml-5691">
          <img alt="Xylit Sirop Bio Gingembre Sucrée avec sucre de bouleau" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3287/file/small-b16d483b62648b41982e3ef349aef23c.webp 600w, https://assets.fabulous.ch/public/variant_asset/3287/file/medium-ef11810ce445439de71d102f73622aea.webp 900w, https://assets.fabulous.ch/public/variant_asset/3287/file/large-dff5ab51c05f98657c3bda73c365f285.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3287/file/medium-ef11810ce445439de71d102f73622aea.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Tautona</p>
          <a href="/fr/products/xylit-sirop-bio-gingembre-sucree-avec-sucre-de-bouleau-500-ml-5691">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xylit Sirop Bio Gingembre Sucrée avec sucre de bouleau, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.80
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/fr/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    M&#39;avertir
</a>

      </div>
    </div>
  </div>


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/je-ne-suis-pas-un-fromage-d-italie-sans-gluten-bio-200-g-5706">
          <img alt="&quot;Je ne suis pas un fromage d&#39;Italie&quot; 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/3292/file/small-284800cc58bfefdeef9fd04aa8a94b47.webp 600w, https://assets.fabulous.ch/public/variant_asset/3292/file/medium-c47955507187b4a2f95505b123a67384.webp 900w, https://assets.fabulous.ch/public/variant_asset/3292/file/large-cd1e7d9eac5d4c1a6229f4427e7deba2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3292/file/medium-c47955507187b4a2f95505b123a67384.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">Soyana</p>
          <a href="/fr/products/je-ne-suis-pas-un-fromage-d-italie-sans-gluten-bio-200-g-5706">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">&quot;Je ne suis pas un fromage d&#39;Italie&quot; Sans Gluten Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.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 2.60 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wERXzPadBm7EXrbFW6Rkzpe_90IIMdnmnEPH1ASh0N_yIDfMuwROGEPeCd2x3PiM7mQRTLdNtH-L9krr2HM6Jg" />
    <input value="5706" 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/tempeh-naturel-bio-180-g-5707">
          <img alt="Tempeh Naturel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3293/file/small-4f067327d44a6081a7d72a507ddb3833.webp 600w, https://assets.fabulous.ch/public/variant_asset/3293/file/medium-120205a6549811146eaff05fc740f5a8.webp 900w, https://assets.fabulous.ch/public/variant_asset/3293/file/large-5f488eeca93ce34e11f1896534c7c389.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3293/file/medium-120205a6549811146eaff05fc740f5a8.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">Soyana</p>
          <a href="/fr/products/tempeh-naturel-bio-180-g-5707">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tempeh Naturel Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.05
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KLDOxLLNcvzgxlXBSW5IzY0gmktoIm2KLUMMTfOogzga1K7E_1Q6imdG6tmjFtSP9Pt8RddeABM69oFyL3ppwQ" />
    <input value="5707" 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/je-ne-suis-pas-une-saucisse-bratwurst-bio-100-g-5708">
          <img alt="&quot;Je ne suis pas une saucisse bratwurst&quot; Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3294/file/small-9d9f7ffb7d2da64eefd035ed148c370d.webp 600w, https://assets.fabulous.ch/public/variant_asset/3294/file/medium-6843749863ed6d97542c9114bf4eec1f.webp 900w, https://assets.fabulous.ch/public/variant_asset/3294/file/large-6d3d8014755214574e4e39007ba665c0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3294/file/medium-6843749863ed6d97542c9114bf4eec1f.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">Soyana</p>
          <a href="/fr/products/je-ne-suis-pas-une-saucisse-bratwurst-bio-100-g-5708">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">&quot;Je ne suis pas une saucisse bratwurst&quot; Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.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 5.20 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ENlWL5JksyoE2AFM_jUlwTG-wSTHJPIi9cNBmdeGmtAivTYv3_37XINYvlQUTbmDSGUnKnhYn7vidsymC1RwKQ" />
    <input value="5708" 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/physalis-qualite-crudite-bio-100-g-5709">
          <img alt="Physalis Qualité Crudité Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3295/file/small-149fe9cf6bd5f8a5397ab3068439de16.webp 600w, https://assets.fabulous.ch/public/variant_asset/3295/file/medium-e89070efc9cb673ea3f0869b3b19c0e5.webp 900w, https://assets.fabulous.ch/public/variant_asset/3295/file/large-fb1933a4b661e41778ab3bdea60d20f9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3295/file/medium-e89070efc9cb673ea3f0869b3b19c0e5.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">Flores Farm</p>
          <a href="/fr/products/physalis-qualite-crudite-bio-100-g-5709">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Physalis Qualité Crudité Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

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

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

</template></turbo-stream>