<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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D54">
    <i data-ph="heart" class="size-full"></i>
</a>
    <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/simply-v-alternative-au-fromage-a-tartiner-natur-150-g-4248efa8-dd82-4d5d-a618-9d911ab6c605-6321">
          <img alt="Simply V Alternative au fromage à tartiner NATUR" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3632/file/small-6985aa4e0e249eb73ee9c3bfe600eae6.webp 600w, https://assets.fabulous.ch/public/variant_asset/3632/file/medium-67de638fd5cb280503e8e7806742fc7e.webp 900w, https://assets.fabulous.ch/public/variant_asset/3632/file/large-4ed29cdda04f618688c488af75cd72a5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3632/file/medium-67de638fd5cb280503e8e7806742fc7e.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">Simply V</p>
          <a href="/fr/products/simply-v-alternative-au-fromage-a-tartiner-natur-150-g-4248efa8-dd82-4d5d-a618-9d911ab6c605-6321">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Simply V Alternative au fromage à tartiner NATUR, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.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.80 / 100 g
            </p>
        </div>
      </div>

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D54">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/clous-de-girofle-entier-bio-35-g-6447">
          <img alt="Clous de girofle entier Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3697/file/small-0bfdc56bbc0771c442b9a60ddf0176ca.webp 600w, https://assets.fabulous.ch/public/variant_asset/3697/file/medium-bb465ffce48aaa903ab3d08920ffd228.webp 900w, https://assets.fabulous.ch/public/variant_asset/3697/file/large-eabdfb5c9707de5f95a6e07226806587.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3697/file/medium-bb465ffce48aaa903ab3d08920ffd228.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/clous-de-girofle-entier-bio-35-g-6447">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Clous de girofle entier Bio, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.25
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;6447&quot;],&quot;content_name&quot;:&quot;Clous de girofle entier Bio, 35 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;6447&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.25,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UzYxZk66EZBr3iTZvxqwc7wUMi1GaU9x9ayyMXYxFOMArCQ929HaG-QowrGTDPTohDcKdvT2KWeEC04m1eRB1g" />
    <input value="6447" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D54">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/graines-de-coriandre-entieres-bio-35-g-6448">
          <img alt="Graines de coriandre entières Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3698/file/small-c6676cf3d547594d04d3cdc6fbed3c6d.webp 600w, https://assets.fabulous.ch/public/variant_asset/3698/file/medium-fca49b2c68a4bb6f4cccb1607df82809.webp 900w, https://assets.fabulous.ch/public/variant_asset/3698/file/large-f4ff418d39b9290640db313a95ac88b1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3698/file/medium-fca49b2c68a4bb6f4cccb1607df82809.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/graines-de-coriandre-entieres-bio-35-g-6448">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Graines de coriandre entières Bio, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;6448&quot;],&quot;content_name&quot;:&quot;Graines de coriandre entières Bio, 35 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;6448&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9FO3pMXN65DFGyvKQPo_uRFeNscP5auoP2ZmDaoa1hWnyaL_UKYgG0rtzaJs7HsiKX0OnL16zb5OwZoaCc-DIA" />
    <input value="6448" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D54">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/bouillon-vegetal-en-cubes-sans-sucres-ajoutes-bio-126-g-6500">
          <img alt="Bouillon végétal en cubes sans sucres ajoutés Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3722/file/small-47348feeab0fbbe79d274734a7fca806.webp 600w, https://assets.fabulous.ch/public/variant_asset/3722/file/medium-defc8d8f2d5500f96d04ae979fa5d790.webp 900w, https://assets.fabulous.ch/public/variant_asset/3722/file/large-5feead3edd8377c9314e645ca42533fa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3722/file/medium-defc8d8f2d5500f96d04ae979fa5d790.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/bouillon-vegetal-en-cubes-sans-sucres-ajoutes-bio-126-g-6500">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bouillon végétal en cubes sans sucres ajoutés Bio, 126 g</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 1.98 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;6500&quot;],&quot;content_name&quot;:&quot;Bouillon végétal en cubes sans sucres ajoutés Bio, 126 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;6500&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UhizY3PfXunTVAFcv51SKoU2-cYdPmF7x5t_pBOAK3ABgqY45rSVYlyi5zSTixaxvRXBna-hB222PIOzsFV-RQ" />
    <input value="6500" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D54">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/nettoyant-tout-usage-sensitif-500-ml-6510">
          <img alt="Nettoyant tout usage sensitif" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3729/file/small-f70d72fb97a0fdf8e784ed5ee00c6b27.webp 600w, https://assets.fabulous.ch/public/variant_asset/3729/file/medium-ee111f4d8c368833009ab402887c5896.webp 900w, https://assets.fabulous.ch/public/variant_asset/3729/file/large-557a1d173da8639efba9a418d4ed2c60.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3729/file/medium-ee111f4d8c368833009ab402887c5896.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">Sonett</p>
          <a href="/fr/products/nettoyant-tout-usage-sensitif-500-ml-6510">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nettoyant tout usage sensitif, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;6510&quot;],&quot;content_name&quot;:&quot;Nettoyant tout usage sensitif, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;6510&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4OR2aYDa5oFzO-vlW4LE3MHdiT3yL43p2IQMPCFncw2zfmMyFbEtCvzNDY13lIBH-f6xZkCw6_-pI_ArgrImOA" />
    <input value="6510" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D54">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/papier-duplex-pour-alternatives-au-fromage-20-pcs-20-piece-6595">
          <img alt="Papier Duplex pour Alternatives au Fromage, 20 pcs." class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3783/file/small-043b433edb764ca106931e434ef124ea.webp 600w, https://assets.fabulous.ch/public/variant_asset/3783/file/medium-07c4706f321c2ba26f0da507f8f39d82.webp 900w, https://assets.fabulous.ch/public/variant_asset/3783/file/large-b08bf421042b25995c64299563849372.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3783/file/medium-07c4706f321c2ba26f0da507f8f39d82.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">Produced for fabulous!</p>
          <a href="/fr/products/papier-duplex-pour-alternatives-au-fromage-20-pcs-20-piece-6595">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Papier Duplex pour Alternatives au Fromage, 20 pcs., 20 pièces</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 0.23 / Stk.
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;6595&quot;],&quot;content_name&quot;:&quot;Papier Duplex pour Alternatives au Fromage, 20 pcs., 20 pièces&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;6595&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="clmDOeStGGEeNZOCBbcaxlxceyqPb7IG0HL9n0Kuy8Qhw5ZiccbT6pHDdeopoV5dZH9DcT3w1BCh1QGI4Xue8Q" />
    <input value="6595" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D54">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/graines-de-chanvre-entieres-bio-150-g-6779">
          <img alt="Graines de Chanvre entières Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3917/file/small-74aa90eecc14b92d72edf1889e7852fb.webp 600w, https://assets.fabulous.ch/public/variant_asset/3917/file/medium-a7f491b22c7468a3fcaed2c0ebc9d891.webp 900w, https://assets.fabulous.ch/public/variant_asset/3917/file/large-dd97e5702cc91f357e42a6dab307ef7f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3917/file/medium-a7f491b22c7468a3fcaed2c0ebc9d891.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Davert</p>
          <a href="/fr/products/graines-de-chanvre-entieres-bio-150-g-6779">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Graines de Chanvre entières Bio, 150 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 3.30 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;6779&quot;],&quot;content_name&quot;:&quot;Graines de Chanvre entières Bio, 150 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;6779&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ohDleQGLejoBn5OKi7sNnp6NsjbCo01LvgGrhc55ZpzxivAilOCxsY5pdeKnrUkFpq6KbXA8K13PpleSbawzqQ" />
    <input value="6779" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D54">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/lecker-s-orangeat-bio-100-g-7081">
          <img alt="Lecker&#39;s Orangeat Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4071/file/small-c436321d7a58956c3f064992de91a373.webp 600w, https://assets.fabulous.ch/public/variant_asset/4071/file/medium-32b5dbd6c04996319d3c7730e0621344.webp 900w, https://assets.fabulous.ch/public/variant_asset/4071/file/large-f0a0d54677133e8636d8bd57bb5d4e66.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4071/file/medium-32b5dbd6c04996319d3c7730e0621344.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">Lecker&#39;s</p>
          <a href="/fr/products/lecker-s-orangeat-bio-100-g-7081">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lecker&#39;s Orangeat Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;7081&quot;],&quot;content_name&quot;:&quot;Lecker&#39;s Orangeat Bio, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;7081&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xQP3l88VE7WMTukHiUVtmTFbg5ALmWRyJEU-ZPLiNoGWmeLMWn7YPgO4D2-lUykCCXi7y7kGAmRV4sJzUTdjtA" />
    <input value="7081" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D54">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/lecker-s-citronnat-bio-100-g-7082">
          <img alt="Lecker&#39;s Citronnât, Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4069/file/small-8d29d01077bb594529772678c067c225.webp 600w, https://assets.fabulous.ch/public/variant_asset/4069/file/medium-ecdd2d3b04abb45effdd19a9043441fc.webp 900w, https://assets.fabulous.ch/public/variant_asset/4069/file/large-84c2c41efdcdcbe8669e7c3fe96bfa59.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4069/file/medium-ecdd2d3b04abb45effdd19a9043441fc.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">Lecker&#39;s</p>
          <a href="/fr/products/lecker-s-citronnat-bio-100-g-7082">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lecker&#39;s Citronnât, Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;7082&quot;],&quot;content_name&quot;:&quot;Lecker&#39;s Citronnât, Bio, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;7082&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0-vkf3BDXHOJ311nDwuHp7dJRWXA2T841cod_403bhCAcfEk5SiX-AYpuw8jHcM8j2p9PnJGWS6kbeHoLuI7JQ" />
    <input value="7082" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D54">
    <i data-ph="heart" class="size-full"></i>
