<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%2Fnaftie%3Fformat%3Dturbo_stream%26page%3D180">
    <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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    60 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/sirop-d-agave-bio-500-ml-date-limite-18-09-2026-22047">
          <img alt="Sirop d&#39;Agave Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/746/file/small-e1e084214dc1291b455bad7840bb11cc.webp 600w, https://assets.fabulous.ch/public/variant_asset/746/file/medium-b19ad39b581523f460e094f7871ca288.webp 900w, https://assets.fabulous.ch/public/variant_asset/746/file/large-44fc03a25cb26d8df522041e6f07d800.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/746/file/medium-b19ad39b581523f460e094f7871ca288.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">Allos</p>
          <a href="/fr/products/sirop-d-agave-bio-500-ml-date-limite-18-09-2026-22047">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sirop d&#39;Agave Bio, 500 ml (Date limite 18.09.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 15.55</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 6.20</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22047&quot;],&quot;content_name&quot;:&quot;Sirop d&#39;Agave Bio, 500 ml (Date limite 18.09.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22047&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HiBfn7u1YgtNeWh4OODGp5aXsY5EFLZpMb5XniORaW5KWkacUbBMfi7STOvqPVff69LvRctO4fZgxesWC3N9GA" />
    <input value="22047" 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%2Fnaftie%3Fformat%3Dturbo_stream%26page%3D180">
    <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/copy-of-krunchy-low-sugar-original-bio-375-g-22050">
          <img alt="COPY OF Krunchy Low Sugar ORIGINAL Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11607/file/small-e830a56fac1a2a86ee0e9ff0cd0d3ddb.webp 600w, https://assets.fabulous.ch/public/variant_asset/11607/file/medium-d40de28cf74f297d6c57ef4f99d82cbe.webp 900w, https://assets.fabulous.ch/public/variant_asset/11607/file/large-bb0793968d74aa6dbb2163c9482170b5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11607/file/medium-d40de28cf74f297d6c57ef4f99d82cbe.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">Barnhouse Naturprodukte</p>
          <a href="/fr/products/copy-of-krunchy-low-sugar-original-bio-375-g-22050">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">COPY OF Krunchy Low Sugar ORIGINAL Bio, 375 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22050&quot;],&quot;content_name&quot;:&quot;COPY OF Krunchy Low Sugar ORIGINAL Bio, 375 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22050&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TeSyOGvttnPhFemIN3LWVZP58ldhxOt5wcK8d9JatkYZnqs7geiYBoK-zRvlr0ct7rysnO6evOaQuQD_-riiMA" />
    <input value="22050" 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%2Fnaftie%3Fformat%3Dturbo_stream%26page%3D180">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Nouveau
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/wunderbrodchen-original-sans-gluten-demeter-350-g-22051">
          <img alt="Wunderbrødchen Original sans gluten Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11608/file/small-471e869171f409040ee1f70cf996a2b0.webp 600w, https://assets.fabulous.ch/public/variant_asset/11608/file/medium-c303e4705958a5997475f459f09b57c9.webp 900w, https://assets.fabulous.ch/public/variant_asset/11608/file/large-47c863c827b687cce055054eec8831e8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11608/file/medium-c303e4705958a5997475f459f09b57c9.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauckhof</p>
          <a href="/fr/products/wunderbrodchen-original-sans-gluten-demeter-350-g-22051">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wunderbrødchen Original sans gluten Demeter, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22051&quot;],&quot;content_name&quot;:&quot;Wunderbrødchen Original sans gluten Demeter, 350 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22051&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4feEGhYwKW_K_PauuLYHAGrzM1dSzGaHCcG_1NFtye-1jZ0Z_DUHGqlX0j1qa5Z4F7ZtnN2WMRhYugNc-Y_dmQ" />
    <input value="22051" 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%2Fnaftie%3Fformat%3Dturbo_stream%26page%3D180">
    <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/extrait-de-gattilier-vegicaps-bio-150-capsules-22052">
          <img alt="Extrait de Gattilier Vegicaps Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11609/file/small-0f4f15ffe318e0afdee7d12abce75066.webp 600w, https://assets.fabulous.ch/public/variant_asset/11609/file/medium-778574694a76b5b0d29b373f7af01725.webp 900w, https://assets.fabulous.ch/public/variant_asset/11609/file/large-ab3c3e5dc4d6d1a5daedf3d5735df60e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11609/file/medium-778574694a76b5b0d29b373f7af01725.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">NaturKraftWerke</p>
          <a href="/fr/products/extrait-de-gattilier-vegicaps-bio-150-capsules-22052">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Extrait de Gattilier Vegicaps Bio, 150 capsules</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.05
            </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-22052-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22052&quot;],&quot;content_name&quot;:&quot;Extrait de Gattilier Vegicaps Bio, 150 capsules&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22052&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:35.05,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mXbGfCKrTxPqKY8CHqr6DXFaRyix_I9Ngt0RK7G5SJPNDN9_yK5hZomCq5HMd2t1DB8Z4z6m2NLTpq2jmVtc5Q" />
    <input value="22052" 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%2Fnaftie%3Fformat%3Dturbo_stream%26page%3D180">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Nouveau
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/wunderbrodchen-avoine-sans-gluten-demeter-350-g-22053">
          <img alt="Wunderbrødchen Avoine sans gluten Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11610/file/small-91b87b4d2375cc03e5cf5aff28d55aed.webp 600w, https://assets.fabulous.ch/public/variant_asset/11610/file/medium-06c7677abd818a6c6d5b54cf1d4a418b.webp 900w, https://assets.fabulous.ch/public/variant_asset/11610/file/large-8a088a8a14fb8f3a5dfa69f68372c599.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11610/file/medium-06c7677abd818a6c6d5b54cf1d4a418b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauckhof</p>
          <a href="/fr/products/wunderbrodchen-avoine-sans-gluten-demeter-350-g-22053">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wunderbrødchen Avoine sans gluten Demeter, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22053&quot;],&quot;content_name&quot;:&quot;Wunderbrødchen Avoine sans gluten Demeter, 350 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22053&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xrQoSCYLimKcX1Rs9OGvvICkMLLPnqwILhhen-vzroqSzjFLzA6kF__0cP8mPD7E_eFueUDE-5d_Y-IXwxG6_A" />
    <input value="22053" 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%2Fnaftie%3Fformat%3Dturbo_stream%26page%3D180">
    <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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    50 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/le-pain-des-fleurs-au-cacao-bio-160-g-date-limite-22-09-2026-22072">
          <img alt="Le pain des fleurs au cacao, Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4437/file/small-6d4651619a8c22f02d99a1277983f471.webp 600w, https://assets.fabulous.ch/public/variant_asset/4437/file/medium-69432cd0fa9de2b24b69c097c8c62acd.webp 900w, https://assets.fabulous.ch/public/variant_asset/4437/file/large-0c40d9999f281e683f6c4be14da553cc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4437/file/medium-69432cd0fa9de2b24b69c097c8c62acd.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-au-cacao-bio-160-g-date-limite-22-09-2026-22072">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Le pain des fleurs au cacao, Bio, 160 g (Date limite 22.09.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 5.85</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.95</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22072&quot;],&quot;content_name&quot;:&quot;Le pain des fleurs au cacao, Bio, 160 g (Date limite 22.09.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22072&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="K91xXV0vyDv3JdbGRs2fFfUGGvhtkYTu2PLsOI-KI2B_p2hetyrmTpSO8lWUEA5tiENEM-LL03GJiVCwp2g3Fg" />
    <input value="22072" 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%2Fnaftie%3Fformat%3Dturbo_stream%26page%3D180">
    <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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    50 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/sans-muhhh-drink-3-5-de-matieres-grasses-bio-1-l-date-limite-12-09-2026-22074">
          <img alt="Sans Muhhh Drink 3.5% de matières grasses Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5808/file/small-b66051eb33fd56682fcc0877bd3086cb.webp 600w, https://assets.fabulous.ch/public/variant_asset/5808/file/medium-2d1fe58f6c9ac36b6d718ac56c579549.webp 900w, https://assets.fabulous.ch/public/variant_asset/5808/file/large-e67e68015c9edacd021d1835b21fa79e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5808/file/medium-2d1fe58f6c9ac36b6d718ac56c579549.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">Allos</p>
          <a href="/fr/products/sans-muhhh-drink-3-5-de-matieres-grasses-bio-1-l-date-limite-12-09-2026-22074">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sans Muhhh Drink 3.5% de matières grasses Bio, 1 l (Date limite 12.09.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 3.30</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 1.65</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22074&quot;],&quot;content_name&quot;:&quot;Sans Muhhh Drink 3.5% de matières grasses Bio, 1 l (Date limite 12.09.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22074&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.65,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lWSg0eblGrQVRHt8U88e_n4EpL6wG_S3zQuL9-oGNtzBHrnSDOA0wXbvX--BEo-GA0H6dT9BoyiccDd_wuQiqg" />
    <input value="22074" 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%2Fnaftie%3Fformat%3Dturbo_stream%26page%3D180">
    <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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    50 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/boisson-de-soja-naturelle-bio-1-l-date-limite-29-09-2026-22076">
          <img alt="Boisson de soja naturelle Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6952/file/small-068258bb1afa87afb80c558372e436f2.webp 600w, https://assets.fabulous.ch/public/variant_asset/6952/file/medium-5616eed1f76e6838436f5a30d0f60a15.webp 900w, https://assets.fabulous.ch/public/variant_asset/6952/file/large-18a3882d9f056bd66968b8a8646de1a6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6952/file/medium-5616eed1f76e6838436f5a30d0f60a15.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lima</p>
          <a href="/fr/products/boisson-de-soja-naturelle-bio-1-l-date-limite-29-09-2026-22076">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Boisson de soja naturelle Bio, 1 l (Date limite 29.09.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 3.50</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 1.75</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22076&quot;],&quot;content_name&quot;:&quot;Boisson de soja naturelle Bio, 1 l (Date limite 29.09.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22076&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.75,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="J11oel6-uK17256ry3kVzvfgWpF_hO1Hb4PWo_T9TLtzJ3F5tLuW2BhwujgZpIS2iqUEWvDeutg--Gor3B9YzQ" />
    <input value="22076" 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%2Fnaftie%3Fformat%3Dturbo_stream%26page%3D180">
    <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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    21 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/levure-seche-la-levure-de-boulanger-maitre-sans-gluten-bio-7-g-date-limite-30-09-2026-22077">
          <img alt="Levure seche La levure de boulanger maître Sans Gluten Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2958/file/small-e86ed2b7bfda13ecc3347bf964740d57.webp 600w, https://assets.fabulous.ch/public/variant_asset/2958/file/medium-8fce86a8f8019fb4a676524e80342a36.webp 900w, https://assets.fabulous.ch/public/variant_asset/2958/file/large-452e62e793f99ed341d4cd1c8dd8678f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2958/file/medium-8fce86a8f8019fb4a676524e80342a36.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biovegan</p>
          <a href="/fr/products/levure-seche-la-levure-de-boulanger-maitre-sans-gluten-bio-7-g-date-limite-30-09-2026-22077">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Levure seche La levure de boulanger maître Sans Gluten Bio, 7 g (Date limite 30.09.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 1.40</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 1.10</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22077&quot;],&quot;content_name&quot;:&quot;Levure seche La levure de boulanger maître Sans Gluten Bio, 7 g (Date limite 30.09.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22077&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="teR42ETCsIYskq0ztLMATMfCxXf3Z71SeUiPydDhwHzhnmHbrsee8085iaBmbpE0uoebvHg96s0oMzNB-APUCg" />
    <input value="22077" 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%2Fnaftie%3Fformat%3Dturbo_stream%26page%3D180">
    <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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    50 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/lacto-bifido-bio-90-capsules-date-limite-30-09-2026-22078">
          <img alt="Lacto + Bifido Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3663/file/small-14d948f3634befbe98c1f691f82f6617.webp 600w, https://assets.fabulous.ch/public/variant_asset/3663/file/medium-7c7a47e7c8356e94c0ff0ef1529aadf1.webp 900w, https://assets.fabulous.ch/public/variant_asset/3663/file/large-0e0432917c467f5633b20b84ea4a37f2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3663/file/medium-7c7a47e7c8356e94c0ff0ef1529aadf1.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">Raab</p>
          <a href="/fr/products/lacto-bifido-bio-90-capsules-date-limite-30-09-2026-22078">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lacto + Bifido Bio, 90 capsules (Date limite 30.09.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 36.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 18.45</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22078&quot;],&quot;content_name&quot;:&quot;Lacto + Bifido Bio, 90 capsules (Date limite 30.09.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22078&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:18.45,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QsjOEf_l9pJzR7k0J-r75xNyjn28Bzk9Ke5rtSgYILgWstcSFeDY5xDsnaf1N2qfbjfQtjNdbqJ4ldc9APo0zg" />
    <input value="22078" 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%2Fnaftie%3Fformat%3Dturbo_stream%26page%3D180">
    <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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    20 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/noix-de-cajou-grillees-curry-madras-bio-100-g-date-limite-30-09-2026-22080">
          <img alt="Noix de cajou grillées Curry Madras, Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6090/file/small-439ee85d202d9882d4d86c5fa9eb66d9.webp 600w, https://assets.fabulous.ch/public/variant_asset/6090/file/medium-2286f3f2f2ff94da14ccd8d603b5d638.webp 900w, https://assets.fabulous.ch/public/variant_asset/6090/file/large-40ebf36b79fcdca4de5b880dad83698c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6090/file/medium-2286f3f2f2ff94da14ccd8d603b5d638.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">Pakka</p>
          <a href="/fr/products/noix-de-cajou-grillees-curry-madras-bio-100-g-date-limite-30-09-2026-22080">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Noix de cajou grillées Curry Madras, Bio, 100 g (Date limite 30.09.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 6.20</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 4.95</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22080&quot;],&quot;content_name&quot;:&quot;Noix de cajou grillées Curry Madras, Bio, 100 g (Date limite 30.09.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22080&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="QuI6F_YIVLnCHQYsmHH6o40AD8VW9t6RPaqOlcr_ZbwWmCMUHA16zKG2Ir9KrGvb8EVRDtmsiQ5s0TId4h1xyg" />
    <input value="22080" 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%2Fnaftie%3Fformat%3Dturbo_stream%26page%3D180">
    <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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    50 %
  </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-date-limite-30-09-2026-22081">
          <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-date-limite-30-09-2026-22081">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pre-Workout fraise &amp; betterave rouge, 255 g (Date limite 30.09.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 39.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 19.95</span>
            </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-22081-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22081&quot;],&quot;content_name&quot;:&quot;Pre-Workout fraise \u0026 betterave rouge, 255 g (Date limite 30.09.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22081&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:19.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0dk1bYROufqtQuuYFw9nl_w9eKvuQmLLgi3UOPYPhdeFoyxubkuXj87pzwvF0vbvgXgmYGEYNVTTVmiw3u2RoQ" />
    <input value="22081" 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%2Fnaftie%3Fformat%3Dturbo_stream%26page%3D180">
    <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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    20 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/pralines-croustillantes-aux-dattes-bio-80-g-date-limite-30-09-2026-22082">
          <img alt="Pralines croustillantes aux dattes Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7342/file/small-def32cc78b164e3a7169bc3f00bd6cd2.webp 600w, https://assets.fabulous.ch/public/variant_asset/7342/file/medium-86c1ec86d89180b00a717245c3c0a123.webp 900w, https://assets.fabulous.ch/public/variant_asset/7342/file/large-7c6cbc4f2fb98247cb4b08bca1c0456d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7342/file/medium-86c1ec86d89180b00a717245c3c0a123.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">MAKRi</p>
          <a href="/fr/products/pralines-croustillantes-aux-dattes-bio-80-g-date-limite-30-09-2026-22082">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pralines croustillantes aux dattes Bio, 80 g (Date limite 30.09.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 7.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 6.30</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22082&quot;],&quot;content_name&quot;:&quot;Pralines croustillantes aux dattes Bio, 80 g (Date limite 30.09.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22082&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YPT-YhexE_erY8JM3fd25f82jeS5LXnM786xhuRL7eY0judh_bQ9gsjI5t8PKuedgnPTLzZ3LlO-tQ0OzKn5kA" />
    <input value="22082" 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%2Fnaftie%3Fformat%3Dturbo_stream%26page%3D180">
    <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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    50 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/white-crisp-choc-bio-90-g-date-limite-30-09-2026-22083">
          <img alt="White Crisp Choc Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7497/file/small-e5cb19fc5e9e59be0a9d370c202912c4.webp 600w, https://assets.fabulous.ch/public/variant_asset/7497/file/medium-6e7d639c4b5100237c70c5165815b8eb.webp 900w, https://assets.fabulous.ch/public/variant_asset/7497/file/large-af3f8871082d6cb4bb12a01c77f5a6f7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7497/file/medium-6e7d639c4b5100237c70c5165815b8eb.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">Vantastic</p>
          <a href="/fr/products/white-crisp-choc-bio-90-g-date-limite-30-09-2026-22083">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">White Crisp Choc Bio, 90 g (Date limite 30.09.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 4.20</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.10</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22083&quot;],&quot;content_name&quot;:&quot;White Crisp Choc Bio, 90 g (Date limite 30.09.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22083&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iUvwaqQtdjj6codyChI7mfMbC8tzzgQ02M4puKH-E-DdMelpTihYTZnZo-HYz6rhjl5VAPyUU6uJtZUwiRwHlg" />
    <input value="22083" 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%2Fnaftie%3Fformat%3Dturbo_stream%26page%3D180">
    <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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    50 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/muesli-noble-sweet-banana-qualite-crue-bio-250-g-date-limite-30-09-2026-22084">
          <img alt="Muesli noble Sweet Banana 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/7876/file/small-f9d433fcf28144b2d2f4cd382884b075.webp 600w, https://assets.fabulous.ch/public/variant_asset/7876/file/medium-4b1c00a8212abb586f260e2d12ca41b5.webp 900w, https://assets.fabulous.ch/public/variant_asset/7876/file/large-3031a25e696b0b7ea5fe1419fea89665.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7876/file/medium-4b1c00a8212abb586f260e2d12ca41b5.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">Naturkostbar</p>
          <a href="/fr/products/muesli-noble-sweet-banana-qualite-crue-bio-250-g-date-limite-30-09-2026-22084">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Muesli noble Sweet Banana Qualité Crue Bio, 250 g (Date limite 30.09.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 12.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 6.45</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22084&quot;],&quot;content_name&quot;:&quot;Muesli noble Sweet Banana Qualité Crue Bio, 250 g (Date limite 30.09.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22084&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.45,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JsRDtocQMn4pPtX2IkFTzww2-Wz6dTrraUS4i9OroP5yvlq1bRUcC0qV8WXwnMK3cXOnp3UvbXQ4PwQD-0m0iA" />
    <input value="22084" 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%2Fnaftie%3Fformat%3Dturbo_stream%26page%3D180">
    <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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    50 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/muesli-noble-wild-berries-qualite-crue-bio-250-g-date-limite-30-09-2026-22085">
          <img alt="Muesli noble Wild Berries 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/7877/file/small-57197a8305e188fed13637e63bab3fc2.webp 600w, https://assets.fabulous.ch/public/variant_asset/7877/file/medium-7837f81b80a9411995b974f688591882.webp 900w, https://assets.fabulous.ch/public/variant_asset/7877/file/large-6c7ba56f8b330b0928bfcc41bd2c3195.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7877/file/medium-7837f81b80a9411995b974f688591882.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">Naturkostbar</p>
          <a href="/fr/products/muesli-noble-wild-berries-qualite-crue-bio-250-g-date-limite-30-09-2026-22085">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Muesli noble Wild Berries Qualité Crue Bio, 250 g (Date limite 30.09.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 14.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 7.45</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22085&quot;],&quot;content_name&quot;:&quot;Muesli noble Wild Berries Qualité Crue Bio, 250 g (Date limite 30.09.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22085&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.45,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UByKmWqWoqQaDgbBRvTu-wnF3uzkBSLH4ILhnuf1uP4EZpOagJOM0XmlIlKUKX-DdICAJ2tfdVix-V0WzxesiA" />
    <input value="22085" 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%2Fnaftie%3Fformat%3Dturbo_stream%26page%3D180">
    <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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    40 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/vinaigre-condimento-bianco-bio-0-5-l-date-limite-05-11-2026-22093">
          <img alt="Vinaigre Condimento Bianco Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/407/file/small-5dc0a614f5b45299baebf7ef7c8c7e97.webp 600w, https://assets.fabulous.ch/public/variant_asset/407/file/medium-c5b86eb3be512a24cb02f1b13b0cc66d.webp 900w, https://assets.fabulous.ch/public/variant_asset/407/file/large-77d1a33fead02a1ec40c8aca160ae19e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/407/file/medium-c5b86eb3be512a24cb02f1b13b0cc66d.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">LaSelva</p>
          <a href="/fr/products/vinaigre-condimento-bianco-bio-0-5-l-date-limite-05-11-2026-22093">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vinaigre Condimento Bianco Bio, 0.5 l (Date limite 05.11.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 6.80</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 4.10</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22093&quot;],&quot;content_name&quot;:&quot;Vinaigre Condimento Bianco Bio, 0.5 l (Date limite 05.11.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22093&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mZHwNuAntjUZ4Iuz7RMZP8U_zxxPbZTjxdWgIXTFSgbN6-k1CiKYQHpLryA_zohHuHqR18A3w3yUrhypXCdecA" />
    <input value="22093" 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%2Fnaftie%3Fformat%3Dturbo_stream%26page%3D180">
    <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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    29 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/peanut-caramel-choc-bar-bio-40-g-date-limite-01-10-2026-22095">
          <img alt="Peanut Caramel Choc Bar Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7411/file/small-0abcc5117ede8e8c49b6ff28120ac022.webp 600w, https://assets.fabulous.ch/public/variant_asset/7411/file/medium-a2046e1d811791dc507b70da19802833.webp 900w, https://assets.fabulous.ch/public/variant_asset/7411/file/large-ee13cda5eccb5ba08a7f85af10412de2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7411/file/medium-a2046e1d811791dc507b70da19802833.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">Vantastic</p>
          <a href="/fr/products/peanut-caramel-choc-bar-bio-40-g-date-limite-01-10-2026-22095">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Peanut Caramel Choc Bar Bio, 40 g (Date limite 01.10.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 2.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.05</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22095&quot;],&quot;content_name&quot;:&quot;Peanut Caramel Choc Bar Bio, 40 g (Date limite 01.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22095&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.05,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="l5CCcfr9gfg6HxQ6_x-sNDJgyRbIk0pPxQ8QNcBq-sDD6ptyEPivjVm0MKktwj1MTyWX3UfJHdCUdKy96Ijutg" />
    <input value="22095" 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%2Fnaftie%3Fformat%3Dturbo_stream%26page%3D180">
    <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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    49 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/boisson-avoine-matcha-1-l-date-limite-01-10-2026-22096">
          <img alt="Boisson Avoine Matcha" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7479/file/small-12930d64f20033789b98da1034392540.webp 600w, https://assets.fabulous.ch/public/variant_asset/7479/file/medium-7b626a1d219ea11468c063fc9af0efd6.webp 900w, https://assets.fabulous.ch/public/variant_asset/7479/file/large-cbb6e6d2384a8d3d011e3d30ab964b1a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7479/file/medium-7b626a1d219ea11468c063fc9af0efd6.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">Oatly</p>
          <a href="/fr/products/boisson-avoine-matcha-1-l-date-limite-01-10-2026-22096">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Boisson Avoine Matcha, 1 l (Date limite 01.10.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 4.15</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.10</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22096&quot;],&quot;content_name&quot;:&quot;Boisson Avoine Matcha, 1 l (Date limite 01.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22096&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8NiqXssyz7Kc2R8WipsZsjiVDaYob3T-NxmMlAFcKe-korNdITfhx_9yO4VYRojKRdBTbac1I2FmYjAcKb49mQ" />
    <input value="22096" 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%2Fnaftie%3Fformat%3Dturbo_stream%26page%3D180">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Nouveau
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/moutarde-fine-bourgeon-bio-200-g-22100">
          <img alt="Moutarde fine Bourgeon Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11623/file/small-44002fcb3bc809ba99de6611426c016a.webp 600w, https://assets.fabulous.ch/public/variant_asset/11623/file/medium-540f3eaec539807e400d2b45a42d0ed3.webp 900w, https://assets.fabulous.ch/public/variant_asset/11623/file/large-41f4d44338e11a2d6db01e324a806d63.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11623/file/medium-540f3eaec539807e400d2b45a42d0ed3.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/moutarde-fine-bourgeon-bio-200-g-22100">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Moutarde fine Bourgeon Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22100&quot;],&quot;content_name&quot;:&quot;Moutarde fine Bourgeon Bio, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22100&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:10.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UwVJKcxWLQTaRCwVzHhVDoNMLsgFxK1yrTCZSDO2juMHf1AqJlMDcbnvCIYepcR2_glwA4qe-u38SyXAG1SalQ" />
    <input value="22100" 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;600 sur 3&#39;624 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/naftie?format=turbo_stream&amp;page=181">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>