<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%2Fnabio%3Fformat%3Dturbo_stream%26page%3D175">
    <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/sustain-natural-electrolytes-pink-lemonade-15-x-9-3-g-20207">
          <img alt="SUSTAIN Natural Electrolytes Pink Lemonade" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11310/file/small-6f5981288ef84ff64cefbe5e7c85fd7b.webp 600w, https://assets.fabulous.ch/public/variant_asset/11310/file/medium-0523c1eaed3360fd05094083a10cdee8.webp 900w, https://assets.fabulous.ch/public/variant_asset/11310/file/large-fff5c472fd5d3dfa2151424987969a44.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11310/file/medium-0523c1eaed3360fd05094083a10cdee8.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/sustain-natural-electrolytes-pink-lemonade-15-x-9-3-g-20207">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">SUSTAIN Natural Electrolytes Pink Lemonade, 15 x 9.3 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20207&quot;],&quot;content_name&quot;:&quot;SUSTAIN Natural Electrolytes Pink Lemonade, 15 x 9.3 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20207&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:17.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="k6z_QrA79QN-AhSSBC1pD7i9O7E5utlNwVv92VtM91kXB8TusE-MO-IADTromIkTTnrZkphmUH7Q28QUrlIrHQ" />
    <input value="20207" 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%2Fnabio%3Fformat%3Dturbo_stream%26page%3D175">
    <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/shot-gingembre-et-baies-demeter-280-ml-date-limite-27-08-2026-20210">
          <img alt="Shot gingembre et baies Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4438/file/small-eb2bb1fb666b79e241617657412c1138.webp 600w, https://assets.fabulous.ch/public/variant_asset/4438/file/medium-e38661476feb1ea1be183c6374b25055.webp 900w, https://assets.fabulous.ch/public/variant_asset/4438/file/large-9fef23a5aa43d23d4e09567dcdbd1896.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4438/file/medium-e38661476feb1ea1be183c6374b25055.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">Voelkel</p>
          <a href="/fr/products/shot-gingembre-et-baies-demeter-280-ml-date-limite-27-08-2026-20210">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Shot gingembre et baies Demeter, 280 ml (Date limite 27.08.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 1.48 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20210&quot;],&quot;content_name&quot;:&quot;Shot gingembre et baies Demeter, 280 ml (Date limite 27.08.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20210&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="Cet_nzxJ1Mpk42iDe3CIFgJUXLqHPDoYFhHwi2mlNZCNQEQzPD2t8vjhcSuXxWgK9JO-mSbgsysHkclGnLvp1A" />
    <input value="20210" 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%2Fnabio%3Fformat%3Dturbo_stream%26page%3D175">
    <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/vegemite-extrait-de-levure-235-g-20220">
          <img alt="Vegemite Extrait de levure" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11362/file/small-54166bd96c27f584469ded540c5cc1df.webp 600w, https://assets.fabulous.ch/public/variant_asset/11362/file/medium-08ab0dcc61c863b81a636561481f6c04.webp 900w, https://assets.fabulous.ch/public/variant_asset/11362/file/large-4d70629c89991c7e5ad14966cb9b0959.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11362/file/medium-08ab0dcc61c863b81a636561481f6c04.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">Vegemite</p>
          <a href="/fr/products/vegemite-extrait-de-levure-235-g-20220">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vegemite Extrait de levure, 235 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20220&quot;],&quot;content_name&quot;:&quot;Vegemite Extrait de levure, 235 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20220&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="p3hgYq8oywEhD3-ygKJsOGiQQogd-KkEGTTwN9GvmiQj01vOr1yyOb0NZhpsF4wknlegq7wkIDcItMn6JLFGYA" />
    <input value="20220" 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%2Fnabio%3Fformat%3Dturbo_stream%26page%3D175">
    <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/loveraw-pate-a-tartiner-noisette-chocolat-blanc-250-g-20221">
          <img alt="LoveRaw Pâte à tartiner Noisette &amp; Chocolat Blanc" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11363/file/small-a190814e3bde105b49135cc6a8739393.webp 600w, https://assets.fabulous.ch/public/variant_asset/11363/file/medium-54ae17298e0b097db1cc4611e642f2af.webp 900w, https://assets.fabulous.ch/public/variant_asset/11363/file/large-f3943dc683fe2f50df80e59b28256142.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11363/file/medium-54ae17298e0b097db1cc4611e642f2af.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">Love Raw</p>
          <a href="/fr/products/loveraw-pate-a-tartiner-noisette-chocolat-blanc-250-g-20221">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">LoveRaw Pâte à tartiner Noisette &amp; Chocolat Blanc, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20221&quot;],&quot;content_name&quot;:&quot;LoveRaw Pâte à tartiner Noisette \u0026 Chocolat Blanc, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20221&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ev6BFapVZa4heo4nn64zXMOMz2jX2xI_GqmijEa5HTCWVbq5qiEclr14l49zG9NANUstS3YHmwwLKZtBs6fBdA" />
    <input value="20221" 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%2Fnabio%3Fformat%3Dturbo_stream%26page%3D175">
    <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/vegantics-large-mallows-100-g-20222">
          <img alt="Vegantics Large Mallows" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11364/file/small-6f3b736006156bb386507d6ab068a448.webp 600w, https://assets.fabulous.ch/public/variant_asset/11364/file/medium-9e726662d44fc770956f7e5fb49a1e36.webp 900w, https://assets.fabulous.ch/public/variant_asset/11364/file/large-1451508065cce98b3b62cd5133ae7a6c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11364/file/medium-9e726662d44fc770956f7e5fb49a1e36.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">Freedom Mallows</p>
          <a href="/fr/products/vegantics-large-mallows-100-g-20222">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vegantics Large Mallows, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20222&quot;],&quot;content_name&quot;:&quot;Vegantics Large Mallows, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20222&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="V01UOEKe_n0TOHv5WZEVkzuOyMZe1_moZfS0Ok9EEJvT5m-UQuqHRY86YlG1JPWPzUkq5f8LcJt0dI33ulrM3w" />
    <input value="20222" 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%2Fnabio%3Fformat%3Dturbo_stream%26page%3D175">
    <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/pink-white-mini-marshmallows-100-g-20223">
          <img alt="Pink &amp; White Mini Marshmallows" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11365/file/small-2a390105ad45d60c3d21ca90c46050aa.webp 600w, https://assets.fabulous.ch/public/variant_asset/11365/file/medium-e96b14dcca4e51e7ce0a2534a9f92155.webp 900w, https://assets.fabulous.ch/public/variant_asset/11365/file/large-9fda3045f7096d9f96bcca4bc15c0129.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11365/file/medium-e96b14dcca4e51e7ce0a2534a9f92155.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">Freedom Mallows</p>
          <a href="/fr/products/pink-white-mini-marshmallows-100-g-20223">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pink &amp; White Mini Marshmallows, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20223&quot;],&quot;content_name&quot;:&quot;Pink \u0026 White Mini Marshmallows, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20223&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2j9eeMWoNwHVrvZi5BBX19QLGbI9ZCFkISLoUatHOAVelGXUxdxOOUms78oIpbfLIsz7kZy4qFcwotGcXlnkQQ" />
    <input value="20223" 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%2Fnabio%3Fformat%3Dturbo_stream%26page%3D175">
    <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/50-g-40eaceb4-6e67-411e-8d55-32fa5561510d-20224">
          <img alt="Peanut Nougat Choc Bar" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11366/file/small-2f59c8274aee455ff2f93f247f262693.webp 600w, https://assets.fabulous.ch/public/variant_asset/11366/file/medium-f11c778a9d9dd5a6516594115032b4e5.webp 900w, https://assets.fabulous.ch/public/variant_asset/11366/file/large-54caec1321f75c8ccfd1fd7cca8627ed.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11366/file/medium-f11c778a9d9dd5a6516594115032b4e5.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">Buttermilk Confectionary</p>
          <a href="/fr/products/50-g-40eaceb4-6e67-411e-8d55-32fa5561510d-20224">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Peanut Nougat Choc Bar, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20224&quot;],&quot;content_name&quot;:&quot;Peanut Nougat Choc Bar, 50 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20224&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Xu_cp-PV302QgbJIUydhHT_mXEKk3VqTw_oHZ7brskraROcL46GmdQyDq-C_koEBySG-YQUB06DSej6qQ_VuDg" />
    <input value="20224" 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%2Fnabio%3Fformat%3Dturbo_stream%26page%3D175">
    <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/coconut-choc-bar-45-g-20227">
          <img alt="Coconut Choc Bar" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11370/file/small-00e3b3cbbaa65eac0f2b17f3ceddb4c8.webp 600w, https://assets.fabulous.ch/public/variant_asset/11370/file/medium-b2ca8c34dc362725ea94f188920415ef.webp 900w, https://assets.fabulous.ch/public/variant_asset/11370/file/large-7aa1d597cb063432eab73d3a5db5fce2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11370/file/medium-b2ca8c34dc362725ea94f188920415ef.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">Buttermilk Confectionary</p>
          <a href="/fr/products/coconut-choc-bar-45-g-20227">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Coconut Choc Bar, 45 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20227&quot;],&quot;content_name&quot;:&quot;Coconut Choc Bar, 45 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20227&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AIU8REdU7CKCrgU1P7loy9T_6R4efJnlmo-38rVxfJGELgfoRyCVGh6sHJ3TDIjXIjgLPb-gENaLD44_QG-g1Q" />
    <input value="20227" 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%2Fnabio%3Fformat%3Dturbo_stream%26page%3D175">
    <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/honeycomb-blast-choc-bar-45-g-20228">
          <img alt="Honeycomb Blast Choc Bar" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11371/file/small-45fea5a4761a375c6228c866164dec80.webp 600w, https://assets.fabulous.ch/public/variant_asset/11371/file/medium-ff223df6c2a64d0a07048f51cac02b57.webp 900w, https://assets.fabulous.ch/public/variant_asset/11371/file/large-aa31e5747f70edf1a0c12983f290249b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11371/file/medium-ff223df6c2a64d0a07048f51cac02b57.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">Buttermilk Confectionary</p>
          <a href="/fr/products/honeycomb-blast-choc-bar-45-g-20228">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Honeycomb Blast Choc Bar, 45 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20228&quot;],&quot;content_name&quot;:&quot;Honeycomb Blast Choc Bar, 45 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20228&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="adWmr7tY9MOVeuy3bpeHN7cO1_goDaei9TJ4Mghy0y_tfp0DuyyN-wl49R-CImcrQck124nRLpHkskH__WwPaw" />
    <input value="20228" 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%2Fnabio%3Fformat%3Dturbo_stream%26page%3D175">
    <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/choc-wafer-bar-38-g-20229">
          <img alt="Choc Wafer Bar" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11373/file/small-0ac255ec35d0678f17f5a4125d2eb810.webp 600w, https://assets.fabulous.ch/public/variant_asset/11373/file/medium-8e547b4155f5a3c65e416d838e1ed1cb.webp 900w, https://assets.fabulous.ch/public/variant_asset/11373/file/large-12376660fe7b444d254d0ec089c465a4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11373/file/medium-8e547b4155f5a3c65e416d838e1ed1cb.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">Buttermilk Confectionary</p>
          <a href="/fr/products/choc-wafer-bar-38-g-20229">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Choc Wafer Bar, 38 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20229&quot;],&quot;content_name&quot;:&quot;Choc Wafer Bar, 38 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20229&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="z9dEw3_ObrpL4cp-htg3EdBlm9UQUCLaArVAHeQad1VLfH9vf7oXgtfj09ZqbdcNJqJ59rGMq-kTNXnQEQSrEQ" />
    <input value="20229" 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%2Fnabio%3Fformat%3Dturbo_stream%26page%3D175">
    <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/caramel-nougat-choc-bar-50-g-20230">
          <img alt="Caramel Nougat Choc Bar" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11374/file/small-e171120ed9145570399f8d4fc4fb798a.webp 600w, https://assets.fabulous.ch/public/variant_asset/11374/file/medium-912d533cd55ed514a7d08bc7ffe4aeab.webp 900w, https://assets.fabulous.ch/public/variant_asset/11374/file/large-9f858ca052b0188dc6bc5761777707db.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11374/file/medium-912d533cd55ed514a7d08bc7ffe4aeab.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">Buttermilk Confectionary</p>
          <a href="/fr/products/caramel-nougat-choc-bar-50-g-20230">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Caramel Nougat Choc Bar, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20230&quot;],&quot;content_name&quot;:&quot;Caramel Nougat Choc Bar, 50 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20230&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gBMUgnEjQKZ0oQyN6gG_1FvEermwY8e0ehGW9Uq6REMEuC8ucVc5nuijFSUGtF_IrQOYmhG_Todrka84v6SYBw" />
    <input value="20230" 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%2Fnabio%3Fformat%3Dturbo_stream%26page%3D175">
    <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/vitamin-tripl3-c-100mg-90-capsules-date-limite-31-08-2026-20240">
          <img alt="Vitamin Tripl3 C 100mg" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3003/file/small-b4d166bc5eed1e2353b88d40143a5af6.webp 600w, https://assets.fabulous.ch/public/variant_asset/3003/file/medium-8d54f6fa68fe119c30c6047f7e5a93e7.webp 900w, https://assets.fabulous.ch/public/variant_asset/3003/file/large-c9e840e9c8be58044cc04eb3c3416751.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3003/file/medium-8d54f6fa68fe119c30c6047f7e5a93e7.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">energybalance</p>
          <a href="/fr/products/vitamin-tripl3-c-100mg-90-capsules-date-limite-31-08-2026-20240">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vitamin Tripl3 C 100mg, 90 capsules (Date limite 31.08.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 28.00</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 11.20</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20240&quot;],&quot;content_name&quot;:&quot;Vitamin Tripl3 C 100mg, 90 capsules (Date limite 31.08.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20240&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:11.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NrFbLn3IKVZHDPlItHBwOTihb8ltJfSr8nlZXy6ugVyyGmCCfbxQbtsO4OBYxZAlzmaN6sz5fZjj-WCS27BdGA" />
    <input value="20240" 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%2Fnabio%3Fformat%3Dturbo_stream%26page%3D175">
    <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/love-corn-habanero-chilli-45-g-date-limite-31-08-2026-20241">
          <img alt="Love Corn habanero chilli" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6917/file/small-aac3c59b218bf9c93dc42416131dbddc.webp 600w, https://assets.fabulous.ch/public/variant_asset/6917/file/medium-cc98e7a0908cac411bf7bcb5a4d4687a.webp 900w, https://assets.fabulous.ch/public/variant_asset/6917/file/large-f2b8b8ce9772ade4ad30729f35536379.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6917/file/medium-cc98e7a0908cac411bf7bcb5a4d4687a.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">Love Corn Ltd.</p>
          <a href="/fr/products/love-corn-habanero-chilli-45-g-date-limite-31-08-2026-20241">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Love Corn habanero chilli, 45 g (Date limite 31.08.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 1.75</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20241&quot;],&quot;content_name&quot;:&quot;Love Corn habanero chilli, 45 g (Date limite 31.08.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20241&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="GI4KLEEMkIN5S6fBXzdPQ6NOmSn1GrkkRUOLyXY6O_mcJTGAQXjpu-VJvmmzgq9fVYl7ClTGMBdUw7IEgyTnvQ" />
    <input value="20241" 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%2Fnabio%3Fformat%3Dturbo_stream%26page%3D175">
    <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">
    41 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/jelly-ourson-gingembre-sans-gelatine-bio-100-g-date-limite-31-08-2026-20247">
          <img alt="Jelly Ourson Gingembre Sans Gelatine, Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3367/file/small-9b5f6672bcb8a0e90d4780aebc11a1fc.webp 600w, https://assets.fabulous.ch/public/variant_asset/3367/file/medium-052e0b59ff2116b6b57070bdb4e5b6bb.webp 900w, https://assets.fabulous.ch/public/variant_asset/3367/file/large-70e6eeffe4d6af4b881403533414ba4d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3367/file/medium-052e0b59ff2116b6b57070bdb4e5b6bb.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/fr/products/jelly-ourson-gingembre-sans-gelatine-bio-100-g-date-limite-31-08-2026-20247">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Jelly Ourson Gingembre Sans Gelatine, Bio, 100 g (Date limite 31.08.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 3.70</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.20</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20247&quot;],&quot;content_name&quot;:&quot;Jelly Ourson Gingembre Sans Gelatine, Bio, 100 g (Date limite 31.08.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20247&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Qfw8y9lFKGrHyPrac2_0kcS-iqN7w5XZfTUG6H2WTM3FVwdn2TFRUlvK43Kf2hSNMnlogNofHOpstT8liIiQiQ" />
    <input value="20247" 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%2Fnabio%3Fformat%3Dturbo_stream%26page%3D175">
    <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/love-corn-smoked-bbq-45-g-date-limite-31-08-2026-20249">
          <img alt="Love Corn Smoked BBQ" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6916/file/small-9b376d666782f60ffe31c8e3c39851e9.webp 600w, https://assets.fabulous.ch/public/variant_asset/6916/file/medium-1327526de1b4445e035768f49357cda3.webp 900w, https://assets.fabulous.ch/public/variant_asset/6916/file/large-b4a018c9b301d24d3a3c17d4a38a1da7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6916/file/medium-1327526de1b4445e035768f49357cda3.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">Love Corn Ltd.</p>
          <a href="/fr/products/love-corn-smoked-bbq-45-g-date-limite-31-08-2026-20249">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Love Corn Smoked BBQ, 45 g (Date limite 31.08.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 1.75</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20249&quot;],&quot;content_name&quot;:&quot;Love Corn Smoked BBQ, 45 g (Date limite 31.08.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20249&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="Or4dD9pYlj_OjbrYDJXY2rfjAIv45zOt9-ahNjL8R22-FSaj2izvB1KPo3DgIDjGQSTiqFk7up7mZpj7x-KbKQ" />
    <input value="20249" 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%2Fnabio%3Fformat%3Dturbo_stream%26page%3D175">
    <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/dessert-de-riz-a-la-vanille-bio-530-g-date-limite-01-09-2026-20251">
          <img alt="Dessert de Riz à la Vanille Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6676/file/small-7dfd6738bf8f4e2f36d49d0560636615.webp 600w, https://assets.fabulous.ch/public/variant_asset/6676/file/medium-a19595875ac390edabac6113c10288b6.webp 900w, https://assets.fabulous.ch/public/variant_asset/6676/file/large-30ad1b9970bbe6ff3f44d48c087e397a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6676/file/medium-a19595875ac390edabac6113c10288b6.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">SOON</p>
          <a href="/fr/products/dessert-de-riz-a-la-vanille-bio-530-g-date-limite-01-09-2026-20251">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dessert de Riz à la Vanille Bio, 530 g (Date limite 01.09.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 3.25</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 1.95</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20251&quot;],&quot;content_name&quot;:&quot;Dessert de Riz à la Vanille Bio, 530 g (Date limite 01.09.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20251&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UglRlKrqctTfklOIHW0LnVmVeERPq601KWS5-KwewaLWomo4qp4L7EOQSiDx2OuBr1KaZ-53JAY45IA1WQAd5g" />
    <input value="20251" 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%2Fnabio%3Fformat%3Dturbo_stream%26page%3D175">
    <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">
    10 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/the-infusion-bonjour-bio-20-sachets-20-sachets-date-limite-13-09-2026-20254">
          <img alt="Thé Infusion Bonjour Bio, 20 Sachets" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3037/file/small-646b35a10126a24f746a8b2107abc6c1.webp 600w, https://assets.fabulous.ch/public/variant_asset/3037/file/medium-c93f5b695417d44b782d1a75c1fb21a0.webp 900w, https://assets.fabulous.ch/public/variant_asset/3037/file/large-9667f577d41754586046226077add4dc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3037/file/medium-c93f5b695417d44b782d1a75c1fb21a0.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">Cupper</p>
          <a href="/fr/products/the-infusion-bonjour-bio-20-sachets-20-sachets-date-limite-13-09-2026-20254">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Thé Infusion Bonjour Bio, 20 Sachets, 20 sachets (Date limite 13.09.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 5.20</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 4.70</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20254&quot;],&quot;content_name&quot;:&quot;Thé Infusion Bonjour Bio, 20 Sachets, 20 sachets (Date limite 13.09.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20254&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YuDOF_X1Hk-JGEFU0J2Q5ESSwYMv_eeMwiGdL4SF1TDmS_W79YFndxUaWPw8KHD4slUjoI4hbr_ToaTicZsJdA" />
    <input value="20254" 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%2Fnabio%3Fformat%3Dturbo_stream%26page%3D175">
    <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/sirop-de-yacon-bio-250-g-date-limite-02-09-2026-20255">
          <img alt="Sirop de Yacon Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6654/file/small-df894fceffb2df40052d4e5aae4dbdfa.webp 600w, https://assets.fabulous.ch/public/variant_asset/6654/file/medium-82a2e9ba36de9bdd27c2c8ddf95be3c2.webp 900w, https://assets.fabulous.ch/public/variant_asset/6654/file/large-f0e4ad978fee15d5269f52b2929caec2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6654/file/medium-82a2e9ba36de9bdd27c2c8ddf95be3c2.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">Sembrador</p>
          <a href="/fr/products/sirop-de-yacon-bio-250-g-date-limite-02-09-2026-20255">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sirop de Yacon Bio, 250 g (Date limite 02.09.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 20.20</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 10.10</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20255&quot;],&quot;content_name&quot;:&quot;Sirop de Yacon Bio, 250 g (Date limite 02.09.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20255&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="cbNQ8_-kUpBORmi3zuEbLmrixRIVu1EZY4iDn198W-L1GGtf_9ArqNJEcR8iVPsynCUnMbRn2CpyCLpSqmKHpg" />
    <input value="20255" 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%2Fnabio%3Fformat%3Dturbo_stream%26page%3D175">
    <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/hyaluron-miracle-lift-30-ml-20259">
          <img alt="Hyaluron miracle lift" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11447/file/small-7cf8573d87a5770d681abef126899249.webp 600w, https://assets.fabulous.ch/public/variant_asset/11447/file/medium-17aafb5e5d14dc313513a440781c0b93.webp 900w, https://assets.fabulous.ch/public/variant_asset/11447/file/large-6266a261d9004a1be51a494c5ff365be.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11447/file/medium-17aafb5e5d14dc313513a440781c0b93.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">Arya Laya</p>
          <a href="/fr/products/hyaluron-miracle-lift-30-ml-20259">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hyaluron miracle lift, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 32.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20259&quot;],&quot;content_name&quot;:&quot;Hyaluron miracle lift, 30 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20259&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:32.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-PBiUGfyr0IITIbALwQz-X8saeenDs5H8bxLp2i4Mip8W1n8Z4bWepROn2jDsdPlieuLxAbSR3TgPHJqnabubg" />
    <input value="20259" 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%2Fnabio%3Fformat%3Dturbo_stream%26page%3D175">
    <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">
    30 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/boisson-a-base-d-avoine-barista-edition-1-l-date-limite-01-08-2026-20266">
          <img alt="Boisson à base d&#39;avoine Barista Edition" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2298/file/small-2918a7db64d4fae4aa469b24fd5e7a70.webp 600w, https://assets.fabulous.ch/public/variant_asset/2298/file/medium-2a7f68c6fad608245380699fe04d4b68.webp 900w, https://assets.fabulous.ch/public/variant_asset/2298/file/large-4e88dce3d94c6cdec5a701cddf5af337.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2298/file/medium-2a7f68c6fad608245380699fe04d4b68.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-a-base-d-avoine-barista-edition-1-l-date-limite-01-08-2026-20266">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Boisson à base d&#39;avoine Barista Edition, 1 l (Date limite 01.09.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 3.45</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.40</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-20266-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20266&quot;],&quot;content_name&quot;:&quot;Boisson à base d&#39;avoine Barista Edition, 1 l (Date limite 01.09.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20266&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JIo-2Oj2Q7cFDSsM0oMtP4vs_fEa0syoEITO5mtg29GgIQV06II6j5kPMqQ-Ns0jfSsf0rsORZsBBPcrnn4HlQ" />
    <input value="20266" 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;500 sur 3&#39;594 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/nabio?format=turbo_stream&amp;page=176">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>