</a>
    <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/mais-doux-sans-sucres-ajoutes-demeter-340-g-7273">
          <img alt="Maïs doux sans sucres ajoutés Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4123/file/small-03b40bca0bfe9b6f0b83730315419828.webp 600w, https://assets.fabulous.ch/public/variant_asset/4123/file/medium-4fba4a549cb52693e09c26625baef58e.webp 900w, https://assets.fabulous.ch/public/variant_asset/4123/file/large-c803b8cbe36348e6b145124569d74cd4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4123/file/medium-4fba4a549cb52693e09c26625baef58e.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/mais-doux-sans-sucres-ajoutes-demeter-340-g-7273">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Maïs doux sans sucres ajoutés Demeter, 340 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D54">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/boisson-au-petit-pois-barista-1-l-7285">
          <img alt="Boisson au petit pois BARISTA" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4144/file/small-fc48b43084a96e256cbc758cc42c6637.webp 600w, https://assets.fabulous.ch/public/variant_asset/4144/file/medium-337cd6cc47d4086cfceda438b9b2003f.webp 900w, https://assets.fabulous.ch/public/variant_asset/4144/file/large-a0e04e1079009b30ae4e3c328e3dd215.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4144/file/medium-337cd6cc47d4086cfceda438b9b2003f.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">SPROUD</p>
          <a href="/fr/products/boisson-au-petit-pois-barista-1-l-7285">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Boisson au petit pois BARISTA, 1 l</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 0.38 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;7285&quot;],&quot;content_name&quot;:&quot;Boisson au petit pois BARISTA, 1 l&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;7285&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.75,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xs31ecQddu1Lz65odZ8jAUVC11mhuvPdM1AGanj2nFuVV-AiUXa9ZsQ5SABZiWeafWHvAhMllctC9_p92yPJbg" />
    <input value="7285" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D54">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/amaizin-taco-epices-sachet-bio-30-g-7300">
          <img alt="Amaizin Taco Épices Sachet Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4158/file/small-9175840cf8a432b7eeece2e28310955b.webp 600w, https://assets.fabulous.ch/public/variant_asset/4158/file/medium-d5a7d307c0777d2d701b54963d3919a7.webp 900w, https://assets.fabulous.ch/public/variant_asset/4158/file/large-a67419020dfe68c12654d7b20d9f4bf6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4158/file/medium-d5a7d307c0777d2d701b54963d3919a7.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Amaizin</p>
          <a href="/fr/products/amaizin-taco-epices-sachet-bio-30-g-7300">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Amaizin Taco Épices Sachet Bio, 30 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 8.67 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;7300&quot;],&quot;content_name&quot;:&quot;Amaizin Taco Épices Sachet Bio, 30 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;7300&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="B_0FzxRsRVTB7Lxx9ni4kZzDyMaGDANabIYCqjE8nxZUZxCUgQeO304aWhnabvwKpODwnTSTZUwdIf69kunKIw" />
    <input value="7300" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D54">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/brosse-interdentaire-0-40mm-sansplastique-6-pcs-6-piece-7326">
          <img alt="Brosse interdentaire 0.40mm #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/4185/file/small-e934a1a777d2440af78be3b687a68d28.webp 600w, https://assets.fabulous.ch/public/variant_asset/4185/file/medium-78d912578a9a6147e8be1bdbf7b6104c.webp 900w, https://assets.fabulous.ch/public/variant_asset/4185/file/large-0adee94930cf5e2a52ac2dbf4cbdafd8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4185/file/medium-78d912578a9a6147e8be1bdbf7b6104c.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-40mm-sansplastique-6-pcs-6-piece-7326">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Brosse interdentaire 0.40mm #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-7326-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;7326&quot;],&quot;content_name&quot;:&quot;Brosse interdentaire 0.40mm #sansplastique, 6 pcs, 6 pièces&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;7326&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="w1TlzmkC8jJMgxL9SFVynmtbPx5hun1iYzjXlycpvkaQzvCV_Gk5ucN19JVkQzYFU3gHRdMlG3QSnyuAhPzrcw" />
    <input value="7326" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D54">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <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-brand-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 data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;7327&quot;],&quot;content_name&quot;:&quot;Brosse interdentaire 0.45mm #sansplastique, 6 pcs, 6 pièces&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;7327&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-cRncKB2mXmA8cNxzzp7GPgnLZ3jYsGgpvEYFTalyYmqXnIrNR1S8g8HJRnjLD-DwAQVxlH9p7bXVuQClXCcvA" />
    <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 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D54">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <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-brand-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 data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;7328&quot;],&quot;content_name&quot;:&quot;Brosse interdentaire 0.50mm #sansplastique, 6 pcs, 6 pièces&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;7328&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Keg0Tfah1cU9KVJuALcd2xdfF_NJDy1JoxJjUhKQCTZ6ciEWY8oeTrLftAYsoVlAL3wvqPuQS1_StZ9FsUVcAw" />
    <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  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D54">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <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-brand-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 data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;7329&quot;],&quot;content_name&quot;:&quot;Brosse interdentaire 0.60mm #sansplastique, 6 pcs, 6 pièces&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;7329&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RoJ4ssY4Wf1-mM6qOXqUTpZQZd_rlXSCPXuCu3b7uDIVGG3pU1OSdvFuKMIVbNDVrnNdhFkKEpRM3H6s1S7tBw" />
    <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 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D54">
    <i data-ph="heart" class="size-full"></i>
</a>
    <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-brand-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  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D54">
    <i data-ph="heart" class="size-full"></i>
</a>
    <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-brand-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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D54">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <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-brand-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 data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;7502&quot;],&quot;content_name&quot;:&quot;Crunchy Fruity Cerises Croquants Qualité Crue Bio, 20 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;7502&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4d95NggwR74MoLggxBlIn6VbzUTqlJM9vNGnjjo_zzOyRWxtnVuMNYNWXkjoDwwEnXj1H1gL9SvNdluZmeqaBg" />
    <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  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D54">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <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-brand-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 data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;7520&quot;],&quot;content_name&quot;:&quot;Soupe Natur Compagnie Soupe aux Légumes Bio, 18 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;7520&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YtdvOP0e8UDr9e6DIWn7TPQ113lP--MpQiO4kW1UO9wxTXpjaHU6y2QDCOsNf7_XzBbvIv1khT8zhESGzoFu6Q" />
    <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>



</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">
      1&#39;080 sur 1&#39;331 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/collections/under-5?format=turbo_stream&amp;page=55">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>