<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%2Fcategories%2Foriginalbeans%3Fformat%3Dturbo_stream%26page%3D181">
    <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/brochure-vegane-pour-les-animaux-20-g-13398">
          <img alt="Brochure: Végane - Pour les Animaux" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6486/file/small-5bf8de0bd068433febf7fb61b1eb6f48.webp 600w, https://assets.fabulous.ch/public/variant_asset/6486/file/medium-f863302e56986245004964123f80722f.webp 900w, https://assets.fabulous.ch/public/variant_asset/6486/file/large-64d3fe45144f1740977817d9c5529756.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6486/file/medium-f863302e56986245004964123f80722f.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">Swissveg</p>
          <a href="/fr/products/brochure-vegane-pour-les-animaux-20-g-13398">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Brochure: Végane - Pour les Animaux, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 0.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;13398&quot;],&quot;content_name&quot;:&quot;Brochure: Végane - Pour les Animaux, 20 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;13398&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:0.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gR6huWp8jjSUapGZg0wLRswdE437HMnwbfAygENN9segjum-XohAQO6bY5cWnAjPLq90SvhYTmrFP0VSDnC8gQ" />
    <input value="13398" 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%2Fcategories%2Foriginalbeans%3Fformat%3Dturbo_stream%26page%3D181">
    <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/brochure-vegane-pour-la-sante-20-g-13399">
          <img alt="Brochure: Végane - Pour la Santé" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6489/file/small-f27fc01d87a340be5a93913ddd1d1b56.webp 600w, https://assets.fabulous.ch/public/variant_asset/6489/file/medium-6f1e0c50de027116abc150eedb1c841c.webp 900w, https://assets.fabulous.ch/public/variant_asset/6489/file/large-3c09b3bd99f41233812897f70a82bd96.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6489/file/medium-6f1e0c50de027116abc150eedb1c841c.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">Swissveg</p>
          <a href="/fr/products/brochure-vegane-pour-la-sante-20-g-13399">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Brochure: Végane - Pour la Santé, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 0.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;13399&quot;],&quot;content_name&quot;:&quot;Brochure: Végane - Pour la Santé, 20 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;13399&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:0.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZaDyAfpbkg93Hksni3pBOvCcYWbJBABqmpp-3h5SXatEMLoGzq9cew3vuSkeqkKzEi4GocpAh_AyVQkMU28X7Q" />
    <input value="13399" 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%2Fcategories%2Foriginalbeans%3Fformat%3Dturbo_stream%26page%3D181">
    <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/brochure-vegane-pour-l-environnement-20-g-13400">
          <img alt="Brochure: Végane - Pour L&#39;Environnement" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6488/file/small-7fc83f9bd82bd4b800485d0a70c59760.webp 600w, https://assets.fabulous.ch/public/variant_asset/6488/file/medium-7df911fa22545aa0c59d138e7870a012.webp 900w, https://assets.fabulous.ch/public/variant_asset/6488/file/large-92a45d3b4d7119fd2921d84b549f2853.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6488/file/medium-7df911fa22545aa0c59d138e7870a012.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">Swissveg</p>
          <a href="/fr/products/brochure-vegane-pour-l-environnement-20-g-13400">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Brochure: Végane - Pour L&#39;Environnement, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 0.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;13400&quot;],&quot;content_name&quot;:&quot;Brochure: Végane - Pour L&#39;Environnement, 20 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;13400&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:0.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4DxHftOQoPk0Ml6Lynx1954r8ail3MQmI20pbFIykTPBrA9552RujU7DrIVfrHZ-fJmWb6aYQ7yLol6-Hw_bdQ" />
    <input value="13400" 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%2Fcategories%2Foriginalbeans%3Fformat%3Dturbo_stream%26page%3D181">
    <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/rouleaux-de-gaufrette-d-epeautre-nature-bio-125-g-13494">
          <img alt="Rouleaux de gaufrette d&#39;épeautre nature bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6531/file/small-b334db47627ab8f1fc02b5373ac671f7.webp 600w, https://assets.fabulous.ch/public/variant_asset/6531/file/medium-e9402dc09886fa6a82e383d14f2f6c94.webp 900w, https://assets.fabulous.ch/public/variant_asset/6531/file/large-b7ca0cf2f8d9163d2076521f67b2578d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6531/file/medium-e9402dc09886fa6a82e383d14f2f6c94.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">Rosengarten</p>
          <a href="/fr/products/rouleaux-de-gaufrette-d-epeautre-nature-bio-125-g-13494">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rouleaux de gaufrette d&#39;épeautre nature bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;13494&quot;],&quot;content_name&quot;:&quot;Rouleaux de gaufrette d&#39;épeautre nature bio, 125 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;13494&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="A72VULHwXRlfedgLPW7PTX7d9yvfF5VRgTgrnbP0ZtsiLd1XhQSTbSWIKgWovszEnG-Q7NxTEssp91xP_sksnQ" />
    <input value="13494" 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%2Fcategories%2Foriginalbeans%3Fformat%3Dturbo_stream%26page%3D181">
    <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/radiant-skin-concealer-light-02-5-5-ml-13517">
          <img alt="Radiant Skin Concealer - Light 02 -" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6535/file/small-4e5aeb1476e2aafd9f6bc58ba6e70ff1.webp 600w, https://assets.fabulous.ch/public/variant_asset/6535/file/medium-9221b9c05e03ce0d16ad191408fe44ff.webp 900w, https://assets.fabulous.ch/public/variant_asset/6535/file/large-9b919499312cf66364b5543c45af314c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6535/file/medium-9221b9c05e03ce0d16ad191408fe44ff.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lavera</p>
          <a href="/fr/products/radiant-skin-concealer-light-02-5-5-ml-13517">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Radiant Skin Concealer - Light 02 -, 5.5 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;13517&quot;],&quot;content_name&quot;:&quot;Radiant Skin Concealer - Light 02 -, 5.5 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;13517&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:17.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xLY3V5qkWhyFiU0MVa0aY7xsUgT3k_vkTpiFq75nLG3lJn9QrlCUaP94vwLAfRnqXt41w_TXfH7mV_J581pmKw" />
    <input value="13517" 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%2Fcategories%2Foriginalbeans%3Fformat%3Dturbo_stream%26page%3D181">
    <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/radiant-skin-concealer-tanned-04-5-5-ml-13518">
          <img alt="Radiant Skin Concealer - Tanned 04 -" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6537/file/small-fd229fbd4c53726e73258eb3c38ab4a7.webp 600w, https://assets.fabulous.ch/public/variant_asset/6537/file/medium-4e6811649592c7af74e7714950ae7885.webp 900w, https://assets.fabulous.ch/public/variant_asset/6537/file/large-9d3494f3bb19f54f08867fe54fc83fad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6537/file/medium-4e6811649592c7af74e7714950ae7885.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lavera</p>
          <a href="/fr/products/radiant-skin-concealer-tanned-04-5-5-ml-13518">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Radiant Skin Concealer - Tanned 04 -, 5.5 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;13518&quot;],&quot;content_name&quot;:&quot;Radiant Skin Concealer - Tanned 04 -, 5.5 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;13518&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:17.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VlAF1i0ka6YmzfaRo2pCYWrEW_U5ijpGD6I8aBxFxZp3wE3RGdCl0lw8BJ82ukHoiHY8MjrOvdynbUu6UXiP3A" />
    <input value="13518" 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%2Fcategories%2Foriginalbeans%3Fformat%3Dturbo_stream%26page%3D181">
    <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/pavot-bleu-bio-2-kg-13574">
          <img alt="Pavot bleu Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6555/file/small-c21094ca3e1fbe97ff7a0393e0695f8d.webp 600w, https://assets.fabulous.ch/public/variant_asset/6555/file/medium-490776c04a467152b68d64ab4bdf5b7a.webp 900w, https://assets.fabulous.ch/public/variant_asset/6555/file/large-2ed989421ffa59af52fa92a5229b2413.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6555/file/medium-490776c04a467152b68d64ab4bdf5b7a.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">Bio Grosshandel</p>
          <a href="/fr/products/pavot-bleu-bio-2-kg-13574">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pavot bleu Bio, 2 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 38.55
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;13574&quot;],&quot;content_name&quot;:&quot;Pavot bleu Bio, 2 kg&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;13574&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:38.55,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6omeGdqGMGOFvDVdDCRtVllLoNPfhrg0G2RVbVhI69zLGdYe7nL-F_9Nx1OZ9G7fu_nHFNzCP66zqyK_FXWhmg" />
    <input value="13574" 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%2Fcategories%2Foriginalbeans%3Fformat%3Dturbo_stream%26page%3D181">
    <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/sauce-soja-tamari-bio-18-l-13582">
          <img alt="Sauce soja Tamari Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6554/file/small-e89b4a7ca43a3d74cb6b0c273af30c06.webp 600w, https://assets.fabulous.ch/public/variant_asset/6554/file/medium-7b3bcea04fbcff1ae7bec914daee3bff.webp 900w, https://assets.fabulous.ch/public/variant_asset/6554/file/large-a9fe415cb1548c6248df9d7f1293989d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6554/file/medium-7b3bcea04fbcff1ae7bec914daee3bff.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">Bio Grosshandel</p>
          <a href="/fr/products/sauce-soja-tamari-bio-18-l-13582">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sauce soja Tamari Bio, 18 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 304.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;13582&quot;],&quot;content_name&quot;:&quot;Sauce soja Tamari Bio, 18 l&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;13582&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:304.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Nf5Tn_1TccCCS6_V0MDBQ2tYRRq5k4BzGeTX-d_bN0YUbhuYyae_tPi6XdtFEMLKieoi3brXB-mxK6ArkuZ9AA" />
    <input value="13582" 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%2Fcategories%2Foriginalbeans%3Fformat%3Dturbo_stream%26page%3D181">
    <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/sirop-de-pomme-concentre-bio-250-g-13693">
          <img alt="Sirop de Pomme concentré Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6578/file/small-14205adb3dec179c3cca7419eef80fef.webp 600w, https://assets.fabulous.ch/public/variant_asset/6578/file/medium-c8b36ac9d2d4260ba2ba830199ac6239.webp 900w, https://assets.fabulous.ch/public/variant_asset/6578/file/large-9ca19ec3433597c7906cd9cf91dd23c4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6578/file/medium-c8b36ac9d2d4260ba2ba830199ac6239.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">Biofarm</p>
          <a href="/fr/products/sirop-de-pomme-concentre-bio-250-g-13693">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sirop de Pomme concentré Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;13693&quot;],&quot;content_name&quot;:&quot;Sirop de Pomme concentré Bio, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;13693&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wPHpMzah6SZynM8oJUi8O73M6dxCnIbMWdfxLJyOsOLhYaE0AlUnUghtPSawmL-yX36OG0HYAVbxGIb-0bP6pA" />
    <input value="13693" 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%2Fcategories%2Foriginalbeans%3Fformat%3Dturbo_stream%26page%3D181">
    <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/creme-a-fouetter-a-l-avoine-400-ml-13767">
          <img alt="Crème à fouetter à l&#39;avoine" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6587/file/small-968595a721c06c43b62fdba69eb471d9.webp 600w, https://assets.fabulous.ch/public/variant_asset/6587/file/medium-3abe38c91f14168530a7a021c829fe9c.webp 900w, https://assets.fabulous.ch/public/variant_asset/6587/file/large-b8f0e64d51dcebb8a0e399e8e21b370d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6587/file/medium-3abe38c91f14168530a7a021c829fe9c.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">Nature&#39;s Charm</p>
          <a href="/fr/products/creme-a-fouetter-a-l-avoine-400-ml-13767">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Crème à fouetter à l&#39;avoine, 400 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-13767-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%2Fcategories%2Foriginalbeans%3Fformat%3Dturbo_stream%26page%3D181">
    <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/sauce-dessert-fondant-au-chocolat-et-a-la-noix-de-coco-200-g-13769">
          <img alt="Sauce dessert fondant au chocolat et à la noix de coco" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6590/file/small-05544b0cbdab676d6302d70ccb7472ef.webp 600w, https://assets.fabulous.ch/public/variant_asset/6590/file/medium-f70eb24ab17375cb5d19b98d94345246.webp 900w, https://assets.fabulous.ch/public/variant_asset/6590/file/large-fa247406025a864cd83927f2ddb96818.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6590/file/medium-f70eb24ab17375cb5d19b98d94345246.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">Nature&#39;s Charm</p>
          <a href="/fr/products/sauce-dessert-fondant-au-chocolat-et-a-la-noix-de-coco-200-g-13769">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sauce dessert fondant au chocolat et à la noix de coco, 200 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 2.25 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;13769&quot;],&quot;content_name&quot;:&quot;Sauce dessert fondant au chocolat et à la noix de coco, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;13769&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="4RMqZQ8LYtoDw1OFiNa4yKt45plZW-8485GH1rPZVXDAg2JiO_-srnkyoYsdBrtBScqBXlofaKJbXvAE_uQfNg" />
    <input value="13769" 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%2Fcategories%2Foriginalbeans%3Fformat%3Dturbo_stream%26page%3D181">
    <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/sauce-dessert-caramel-noix-de-coco-200-g-13772">
          <img alt="Sauce dessert caramel noix de coco" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6593/file/small-f10e2fadb9fca2c60814342e2433bf5a.webp 600w, https://assets.fabulous.ch/public/variant_asset/6593/file/medium-050e0f1ddc925611e17ac1becfa541f0.webp 900w, https://assets.fabulous.ch/public/variant_asset/6593/file/large-fd3a7195ca2afbe38e62647129a4e099.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6593/file/medium-050e0f1ddc925611e17ac1becfa541f0.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">Nature&#39;s Charm</p>
          <a href="/fr/products/sauce-dessert-caramel-noix-de-coco-200-g-13772">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sauce dessert caramel noix de coco, 200 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 2.25 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-13772-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%2Fcategories%2Foriginalbeans%3Fformat%3Dturbo_stream%26page%3D181">
    <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/le-pain-des-fleurs-tomate-poivron-bio-150-g-13879">
          <img alt="Le pain des fleurs Tomate Poivron Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6604/file/small-06019b3e7e4eb5aae76cfa1d004ffd28.webp 600w, https://assets.fabulous.ch/public/variant_asset/6604/file/medium-668901ccd28aaf2335234d3a777846b7.webp 900w, https://assets.fabulous.ch/public/variant_asset/6604/file/large-632eb48bc42ee2f17dc418c9af7cee5a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6604/file/medium-668901ccd28aaf2335234d3a777846b7.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">Le Pain des Fleurs</p>
          <a href="/fr/products/le-pain-des-fleurs-tomate-poivron-bio-150-g-13879">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Le pain des fleurs Tomate Poivron Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;13879&quot;],&quot;content_name&quot;:&quot;Le pain des fleurs Tomate Poivron Bio, 150 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;13879&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WN0tj0Aa3az3k1zfkv7dWtuwXG1WuD_lWtH7n7XSd715TWWIdO4T2I1irtEHLt7TOQI7qlX8uH_yHoxN-O89-w" />
    <input value="13879" 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%2Fcategories%2Foriginalbeans%3Fformat%3Dturbo_stream%26page%3D181">
    <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/le-pain-des-fleurs-oignon-bio-150-g-13880">
          <img alt="Le pain des fleurs Oignon Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6606/file/small-8b56daf7f92516a9d9beb1d913603bb0.webp 600w, https://assets.fabulous.ch/public/variant_asset/6606/file/medium-95522a8648959a88ea4b03125b97c585.webp 900w, https://assets.fabulous.ch/public/variant_asset/6606/file/large-375c63ea12b769ecfe4621ac6b073810.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6606/file/medium-95522a8648959a88ea4b03125b97c585.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">Le Pain des Fleurs</p>
          <a href="/fr/products/le-pain-des-fleurs-oignon-bio-150-g-13880">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Le pain des fleurs Oignon Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;13880&quot;],&quot;content_name&quot;:&quot;Le pain des fleurs Oignon Bio, 150 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;13880&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Lje63rcZ3zNTlfQ6_Emqp2Ty3OqivU0NfPOPUSBdPcEPp_LZg-0RRylkBjRpmakuhkC7LaH5ypfUPPiDbWB3hw" />
    <input value="13880" 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%2Fcategories%2Foriginalbeans%3Fformat%3Dturbo_stream%26page%3D181">
    <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/supergreens-myrtille-et-lucuma-240-g-13882">
          <img alt="Supergreens Myrtille et Lucuma" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6611/file/small-dec23ce707f4c774c6bc94fe19df4d5b.webp 600w, https://assets.fabulous.ch/public/variant_asset/6611/file/medium-3b99c721056bfd007f5387c876614ba9.webp 900w, https://assets.fabulous.ch/public/variant_asset/6611/file/large-8755c22a5b7b5982427d05b319ed48f7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6611/file/medium-3b99c721056bfd007f5387c876614ba9.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">Vivo Life</p>
          <a href="/fr/products/supergreens-myrtille-et-lucuma-240-g-13882">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Supergreens Myrtille et Lucuma, 240 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 44.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;13882&quot;],&quot;content_name&quot;:&quot;Supergreens Myrtille et Lucuma, 240 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;13882&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:44.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lxLH0BflaheGV1eJXbowGyDRbX47vSXm9Vldv5hEvg22go_XIxGkY_ympYfIajOSwmMKuTj5onxdlipt1Xn0Sw" />
    <input value="13882" 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%2Fcategories%2Foriginalbeans%3Fformat%3Dturbo_stream%26page%3D181">
    <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/pre-workout-fraise-betterave-rouge-255-g-13883">
          <img alt="Pre-Workout fraise &amp; betterave rouge" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6613/file/small-9c9bab7593adf4460d6e8ad185897f58.webp 600w, https://assets.fabulous.ch/public/variant_asset/6613/file/medium-ef290d4697a8a444c07059968945a877.webp 900w, https://assets.fabulous.ch/public/variant_asset/6613/file/large-2267b76c5fa4159cb6fc4fc1059b3e34.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6613/file/medium-ef290d4697a8a444c07059968945a877.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">Vivo Life</p>
          <a href="/fr/products/pre-workout-fraise-betterave-rouge-255-g-13883">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pre-Workout fraise &amp; betterave rouge, 255 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 39.90
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-13883-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%2Fcategories%2Foriginalbeans%3Fformat%3Dturbo_stream%26page%3D181">
    <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/waterlovers-distillateur-d-eau-potable-mkii-28-dl-13907">
          <img alt="Waterlovers Distillateur d&#39;eau potable MKII" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6615/file/small-f1380fa02eb66faa2bfc56a9f9f3e63d.webp 600w, https://assets.fabulous.ch/public/variant_asset/6615/file/medium-fbf00fdd2e421c3ded51996b0d0d2387.webp 900w, https://assets.fabulous.ch/public/variant_asset/6615/file/large-f3f66d9e99dc774f7b576b27230dab84.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6615/file/medium-fbf00fdd2e421c3ded51996b0d0d2387.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">Waterlovers</p>
          <a href="/fr/products/waterlovers-distillateur-d-eau-potable-mkii-28-dl-13907">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Waterlovers Distillateur d&#39;eau potable MKII, 28 dl</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 375.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;13907&quot;],&quot;content_name&quot;:&quot;Waterlovers Distillateur d&#39;eau potable MKII, 28 dl&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;13907&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:375.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PZRQV1zADMqSh6LI5DJ-K1WwI5zmqhJtHCGlOdXHdL4cBBhQaDTCvuh2UMZx4n2itwJEW-Xulfe07tLrmPo--A" />
    <input value="13907" 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%2Fcategories%2Foriginalbeans%3Fformat%3Dturbo_stream%26page%3D181">
    <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/waterlovers-destiller-mkii-filtre-a-charbon-de-rechange-6-pieces-6-piece-13908">
          <img alt="Waterlovers Destiller MKII Filtre à charbon de rechange" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6616/file/small-2aa15b5763cf7cc2189aec3b54a1b957.webp 600w, https://assets.fabulous.ch/public/variant_asset/6616/file/medium-7ad88996bb50a10f923b0f7a560da119.webp 900w, https://assets.fabulous.ch/public/variant_asset/6616/file/large-8362fcde7e24ec71d7dfd94bf0be05fb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6616/file/medium-7ad88996bb50a10f923b0f7a560da119.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">Waterlovers</p>
          <a href="/fr/products/waterlovers-destiller-mkii-filtre-a-charbon-de-rechange-6-pieces-6-piece-13908">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Waterlovers Destiller MKII Filtre à charbon de rechange, 6 pièces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;13908&quot;],&quot;content_name&quot;:&quot;Waterlovers Destiller MKII Filtre à charbon de rechange, 6 pièces&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;13908&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:18.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="s1gcS0De6FDVTUvjC2wugOeoOSMj7W7UXeOKT7YSMrKSyFRMdComJK-8ue2evC0JBRpe5CCp6U71LP2d-y949A" />
    <input value="13908" 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%2Fcategories%2Foriginalbeans%3Fformat%3Dturbo_stream%26page%3D181">
    <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/lotion-solaire-sensitive-fps-30-100-ml-14011">
          <img alt="Lotion solaire sensitive FPS 30" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6635/file/small-14427f434a9d7f40f12da8cc33e22ee7.webp 600w, https://assets.fabulous.ch/public/variant_asset/6635/file/medium-c994731f512e87b8ee4078e40308433e.webp 900w, https://assets.fabulous.ch/public/variant_asset/6635/file/large-b8d6ac918148ba15ded372eba19bb80e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6635/file/medium-c994731f512e87b8ee4078e40308433e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lavera</p>
          <a href="/fr/products/lotion-solaire-sensitive-fps-30-100-ml-14011">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lotion solaire sensitive FPS 30, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.45
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;14011&quot;],&quot;content_name&quot;:&quot;Lotion solaire sensitive FPS 30, 100 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;14011&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:16.45,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1rXDGdWvaw8rHVdYtf27N3NNeAwUw7L5VgVkB2DQUJv3JYse4Vule1HspVYgLbi-kf8fyxeHNWP-yhPVLe0a3Q" />
    <input value="14011" 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%2Fcategories%2Foriginalbeans%3Fformat%3Dturbo_stream%26page%3D181">
    <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/lotion-apres-soleil-200-ml-14013">
          <img alt="Lotion après-soleil" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6638/file/small-933e2c8a6dc78c8b3fdf80a780aee472.webp 600w, https://assets.fabulous.ch/public/variant_asset/6638/file/medium-fe1eb229262205e694d03938fb6b7a5a.webp 900w, https://assets.fabulous.ch/public/variant_asset/6638/file/large-05a01e8d7fc819bfc1d282c8da0fd00a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6638/file/medium-fe1eb229262205e694d03938fb6b7a5a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lavera</p>
          <a href="/fr/products/lotion-apres-soleil-200-ml-14013">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lotion après-soleil, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;14013&quot;],&quot;content_name&quot;:&quot;Lotion après-soleil, 200 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;14013&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CZioM-mVNtq8hsnx1hE2RLmwB4tbTEwu0aQ4mQbb9YsoCOA03WH4rsZ3O_9DwTXNWwJgTFgIy7R5a09LS-a_zQ" />
    <input value="14013" 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">
      3&#39;620 sur 4&#39;004 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/originalbeans?format=turbo_stream&amp;page=182">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>