<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%2Fpill-cosmetic%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/sel-aux-herbes-barechrut-bio-55-g-20299">
          <img alt="Sel aux herbes bärechrut bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11516/file/small-244fd6ac7f0c691509ed1a9c016c5896.webp 600w, https://assets.fabulous.ch/public/variant_asset/11516/file/medium-330c7b16ec0d943575dcc75af67f1302.webp 900w, https://assets.fabulous.ch/public/variant_asset/11516/file/large-56f76320a975b15733003ced4f074c58.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11516/file/medium-330c7b16ec0d943575dcc75af67f1302.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">Chalira</p>
          <a href="/fr/products/sel-aux-herbes-barechrut-bio-55-g-20299">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sel aux herbes bärechrut bio, 55 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20299&quot;],&quot;content_name&quot;:&quot;Sel aux herbes bärechrut bio, 55 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20299&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:13.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Dd3MF-zV-FxXPeIVsEM6G8FGZngf2icSiHm2CLmRAS0UkEEVrV_kjbyVoQWA9IIHO9I2-M2ByxOIQSGqLUn_jQ" />
    <input value="20299" 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%2Fpill-cosmetic%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/sel-aux-herbes-barechrut-bio-25-g-20300">
          <img alt="Sel aux herbes bärechrut bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11517/file/small-06854d404c9939b8983b7f8149b42300.webp 600w, https://assets.fabulous.ch/public/variant_asset/11517/file/medium-445208b55d8297b0abfbc63ef035913e.webp 900w, https://assets.fabulous.ch/public/variant_asset/11517/file/large-59df40904afee6a6782ee9a922429ffa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11517/file/medium-445208b55d8297b0abfbc63ef035913e.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">Chalira</p>
          <a href="/fr/products/sel-aux-herbes-barechrut-bio-25-g-20300">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sel aux herbes bärechrut bio, 25 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20300&quot;],&quot;content_name&quot;:&quot;Sel aux herbes bärechrut bio, 25 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20300&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:13.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zjJJTrZc9zeQAFcjCRYujgoKOHqlrFovpXD3N0lnstzXf8RM99br5nuoFDM5oZaS8J5o-nf3ti6lSGCV3b9MfA" />
    <input value="20300" 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%2Fpill-cosmetic%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/babajaga-assaisonnement-pour-ragout-en-pot-23-g-20301">
          <img alt="Babajaga assaisonnement pour ragoût Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11519/file/small-223874a5f941f532cf60e1e801bea4e6.webp 600w, https://assets.fabulous.ch/public/variant_asset/11519/file/medium-336435ce003c6c3ce10d4f46ed21341d.webp 900w, https://assets.fabulous.ch/public/variant_asset/11519/file/large-1561331af9d16b9824fd1659d814d8fd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11519/file/medium-336435ce003c6c3ce10d4f46ed21341d.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">Chalira</p>
          <a href="/fr/products/babajaga-assaisonnement-pour-ragout-en-pot-23-g-20301">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Babajaga assaisonnement pour ragoût Bio, 23 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20301&quot;],&quot;content_name&quot;:&quot;Babajaga assaisonnement pour ragoût Bio, 23 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20301&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:13.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="X6jfW9imGQIc4iMnH_-kEatuQ8G9XuQC0Nuv68CO-UdG5VJZmSwF0_dKYDcvSBwNUfoTQW8FCAPQ4zhJVFYH5w" />
    <input value="20301" 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%2Fpill-cosmetic%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/babajaga-assaisonnement-pour-ragout-en-pot-55-g-20302">
          <img alt="Babajaga assaisonnement pour ragoût Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11520/file/small-94c4ab905ac8217ebe01843f8969b084.webp 600w, https://assets.fabulous.ch/public/variant_asset/11520/file/medium-de98fe2f990fe446f4c5afb73d7fba22.webp 900w, https://assets.fabulous.ch/public/variant_asset/11520/file/large-abbd11ae430e3ea802ec831850508ca4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11520/file/medium-de98fe2f990fe446f4c5afb73d7fba22.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">Chalira</p>
          <a href="/fr/products/babajaga-assaisonnement-pour-ragout-en-pot-55-g-20302">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Babajaga assaisonnement pour ragoût Bio, 55 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20302&quot;],&quot;content_name&quot;:&quot;Babajaga assaisonnement pour ragoût Bio, 55 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20302&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:13.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PXAqOcgOe6i2wo0nnuDTykYoDhKr9WSe3zv4xHevwaUkPac7iYRneV1qzjeuV2vWvLxeknmuiJ_fA29m43c_BQ" />
    <input value="20302" 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%2Fpill-cosmetic%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">
    20 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/poudre-d-herbe-de-ble-bio-75-g-date-limite-31-08-2026-20317">
          <img alt="Poudre d&#39;herbe de blé Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/467/file/small-2dafdbee7462f6c69f2199d2afbea7a6.webp 600w, https://assets.fabulous.ch/public/variant_asset/467/file/medium-1389e6cbe77e36e967b716c0861fd1d0.webp 900w, https://assets.fabulous.ch/public/variant_asset/467/file/large-439abd0bc15fe774e63c76ac3d4409e0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/467/file/medium-1389e6cbe77e36e967b716c0861fd1d0.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/poudre-d-herbe-de-ble-bio-75-g-date-limite-31-08-2026-20317">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Poudre d&#39;herbe de blé Bio, 75 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 9.75</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 7.80</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20317&quot;],&quot;content_name&quot;:&quot;Poudre d&#39;herbe de blé Bio, 75 g (Date limite 31.08.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20317&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="a5NFOg8l7c3MqtgNIAi1wkJTEwPY6mX_ny7niRAWIxBy3sg4Tq_xHCcCmx0Qvw3euMdDgwqxif6fFnArhM7dsA" />
    <input value="20317" 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%2Fpill-cosmetic%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">
    20 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/pate-de-curry-thai-vert-fair-bio-125-g-date-limite-31-08-2026-20318">
          <img alt="Pâte De Curry Thai Vert Fair Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3229/file/small-a39b777dca3bb53beff0804e15bdabfa.webp 600w, https://assets.fabulous.ch/public/variant_asset/3229/file/medium-89fa8731c8c61c1bd4964abcc6e492c2.webp 900w, https://assets.fabulous.ch/public/variant_asset/3229/file/large-52353548e06ded7e5be798585dc3ed6f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3229/file/medium-89fa8731c8c61c1bd4964abcc6e492c2.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">Welt Partner</p>
          <a href="/fr/products/pate-de-curry-thai-vert-fair-bio-125-g-date-limite-31-08-2026-20318">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pâte De Curry Thai Vert Fair Bio, 125 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 7.20</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 5.75</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20318&quot;],&quot;content_name&quot;:&quot;Pâte De Curry Thai Vert Fair Bio, 125 g (Date limite 31.08.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20318&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.75,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WeNw64UDVVKEcxLlLTfHVzyn_9nyjaIh0ILvZlwW7eFArv3pxIlJg2_bUfUdgH9LxjOvWSDWTiDQunjEyM4TQQ" />
    <input value="20318" 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%2Fpill-cosmetic%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">
    20 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/sproud-boisson-aux-proteines-de-pois-matcha-1-l-date-limite-07-09-2026-20319">
          <img alt="Sproud Boisson aux Protéines de Pois - Matcha" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7496/file/small-de5a9cb032691f9a2dbac77979254c02.webp 600w, https://assets.fabulous.ch/public/variant_asset/7496/file/medium-03da176ea8a91d4e4b02d07a93ed3a22.webp 900w, https://assets.fabulous.ch/public/variant_asset/7496/file/large-19fa000c98cdf7963bc24f76a28b7076.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7496/file/medium-03da176ea8a91d4e4b02d07a93ed3a22.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">SPROUD</p>
          <a href="/fr/products/sproud-boisson-aux-proteines-de-pois-matcha-1-l-date-limite-07-09-2026-20319">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sproud Boisson aux Protéines de Pois - Matcha, 1 l (Date limite 07.09.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 5.00</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 4.00</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20319&quot;],&quot;content_name&quot;:&quot;Sproud Boisson aux Protéines de Pois - Matcha, 1 l (Date limite 07.09.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20319&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hk5QSLWz1PvyU7HaCwmD7XHSUOel5b4DU86tnY1IsUmfA91K9DnIKhn78so7vjvxi0YAZ3e-UgJT9jo_GZBP6Q" />
    <input value="20319" 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%2Fpill-cosmetic%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">
    20 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/peak-punk-barre-a-l-avoine-white-chocolate-chip-bio-55-g-date-limite-02-09-2026-20320">
          <img alt="Peak Punk Barre à l&#39;avoine White Chocolate Chip Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8163/file/small-e197e0d88d53db2bce0b9a96faf424c7.webp 600w, https://assets.fabulous.ch/public/variant_asset/8163/file/medium-296729c9daa6de2c73854906b7e740bc.webp 900w, https://assets.fabulous.ch/public/variant_asset/8163/file/large-a7e8f62104874c89d4cf6051daa2bf21.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8163/file/medium-296729c9daa6de2c73854906b7e740bc.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">Peak Punk</p>
          <a href="/fr/products/peak-punk-barre-a-l-avoine-white-chocolate-chip-bio-55-g-date-limite-02-09-2026-20320">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Peak Punk Barre à l&#39;avoine White Chocolate Chip Bio, 55 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 3.45</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.75</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20320&quot;],&quot;content_name&quot;:&quot;Peak Punk Barre à l&#39;avoine White Chocolate Chip Bio, 55 g (Date limite 02.09.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20320&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.75,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UGM26Qcfs6Vfb-b8sJjPaJVRe2uPAxlcoLc9zcDwUbVJLrvrRpWvdLTHpeyAL3d0b8Ur611Y9V2gj6pvVCivFQ" />
    <input value="20320" 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%2Fpill-cosmetic%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">
    20 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/kookie-cat-beurre-d-arachide-chocolat-biscuits-bio-50-g-date-limite-08-09-2026-20321">
          <img alt="KOOKIE CAT Beurre d&#39;arachide &amp; chocolat Biscuits Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5269/file/small-7d50267dae6a162f8b87a80f28ad9e37.webp 600w, https://assets.fabulous.ch/public/variant_asset/5269/file/medium-4f2c2037c2bededf24b12de99c61f304.webp 900w, https://assets.fabulous.ch/public/variant_asset/5269/file/large-87ea4a6403e3baf1b14150f2daa38a4d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5269/file/medium-4f2c2037c2bededf24b12de99c61f304.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">Kookie Cat</p>
          <a href="/fr/products/kookie-cat-beurre-d-arachide-chocolat-biscuits-bio-50-g-date-limite-08-09-2026-20321">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">KOOKIE CAT Beurre d&#39;arachide &amp; chocolat Biscuits Bio, 50 g (Date limite 08.09.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 2.30</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 1.85</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20321&quot;],&quot;content_name&quot;:&quot;KOOKIE CAT Beurre d&#39;arachide \u0026 chocolat Biscuits Bio, 50 g (Date limite 08.09.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20321&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.85,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Emj9ALlMchUmqzlfsqZV2lPVymXy0NiPu2DZV0By1BMLJXAC-MZuxM0Dek-CEe3GqUGa5SCLNI67WE711Koqsw" />
    <input value="20321" 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%2Fpill-cosmetic%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">
    20 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/beurre-de-cacahuetes-onctueux-bio-310-g-date-limite-09-09-2026-20322">
          <img alt="Beurre de Cacahuètes Onctueux Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7128/file/small-684c0c79d148099a478524088693bc22.webp 600w, https://assets.fabulous.ch/public/variant_asset/7128/file/medium-172becec30d17c1636a0d9e9b33a3e1e.webp 900w, https://assets.fabulous.ch/public/variant_asset/7128/file/large-f57766b624e5462c4e18ee20a7979765.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7128/file/medium-172becec30d17c1636a0d9e9b33a3e1e.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/beurre-de-cacahuetes-onctueux-bio-310-g-date-limite-09-09-2026-20322">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Beurre de Cacahuètes Onctueux Bio, 310 g (Date limite 09.09.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 6.95</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 5.55</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20322&quot;],&quot;content_name&quot;:&quot;Beurre de Cacahuètes Onctueux Bio, 310 g (Date limite 09.09.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20322&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.55,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pJ-yX_ACpvFnV7bvCurEFs9dmIm0a3l3JhR-rOVluDe90j9dsYi6IIz_9f86XXwKNcnICWYwlXYmLOkOcb1Glw" />
    <input value="20322" 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%2Fpill-cosmetic%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">
    21 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/barre-energetique-orange-cacao-sans-gluten-bio-50-g-date-limite-09-09-2026-20323">
          <img alt="Barre Énergétique Orange Cacao 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/7347/file/small-c6d676042496aa904e6b296cda640ad7.webp 600w, https://assets.fabulous.ch/public/variant_asset/7347/file/medium-1daed870b417200c003ae065e64ae303.webp 900w, https://assets.fabulous.ch/public/variant_asset/7347/file/large-2500bc29da34a91770e30aed3951e504.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7347/file/medium-1daed870b417200c003ae065e64ae303.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">Raw Bite</p>
          <a href="/fr/products/barre-energetique-orange-cacao-sans-gluten-bio-50-g-date-limite-09-09-2026-20323">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Barre Énergétique Orange Cacao Sans Gluten Bio, 50 g (Date limite 09.09.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 2.65</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 5.30 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20323&quot;],&quot;content_name&quot;:&quot;Barre Énergétique Orange Cacao Sans Gluten Bio, 50 g (Date limite 09.09.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20323&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="UxBRpSfNZyIob9-Y0RHfDYJ9C63g2SvolgWqrMyE4zNKXdynZkd788PHnIjhpmcReOlbLTKCx-mWPT0OWFwdkw" />
    <input value="20323" 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%2Fpill-cosmetic%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">
    20 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/chips-fruites-fraise-bio-16-g-date-limite-29-08-2026-20324">
          <img alt="Chips fruités fraise Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5182/file/small-f3edc61125ee08bb2bc5838808c99d4a.webp 600w, https://assets.fabulous.ch/public/variant_asset/5182/file/medium-0ea0ade5c4050eed06f719ccb691ff74.webp 900w, https://assets.fabulous.ch/public/variant_asset/5182/file/large-615d97a0a69a0b30feb7987fa19020b7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5182/file/medium-0ea0ade5c4050eed06f719ccb691ff74.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">Freche Freunde</p>
          <a href="/fr/products/chips-fruites-fraise-bio-16-g-date-limite-29-08-2026-20324">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chips fruités fraise Bio, 16 g (Date limite 29.08.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 2.80</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20324&quot;],&quot;content_name&quot;:&quot;Chips fruités fraise Bio, 16 g (Date limite 29.08.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20324&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="9-GVm2rcYuTixpzSWj0sOBb1iGQbMUnN3-Y5IiCl6kXurBiZK1Z-NQlu38JqipQk7GHY5Mlqpczf3q6AtH0U5Q" />
    <input value="20324" 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%2Fpill-cosmetic%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/creme-solaire-baby-kids-spf-50-100-ml-20326">
          <img alt="Crème solaire Baby &amp; Kids SPF 50" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11533/file/small-73f7afb8d0967b2b328d16dc7c7ee28d.webp 600w, https://assets.fabulous.ch/public/variant_asset/11533/file/medium-e435411e1aed867232a1ab18708febe2.webp 900w, https://assets.fabulous.ch/public/variant_asset/11533/file/large-da15ab7673e1c8f8b95954856c68bf03.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11533/file/medium-e435411e1aed867232a1ab18708febe2.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">Inninova</p>
          <a href="/fr/products/creme-solaire-baby-kids-spf-50-100-ml-20326">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Crème solaire Baby &amp; Kids SPF 50, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 33.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20326&quot;],&quot;content_name&quot;:&quot;Crème solaire Baby \u0026 Kids SPF 50, 100 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20326&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:33.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5Vdxu6k-x0-BiWdiOfxsd0eOCWpMU9j2d-LFD9-zp0L8Gvy56LTbnmohJHIJS9RrvRpZ6p4INPd32lKtS2tZ4g" />
    <input value="20326" 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%2Fpill-cosmetic%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/creme-solaire-baby-kids-spf-50-15-ml-20328">
          <img alt="Crème solaire Baby &amp; Kids SPF 50" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11535/file/small-c5a9bfde6feb29a7b082bf6eb14a715e.webp 600w, https://assets.fabulous.ch/public/variant_asset/11535/file/medium-5d065d9560baf32f138e9383fe255062.webp 900w, https://assets.fabulous.ch/public/variant_asset/11535/file/large-5105807ae166af5215456be684fd2e61.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11535/file/medium-5d065d9560baf32f138e9383fe255062.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">Inninova</p>
          <a href="/fr/products/creme-solaire-baby-kids-spf-50-15-ml-20328">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Crème solaire Baby &amp; Kids SPF 50, 15 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20328&quot;],&quot;content_name&quot;:&quot;Crème solaire Baby \u0026 Kids SPF 50, 15 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20328&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:12.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="y4bg2muLKMyNM7ldk0YphO2hBHnprM-ekQyV0gtdr5zSy23YKgE0HWab-k2j8ZGYFzVU-Tv3I5-RNAJwn4VRPA" />
    <input value="20328" 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%2Fpill-cosmetic%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/after-sun-fluid-150-ml-20329">
          <img alt="After SUN Fluid" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11538/file/small-cbcb35e40e0ab3a9105d1d54bd9f4f38.webp 600w, https://assets.fabulous.ch/public/variant_asset/11538/file/medium-6a33283a9e0fb7dff08393de1b52d8cb.webp 900w, https://assets.fabulous.ch/public/variant_asset/11538/file/large-459f2847970f77890c35b4d86de3ddb3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11538/file/medium-6a33283a9e0fb7dff08393de1b52d8cb.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">Inninova</p>
          <a href="/fr/products/after-sun-fluid-150-ml-20329">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">After SUN Fluid, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20329&quot;],&quot;content_name&quot;:&quot;After SUN Fluid, 150 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20329&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:20.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="68M9Xo5x_CeiFg8jIlPFDDY-iel5pK56RYtMe2J2WxLyjrBcz_vg9km-TDMS5H0QzKrZaav_QntFs9vZ9q6lsg" />
    <input value="20329" 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%2Fpill-cosmetic%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/spray-anti-insectes-summ-summ-stopp-75-ml-20334">
          <img alt="Spray anti-insectes Summ Summ Stopp" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11546/file/small-d5a03648daa6980b30b7eb088406be46.webp 600w, https://assets.fabulous.ch/public/variant_asset/11546/file/medium-f79dd30e07f8df52fa30a95ac93cd2f2.webp 900w, https://assets.fabulous.ch/public/variant_asset/11546/file/large-59811c9359d8e9948d9f39976c67c355.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11546/file/medium-f79dd30e07f8df52fa30a95ac93cd2f2.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">farfalla</p>
          <a href="/fr/products/spray-anti-insectes-summ-summ-stopp-75-ml-20334">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Spray anti-insectes Summ Summ Stopp, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20334&quot;],&quot;content_name&quot;:&quot;Spray anti-insectes Summ Summ Stopp, 75 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20334&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:18.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VEFol_LTFisQx3rYCjszfvelQTW5SKwITajTLpdt1-pNDOWVs1kK-vtvOcg6jItiDTERtWsTQAlNkESMA7UpSg" />
    <input value="20334" 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%2Fpill-cosmetic%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/benevo-feast-sans-cereales-pour-chiens-395-g-b-ware-20335">
          <img alt="Benevo Feast sans céréales pour chiens" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7913/file/small-2efda9e1b00d83323ef4b6003d864418.webp 600w, https://assets.fabulous.ch/public/variant_asset/7913/file/medium-9c525aed40e805a7aae608ba8d4d8d59.webp 900w, https://assets.fabulous.ch/public/variant_asset/7913/file/large-e02409d05e9e7835827976a85e5e51a3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7913/file/medium-9c525aed40e805a7aae608ba8d4d8d59.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">Benevo</p>
          <a href="/fr/products/benevo-feast-sans-cereales-pour-chiens-395-g-b-ware-20335">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Benevo Feast sans céréales pour chiens, 395 g (B-Ware)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 4.70</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 4.25</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20335&quot;],&quot;content_name&quot;:&quot;Benevo Feast sans céréales pour chiens, 395 g (B-Ware)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20335&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.25,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VRicuav-wkjEtEL--gsdT_u700r5y-e2YmXexvjyDmtMVRG76nTemS8cAe7KvKVTAS-DyiuQC7diXUlkbCrwyw" />
    <input value="20335" 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%2Fpill-cosmetic%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">
    20 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/beurre-de-cacahuetes-croquant-bio-310-g-date-limite-11-09-2026-20339">
          <img alt="Beurre de Cacahuètes Croquant Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7127/file/small-89b25a4e18d7cc27762d8ad95b1707d1.webp 600w, https://assets.fabulous.ch/public/variant_asset/7127/file/medium-bbbbf0fa7d7e005fed1babae07c21457.webp 900w, https://assets.fabulous.ch/public/variant_asset/7127/file/large-f62a991a5abe47d812b3148ac32673eb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7127/file/medium-bbbbf0fa7d7e005fed1babae07c21457.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/beurre-de-cacahuetes-croquant-bio-310-g-date-limite-11-09-2026-20339">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Beurre de Cacahuètes Croquant Bio, 310 g (Date limite 11.09.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 6.95</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 5.55</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20339&quot;],&quot;content_name&quot;:&quot;Beurre de Cacahuètes Croquant Bio, 310 g (Date limite 11.09.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20339&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.55,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jlnoq0jOvJFvnxujvMeGJFA_O7FlTqsv2UPLCf4QGDmXFGWpCUSgQIQ3WLOMcD44qqtrMbcVRy7Ze1yrasjmmQ" />
    <input value="20339" 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%2Fpill-cosmetic%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/graisse-de-coco-100-bio-250-g-date-limite-03-09-2026-20340">
          <img alt="Graisse de coco 100% Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7652/file/small-649d77bfb43621281831c0f743920490.webp 600w, https://assets.fabulous.ch/public/variant_asset/7652/file/medium-c65a76b68335fa071246a962bb492cb9.webp 900w, https://assets.fabulous.ch/public/variant_asset/7652/file/large-c4587469fc8c19d6cf68badb7e33d3a9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7652/file/medium-c65a76b68335fa071246a962bb492cb9.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">Naturata</p>
          <a href="/fr/products/graisse-de-coco-100-bio-250-g-date-limite-03-09-2026-20340">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Graisse de coco 100% Bio, 250 g (Date limite 03.09.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 7.60</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 5.30</span>
            </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-20340-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20340&quot;],&quot;content_name&quot;:&quot;Graisse de coco 100% Bio, 250 g (Date limite 03.09.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20340&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="q7c3tCympTsBLoijwqQGzcIVjDYybKOar1hv05jwV4qy-rq2bSy56uqGy7PyE77ROIHctuA3T5uvYPhxDCipKg" />
    <input value="20340" 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%2Fpill-cosmetic%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">
    20 %
  </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-500-ml-date-limite-27-08-2026-20343">
          <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/5254/file/small-b858f30641a2a93e79086acab8b6518e.webp 600w, https://assets.fabulous.ch/public/variant_asset/5254/file/medium-e9b212c17d4745dc5135dcb909d0f268.webp 900w, https://assets.fabulous.ch/public/variant_asset/5254/file/large-4fae1b689cc5272f33516ff7e4d4e09b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5254/file/medium-e9b212c17d4745dc5135dcb909d0f268.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-500-ml-date-limite-27-08-2026-20343">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Boisson à base d&#39;avoine Barista Edition, 500 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 2.45</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.49 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20343&quot;],&quot;content_name&quot;:&quot;Boisson à base d&#39;avoine Barista Edition, 500 ml (Date limite 27.08.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20343&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="wbGidZ6v5dtI0exGUxDbxsx4Ww00MGM-uM4Fv9nt4K3Y_C933yX5CqN5r1Zjp2PaNuwLjeZrjz-49pIdTTUeDQ" />
    <input value="20343" 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;524 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/pill-cosmetic?format=turbo_stream&amp;page=176">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>