<turbo-stream action="append" target="products_grid"><template>
    

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/brosse-interdentaire-0-45mm-sansplastique-6-pcs-6-piece-7327">
          <img alt="Brosse interdentaire 0.45mm #sansplastique, 6 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4186/file/small-6e2ff5ba9728493f47e39948174b28b5.webp 600w, https://assets.fabulous.ch/public/variant_asset/4186/file/medium-cbd178370e57e9edc3636b7be44ffcb1.webp 900w, https://assets.fabulous.ch/public/variant_asset/4186/file/large-0834c24e55dafe2f1a146452821fc2d7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4186/file/medium-cbd178370e57e9edc3636b7be44ffcb1.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">Hydrophil</p>
          <a href="/fr/products/brosse-interdentaire-0-45mm-sansplastique-6-pcs-6-piece-7327">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Brosse interdentaire 0.45mm #sansplastique, 6 pcs, 6 pièces</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 0.83 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="s-gMT0lYA2_VWjVmXJMcJuF5vc4CooLACVEVj2z4QvLtbDZ3bmZNEQbnvPt9SmnraYP3v21NvvfFoCkZhhxWmw" />
    <input value="7327" 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/brosse-interdentaire-0-50mm-sansplastique-6-pcs-6-piece-7328">
          <img alt="Brosse interdentaire 0.50mm #sansplastique, 6 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4189/file/small-94666fa5598197c85fec70bc24652616.webp 600w, https://assets.fabulous.ch/public/variant_asset/4189/file/medium-5c1969d7571ca9a565a61b36da558d51.webp 900w, https://assets.fabulous.ch/public/variant_asset/4189/file/large-4492e135112b7578c716e388be3b622f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4189/file/medium-5c1969d7571ca9a565a61b36da558d51.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">Hydrophil</p>
          <a href="/fr/products/brosse-interdentaire-0-50mm-sansplastique-6-pcs-6-piece-7328">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Brosse interdentaire 0.50mm #sansplastique, 6 pcs, 6 pièces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dizfkC4tPLv1gTindzd67AH1P7W5sXjjyCbOtYoUFVgoqOWoCRNyxSY8sTpW7g8hiQ91xNZeRNQE1_IjYPABMQ" />
    <input value="7328" 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/brosse-interdentaire-0-60mm-sansplastique-6-pcs-6-piece-7329">
          <img alt="Brosse interdentaire 0.60mm #sansplastique, 6 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4190/file/small-ca7b58a4293144026eef46bb87033fc5.webp 600w, https://assets.fabulous.ch/public/variant_asset/4190/file/medium-2d32205799f54323efb7ff9b2938aa08.webp 900w, https://assets.fabulous.ch/public/variant_asset/4190/file/large-581e10fb2fae63262a5b69ebc8be83cb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4190/file/medium-2d32205799f54323efb7ff9b2938aa08.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">Hydrophil</p>
          <a href="/fr/products/brosse-interdentaire-0-60mm-sansplastique-6-pcs-6-piece-7329">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Brosse interdentaire 0.60mm #sansplastique, 6 pcs, 6 pièces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sTO3FLBDOVG7a4hdKk7Jqvme85Cf8avFAqtYx4QqqBXvt40sl313L2jWAcALl7xncWS54fAel_LOWmRRbs68fA" />
    <input value="7329" 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/barre-de-chocolat-bunnycomb-vegetalien-sans-gluten-20-g-7375">
          <img alt="Barre de Chocolat Bunnycomb Végétalien Sans Gluten" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4236/file/small-6d45c7f825c5fb3488a03b57214d10cd.webp 600w, https://assets.fabulous.ch/public/variant_asset/4236/file/medium-482b1a088a9449fc5df59b4922b58414.webp 900w, https://assets.fabulous.ch/public/variant_asset/4236/file/large-7a3714de6ba9f8f63b12ea579047bf62.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4236/file/medium-482b1a088a9449fc5df59b4922b58414.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Moo Free Chocolates</p>
          <a href="/fr/products/barre-de-chocolat-bunnycomb-vegetalien-sans-gluten-20-g-7375">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Barre de Chocolat Bunnycomb Végétalien Sans Gluten, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.50
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-7375-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/loma-linda-tuno-alternative-vegetalien-au-thon-142-g-7378">
          <img alt="Loma Linda Tuno Alternative Végétalien au Thon" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4238/file/small-4488144308fdfcf2ad6e84beeaf6a1a6.webp 600w, https://assets.fabulous.ch/public/variant_asset/4238/file/medium-d968ed1c1aea1f800f7535d40d935a17.webp 900w, https://assets.fabulous.ch/public/variant_asset/4238/file/large-4b6bb7a950ed789afd5c365ab4bc38d4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4238/file/medium-d968ed1c1aea1f800f7535d40d935a17.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">Loma Linda</p>
          <a href="/fr/products/loma-linda-tuno-alternative-vegetalien-au-thon-142-g-7378">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Loma Linda Tuno Alternative Végétalien au Thon, 142 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-7378-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/petits-pois-demeter-350-ml-7439">
          <img alt="Petits pois Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8869/file/small-98a3902d574d71df6382aeb51c182e9b.webp 600w, https://assets.fabulous.ch/public/variant_asset/8869/file/medium-d0471a5d0517fa4781cc284fc419d325.webp 900w, https://assets.fabulous.ch/public/variant_asset/8869/file/large-4dfecf7065903f329460338169525294.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8869/file/medium-d0471a5d0517fa4781cc284fc419d325.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">de Rit</p>
          <a href="/fr/products/petits-pois-demeter-350-ml-7439">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Petits pois Demeter, 350 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.05
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-7439-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/amidon-de-mais-fin-bio-250-g-7449">
          <img alt="Amidon de maïs fin Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4264/file/small-e8864a57565cb890c1b3e7c6c78b9ec6.webp 600w, https://assets.fabulous.ch/public/variant_asset/4264/file/medium-d2ca80902e1eeec66ff4f74fb4b9ba91.webp 900w, https://assets.fabulous.ch/public/variant_asset/4264/file/large-a82f2261f3ddeda323318d03889f015f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4264/file/medium-d2ca80902e1eeec66ff4f74fb4b9ba91.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">Biovegan</p>
          <a href="/fr/products/amidon-de-mais-fin-bio-250-g-7449">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Amidon de maïs fin Bio, 250 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 1.40 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1F2G4jx3nY33uWSqQvQEcyHlr6YDTG0h_CW8ObWG44-K2bzaG0nT8yQE7TdjLXG-qR_l12yjURYw1ICvX2L35g" />
    <input value="7449" 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/crunchy-fruity-cerises-croquants-qualite-crue-bio-20-g-7502">
          <img alt="Crunchy Fruity Cerises Croquants Qualité Crue Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4311/file/small-41942e0afe25ef3a4d2d89538db7529e.webp 600w, https://assets.fabulous.ch/public/variant_asset/4311/file/medium-4e4390131c935656496474de3d82dd50.webp 900w, https://assets.fabulous.ch/public/variant_asset/4311/file/large-c91764618c6babef19ca4d5c90456257.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4311/file/medium-4e4390131c935656496474de3d82dd50.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">Organica</p>
          <a href="/fr/products/crunchy-fruity-cerises-croquants-qualite-crue-bio-20-g-7502">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Crunchy Fruity Cerises Croquants Qualité Crue Bio, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uSFsoOJl0OglxsHPuar-BT_QEs8TFKBB8mR5Q0-77hLnpVaYxVuelvZ7SFKYc4vItypYvnz7nHY-lUXVpV_6ew" />
    <input value="7502" 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/plat-complet-quinoa-millet-haricots-rouges-sans-gluten-bio-220-g-7511">
          <img alt="Plat complet Quinoa-Millet Haricots Rouges 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/4320/file/small-e9b8871c62121f52bc492b0f59cbe264.webp 600w, https://assets.fabulous.ch/public/variant_asset/4320/file/medium-9372a7b74cfd9026a08d7c6ad9bc6112.webp 900w, https://assets.fabulous.ch/public/variant_asset/4320/file/large-8bc65394b31201e900dfea013f32fdbd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4320/file/medium-9372a7b74cfd9026a08d7c6ad9bc6112.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">Ma Vie Sans Gluten</p>
          <a href="/fr/products/plat-complet-quinoa-millet-haricots-rouges-sans-gluten-bio-220-g-7511">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Plat complet Quinoa-Millet Haricots Rouges Sans Gluten Bio, 220 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 2.25 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="e5gTtwDX6eIp2NKV3iRByebJ2hQKynLYNTF5jiz-mlQlHCmPJ-mnnPplWwj__TQEbjOQZWUlTu_5wEUYxhqOPQ" />
    <input value="7511" 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/petits-oignons-blancs-demeter-340-ml-7514">
          <img alt="Petits Oignons Blancs Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4323/file/small-598bb304b682069ca246fed4b4b3d3be.webp 600w, https://assets.fabulous.ch/public/variant_asset/4323/file/medium-815f2098501fe861f86582d1d90eced4.webp 900w, https://assets.fabulous.ch/public/variant_asset/4323/file/large-eb02a9780d718bafe0e6caf98135d6ea.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4323/file/medium-815f2098501fe861f86582d1d90eced4.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">Nur Puur</p>
          <a href="/fr/products/petits-oignons-blancs-demeter-340-ml-7514">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Petits Oignons Blancs Demeter, 340 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gk9JaHDFQerz2APNsFBbiLKKUwNXaIPhtMKOY2QuLfDcy3NQV_sPlCBlilCRiS5FOnAZcjiHv9Z4M7L1jso5mQ" />
    <input value="7514" 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/petits-pois-carottes-demeter-350-ml-7515">
          <img alt="Petits pois &amp; carottes Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4324/file/small-d55ff9e0d3b040daaaee0011d8f710a0.webp 600w, https://assets.fabulous.ch/public/variant_asset/4324/file/medium-7bd11d2d62beafc2d22cd3458d10d345.webp 900w, https://assets.fabulous.ch/public/variant_asset/4324/file/large-0c3d853d66dbc83dfa898de1fee338a5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4324/file/medium-7bd11d2d62beafc2d22cd3458d10d345.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">Nur Puur</p>
          <a href="/fr/products/petits-pois-carottes-demeter-350-ml-7515">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Petits pois &amp; carottes Demeter, 350 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QCiHtI-3h8g5DVXxNVFnULC_MBpet74IrOw8jyplG4MerL2MqInJtuqw3GwUiBKdOEV6azFYgj9gHQAZwIEP6g" />
    <input value="7515" 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/soupe-natur-compagnie-soupe-aux-legumes-bio-18-g-7520">
          <img alt="Soupe Natur Compagnie Soupe aux Légumes Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4329/file/small-dd5049d3d1b5c55f146b2eeee307f65f.webp 600w, https://assets.fabulous.ch/public/variant_asset/4329/file/medium-02dd6f1f825b7609fe056a588d6f9809.webp 900w, https://assets.fabulous.ch/public/variant_asset/4329/file/large-0b510b25fde2335d5708deb265101a33.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4329/file/medium-02dd6f1f825b7609fe056a588d6f9809.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">Natur Compagnie</p>
          <a href="/fr/products/soupe-natur-compagnie-soupe-aux-legumes-bio-18-g-7520">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soupe Natur Compagnie Soupe aux Légumes Bio, 18 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 21.11 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="alauDj0n_po7VqVEBFF5gXTy0MiO91MjlYMWUMuxwFw00pQ2Ghmw5OjrLNkliAxM_AiaueEYbxRZcirGIVXUNQ" />
    <input value="7520" 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/soupe-natur-compagnie-soupe-a-la-tomates-bio-20-g-7521">
          <img alt="Soupe Natur Compagnie Soupe à la Tomates Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4330/file/small-70bd278278b6d516d15ad9e9eea57258.webp 600w, https://assets.fabulous.ch/public/variant_asset/4330/file/medium-7ed41bdea66a3a83a5d6fae0e02faa44.webp 900w, https://assets.fabulous.ch/public/variant_asset/4330/file/large-d2489ea3d226d6f89a73e170e7a8033c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4330/file/medium-7ed41bdea66a3a83a5d6fae0e02faa44.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">Natur Compagnie</p>
          <a href="/fr/products/soupe-natur-compagnie-soupe-a-la-tomates-bio-20-g-7521">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soupe Natur Compagnie Soupe à la Tomates Bio, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.55
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mQkd0Z4abBm7xfvDtS7akm7vDmbXk9KfiYOkhuZPdkfHjSfpuSQiZ2h4cl6U969f5hVEF7h87qhFcpgQDKtiLg" />
    <input value="7521" 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/flocons-de-piment-bio-45-g-7536">
          <img alt="Flocons de piment Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4339/file/small-728e8dd5e2b8dcf28acd237b933aab78.webp 600w, https://assets.fabulous.ch/public/variant_asset/4339/file/medium-1af5a9d6927c4ecf0eabe71ba1bbd8ac.webp 900w, https://assets.fabulous.ch/public/variant_asset/4339/file/large-2ea8c899c2f19f1ca0a68681e06fd0f9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4339/file/medium-1af5a9d6927c4ecf0eabe71ba1bbd8ac.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/fr/products/flocons-de-piment-bio-45-g-7536">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Flocons de piment Bio, 45 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 8.44 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ga6KdQdQ-7J0FVkNk9uA_MEtmeI8ABZ1CqlQPa-p6QZHKrBNIG61zKeo0JCyAvUxSdfTk1PvKkLGWGyrRU39bw" />
    <input value="7536" 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/persil-coupe-bio-15-g-7537">
          <img alt="Persil Coupé bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4340/file/small-c5e8eeaf4ff660382532f2a8eb4b80aa.webp 600w, https://assets.fabulous.ch/public/variant_asset/4340/file/medium-8e40b4a4ca60e80948a3288e4129e1ee.webp 900w, https://assets.fabulous.ch/public/variant_asset/4340/file/large-dc2de76926cec29db11a297b3f3ad671.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4340/file/medium-8e40b4a4ca60e80948a3288e4129e1ee.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/fr/products/persil-coupe-bio-15-g-7537">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Persil Coupé bio, 15 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KX4Wn_kthdaBlpnErO8pJW6_ZH2eRtxjXL2MG2vzJ8Z3-iyn3hPLqFIrEFmNNlzo5kUuDPGp4FSQTLCNgRczrw" />
    <input value="7537" 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/romarin-coupe-bio-25-g-7538">
          <img alt="Romarin Coupé Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4341/file/small-81236d903d3211e50beb1c04a9f69bbc.webp 600w, https://assets.fabulous.ch/public/variant_asset/4341/file/medium-5ebb4b0ca952257d137a985cc77b133e.webp 900w, https://assets.fabulous.ch/public/variant_asset/4341/file/large-1b8a1fd84fb008f97213603ab9a7e995.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4341/file/medium-5ebb4b0ca952257d137a985cc77b133e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/fr/products/romarin-coupe-bio-25-g-7538">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Romarin Coupé Bio, 25 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.55
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5n1yax1QLj_HWpdbMeUFbpjc5wNeV3l_2Ce8nNebrrG4-UhTOm5gQRTnHsYQPHCjECatcjG4RUgU1oAKPX-62A" />
    <input value="7538" 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/basilic-coupe-bio-15-g-7539">
          <img alt="Basilic Coupé bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4342/file/small-7588b56851268c21875f066ff7df21af.webp 600w, https://assets.fabulous.ch/public/variant_asset/4342/file/medium-e8edbb5cedc576354decdadaf86e3894.webp 900w, https://assets.fabulous.ch/public/variant_asset/4342/file/large-6abef769677375fb02d5ce7facba874b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4342/file/medium-e8edbb5cedc576354decdadaf86e3894.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/fr/products/basilic-coupe-bio-15-g-7539">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Basilic Coupé bio, 15 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.75
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="k1N1OkpkYrYKNAy_llN4wXsUMg8KCwW4eLhzaTpWUPbN108CbVosyNmJhSK3ig0M8-54fmXkOY-0SU__0LJEnw" />
    <input value="7539" 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/barre-de-chocolat-original-vegetalien-sans-gluten-20-g-7550">
          <img alt="Barre de Chocolat Original Végétalien Sans Gluten" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4349/file/small-e8938927d86e22bc76ad18ca388d2854.webp 600w, https://assets.fabulous.ch/public/variant_asset/4349/file/medium-bae7d82d21eded45d82bbc87d8e6f203.webp 900w, https://assets.fabulous.ch/public/variant_asset/4349/file/large-9b79107417e184d2d7918e5f528451a0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4349/file/medium-bae7d82d21eded45d82bbc87d8e6f203.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Moo Free Chocolates</p>
          <a href="/fr/products/barre-de-chocolat-original-vegetalien-sans-gluten-20-g-7550">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Barre de Chocolat Original Végétalien Sans Gluten, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.50
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-7550-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/pastilles-chocolat-choccy-buttons-sans-gluten-25-g-7551">
          <img alt="Pastilles Chocolat Choccy Buttons Sans Gluten" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4354/file/small-e34cf14c510fe80ad2cece357be9d6c1.webp 600w, https://assets.fabulous.ch/public/variant_asset/4354/file/medium-b13a7f2ac4500b390b92191b987a37bd.webp 900w, https://assets.fabulous.ch/public/variant_asset/4354/file/large-173f09d46e9d256c5088c6c4a9e68471.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4354/file/medium-b13a7f2ac4500b390b92191b987a37bd.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Moo Free Chocolates</p>
          <a href="/fr/products/pastilles-chocolat-choccy-buttons-sans-gluten-25-g-7551">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pastilles Chocolat Choccy Buttons Sans Gluten, 25 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.80
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-7551-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/graines-de-moutarde-jaune-bio-bio-80-g-7565">
          <img alt="Graines de Moutarde Jaune Bio Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4362/file/small-184fd052273c815787491a97514b4e62.webp 600w, https://assets.fabulous.ch/public/variant_asset/4362/file/medium-29a2a2e581eb6802792b49c9db565ed6.webp 900w, https://assets.fabulous.ch/public/variant_asset/4362/file/large-a9c8e5e7606f2697fd456e45e18b6e47.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4362/file/medium-29a2a2e581eb6802792b49c9db565ed6.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lebensbaum</p>
          <a href="/fr/products/graines-de-moutarde-jaune-bio-bio-80-g-7565">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Graines de Moutarde Jaune Bio Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.60
            </p>

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

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

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

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



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

</template></turbo-stream>