<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%2Fraw-bite%3Fformat%3Dturbo_stream%26page%3D199">
    <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/got-an-itch-friandises-de-bien-etre-vegetaliennes-pour-chiens-100-g-date-limite-15-11-2026-22450">
          <img alt="Got an Itch? Friandises de bien-être végétaliennes pour chiens" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6151/file/small-4892e403e512f5c8d1167b00a0ae0c2a.webp 600w, https://assets.fabulous.ch/public/variant_asset/6151/file/medium-ebe6a9b09beffed16a338b172a6b3900.webp 900w, https://assets.fabulous.ch/public/variant_asset/6151/file/large-9c37364913f186babeec15cbbb49dfa7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6151/file/medium-ebe6a9b09beffed16a338b172a6b3900.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">HOWND</p>
          <a href="/fr/products/got-an-itch-friandises-de-bien-etre-vegetaliennes-pour-chiens-100-g-date-limite-15-11-2026-22450">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Got an Itch? Friandises de bien-être végétaliennes pour chiens, 100 g (Date limite 15.11.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 6.30</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 5.05</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22450&quot;],&quot;content_name&quot;:&quot;Got an Itch? Friandises de bien-être végétaliennes pour chiens, 100 g (Date limite 15.11.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22450&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.05,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fjCUf6JvrdqPo1xAXIz_WcxXlqCB60WcKHM2w7tNub7O-4wopo7K0d2MoNiGTsiK8qltTIdT0rdMcf2D_9D_rg" />
    <input value="22450" 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%2Fraw-bite%3Fformat%3Dturbo_stream%26page%3D199">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Épuisé
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/just-egg-alternative-aux-oeufs-340-ml-22452">
          <img alt="JUST Egg alternative aux œufs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11881/file/small-b1044437bd7f6a9c1bb11970a2cd7af3.webp 600w, https://assets.fabulous.ch/public/variant_asset/11881/file/medium-fc9a4e7fcaf33aff7e4d9307ac6c5058.webp 900w, https://assets.fabulous.ch/public/variant_asset/11881/file/large-be6ae9f34e5b862691dfa0498e32ebc6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11881/file/medium-fc9a4e7fcaf33aff7e4d9307ac6c5058.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">Just Food Company</p>
          <a href="/fr/products/just-egg-alternative-aux-oeufs-340-ml-22452">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">JUST Egg alternative aux œufs, 340 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

              <div class="size-8 text-blue-300" title="Réfrigération nécessaire">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.32 / 100 ml
            </p>
        </div>
      </div>

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/fr/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    M&#39;avertir
</a>

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


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fraw-bite%3Fformat%3Dturbo_stream%26page%3D199">
    <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/smoothie-mangue-fruit-de-la-passion-bio-250-ml-date-limite-24-10-2026-22462">
          <img alt="Smoothie Mangue–Fruit de la passion Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7710/file/small-197b6759478c27108c5132c54ca4898f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7710/file/medium-d3dc10f8daf45e84b0d0689f2b91725c.webp 900w, https://assets.fabulous.ch/public/variant_asset/7710/file/large-16c068433ba1200b7e63ad186bec8526.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7710/file/medium-d3dc10f8daf45e84b0d0689f2b91725c.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">Biotta</p>
          <a href="/fr/products/smoothie-mangue-fruit-de-la-passion-bio-250-ml-date-limite-24-10-2026-22462">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Smoothie Mangue–Fruit de la passion Bio, 250 ml (Date limite 24.10.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 3.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 1.95</span>
            </p>

              <div class="size-8 text-blue-300" title="Réfrigération nécessaire">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.56 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22462&quot;],&quot;content_name&quot;:&quot;Smoothie Mangue–Fruit de la passion Bio, 250 ml (Date limite 24.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22462&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="DQCRkdjAh9Q41u2nCS0P4X_r1soDq7J2KVh7td42DHG9y4nG3CHg32r5ET_T7zgyQRUtJgUTJV1NWrD1mqtKYQ" />
    <input value="22462" 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%2Fraw-bite%3Fformat%3Dturbo_stream%26page%3D199">
    <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/pralines-framboise-boite-de-6-bio-88-g-date-limite-31-10-2026-22464">
          <img alt="Pralines Framboise Boîte de 6 Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2648/file/small-4d6bab69ac1245d4548ac40fb88e5b72.webp 600w, https://assets.fabulous.ch/public/variant_asset/2648/file/medium-8ea97910f51cc6d1acde3301d1b0d991.webp 900w, https://assets.fabulous.ch/public/variant_asset/2648/file/large-00d7099b4de7044e5af992c28040d1ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2648/file/medium-8ea97910f51cc6d1acde3301d1b0d991.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturkostbar</p>
          <a href="/fr/products/pralines-framboise-boite-de-6-bio-88-g-date-limite-31-10-2026-22464">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pralines Framboise Boîte de 6 Bio, 88 g (Date limite 31.10.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 15.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 11.15</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22464&quot;],&quot;content_name&quot;:&quot;Pralines Framboise Boîte de 6 Bio, 88 g (Date limite 31.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22464&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:11.15,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zClGuSoIEWsC7Lc6TUZfXqQLtX0pRml9YnRO4JiTa6Z84l7uLul2YFDDS6KXhGiNmvVOkS_-_lYGdoWg3A4ttg" />
    <input value="22464" 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%2Fraw-bite%3Fformat%3Dturbo_stream%26page%3D199">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    29 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/guimauves-vegetaliennes-dandies-chocolat-105-g-date-limite-30-10-2026-22465">
          <img alt="Guimauves Végétaliennes Dandies Chocolat" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9093/file/small-ff441dc4c1206ad7f7a3d59609765ce2.webp 600w, https://assets.fabulous.ch/public/variant_asset/9093/file/medium-10a20379c13781f947c7ac1416bdfa4e.webp 900w, https://assets.fabulous.ch/public/variant_asset/9093/file/large-f37f4460b8a6a3d71efe88d5a66a2ced.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9093/file/medium-10a20379c13781f947c7ac1416bdfa4e.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">Dandies Vegan Marshmallows</p>
          <a href="/fr/products/guimauves-vegetaliennes-dandies-chocolat-105-g-date-limite-30-10-2026-22465">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Guimauves Végétaliennes Dandies Chocolat, 105 g (Date limite 30.10.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 3.90</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 3.71 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22465&quot;],&quot;content_name&quot;:&quot;Guimauves Végétaliennes Dandies Chocolat, 105 g (Date limite 30.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22465&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="dgVSTF8TGrxdyYApr06SO2JhIJpZB_JNdVMq-C4Hl9PGzkobW_J9tw_mfLF1jKXoXJ_bdl-_ZWYRUeG4aprRww" />
    <input value="22465" 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%2Fraw-bite%3Fformat%3Dturbo_stream%26page%3D199">
    <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/tortilla-chips-chili-bio-150-g-date-limite-12-11-2026-22466">
          <img alt="Tortilla Chips Chili Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7488/file/small-40bea0e9520d2ee0b9738fc51d704a6c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7488/file/medium-0c066bd3df4153b0ac340a482c9cc088.webp 900w, https://assets.fabulous.ch/public/variant_asset/7488/file/large-69207ab123bb4ee1b2565c131d55d7f2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7488/file/medium-0c066bd3df4153b0ac340a482c9cc088.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">MiAdelita</p>
          <a href="/fr/products/tortilla-chips-chili-bio-150-g-date-limite-12-11-2026-22466">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tortilla Chips Chili Bio, 150 g (Date limite 12.11.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 5.75</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 4.60</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22466&quot;],&quot;content_name&quot;:&quot;Tortilla Chips Chili Bio, 150 g (Date limite 12.11.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22466&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8QxCkHAX27HA55lb1mg45xc1rjM5Fc78fkHWfFmS34tBx1rHdPa8upLIZcMMqg80KctV3z-tWdcaQx08HQ-Zmw" />
    <input value="22466" 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%2Fraw-bite%3Fformat%3Dturbo_stream%26page%3D199">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Épuisé
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/kombucha-matcha-passion-fruit-330-ml-22469">
          <img alt="Kombucha Matcha &amp; Passion Fruit" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11883/file/small-2b1823df22ef992c68b49250c2372136.webp 600w, https://assets.fabulous.ch/public/variant_asset/11883/file/medium-1bbd58e050139971e83f8d36b9332cf4.webp 900w, https://assets.fabulous.ch/public/variant_asset/11883/file/large-3e487fdde0e52596d70d7b513b1619b1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11883/file/medium-1bbd58e050139971e83f8d36b9332cf4.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">Rudy&#39;s Kombucha</p>
          <a href="/fr/products/kombucha-matcha-passion-fruit-330-ml-22469">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kombucha Matcha &amp; Passion Fruit, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/fr/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    M&#39;avertir
</a>

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


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fraw-bite%3Fformat%3Dturbo_stream%26page%3D199">
    <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/playful-pup-friandises-de-bien-etre-pour-chiens-100-g-date-limite-20-11-2026-22478">
          <img alt="Playful Pup! Friandises de bien-être pour chiens" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6156/file/small-f037471c10c9cac47825ac2adf35b25d.webp 600w, https://assets.fabulous.ch/public/variant_asset/6156/file/medium-333b6f4f3a79aadfbdcafe0773bf95fe.webp 900w, https://assets.fabulous.ch/public/variant_asset/6156/file/large-f9d219325e1cd63d6b5297bba67d0568.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6156/file/medium-333b6f4f3a79aadfbdcafe0773bf95fe.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">HOWND</p>
          <a href="/fr/products/playful-pup-friandises-de-bien-etre-pour-chiens-100-g-date-limite-20-11-2026-22478">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Playful Pup! Friandises de bien-être pour chiens, 100 g (Date limite 20.11.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 6.30</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 5.05</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22478&quot;],&quot;content_name&quot;:&quot;Playful Pup! Friandises de bien-être pour chiens, 100 g (Date limite 20.11.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22478&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.05,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="r0XApY1GzYl4dmTdIS49UeXO2NCI5uU6ZxQFhs-s90ofjtjyiaeqgipZmEX77AqC2zAjPI5echEDFs7GizGxWg" />
    <input value="22478" 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%2Fraw-bite%3Fformat%3Dturbo_stream%26page%3D199">
    <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/margarine-bio-alsan-une-alternative-vegetalienne-au-beurre-250-g-22484">
          <img alt="Margarine bio Alsan – Une alternative végétalienne au beurre" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11907/file/small-2b104ab10e9ab5841acaedc7153b5ca0.webp 600w, https://assets.fabulous.ch/public/variant_asset/11907/file/medium-0ee221dc90e0cbb359cfeefa2e025668.webp 900w, https://assets.fabulous.ch/public/variant_asset/11907/file/large-deda8781976dbd451f85c9d8b395dad3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11907/file/medium-0ee221dc90e0cbb359cfeefa2e025668.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">Alsan BIO</p>
          <a href="/fr/products/margarine-bio-alsan-une-alternative-vegetalienne-au-beurre-250-g-22484">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Margarine bio Alsan – Une alternative végétalienne au beurre, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.80
            </p>

              <div class="size-8 text-blue-300" title="Réfrigération critique nécessaire">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.12 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22484&quot;],&quot;content_name&quot;:&quot;Margarine bio Alsan – Une alternative végétalienne au beurre, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22484&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="gZby9FejwaqnQ_vtTY59BhvseWvbdQVu9Crda_g98RYxXeqjU0KmofVsB3WXTErVJRKCh93NkkWQKBYrvKC3Bg" />
    <input value="22484" 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%2Fraw-bite%3Fformat%3Dturbo_stream%26page%3D199">
    <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/saucisse-vegetalien-merguez-bio-200-g-date-limite-26-10-2026-22489">
          <img alt="Saucisse Végétalien Merguez Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1275/file/small-66fe0c6b56e3c5890d22507103277572.webp 600w, https://assets.fabulous.ch/public/variant_asset/1275/file/medium-e046e57a5e306de67eabfe3788f605de.webp 900w, https://assets.fabulous.ch/public/variant_asset/1275/file/large-6c2ab5ae6e876457d826d96323bfce8d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1275/file/medium-e046e57a5e306de67eabfe3788f605de.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">Wheaty</p>
          <a href="/fr/products/saucisse-vegetalien-merguez-bio-200-g-date-limite-26-10-2026-22489">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Saucisse Végétalien Merguez Bio, 200 g (Date limite 26.10.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 6.70</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.35</span>
            </p>

              <div class="size-8 text-blue-300" title="Réfrigération nécessaire">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.35 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22489&quot;],&quot;content_name&quot;:&quot;Saucisse Végétalien Merguez Bio, 200 g (Date limite 26.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22489&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.35,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iIPlJgQIO93kLmhZI778Jr-Xy8sGEnZ6PeI5l7UJjxA4SP1xAOlc1rYBlMH5fMv1gWkwJwCq4VFZ4PLX8ZTJAA" />
    <input value="22489" 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%2Fraw-bite%3Fformat%3Dturbo_stream%26page%3D199">
    <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/nouilles-biang-biang-bio-300-g-date-limite-21-11-2026-22490">
          <img alt="Nouilles Biang Biang Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7757/file/small-74ed7c5f4160c3dc71fec91af31f1aa9.webp 600w, https://assets.fabulous.ch/public/variant_asset/7757/file/medium-3b666f2ec271fb61258e7335f119d317.webp 900w, https://assets.fabulous.ch/public/variant_asset/7757/file/large-508e95706ae5e69e4d3d34f77fe47467.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7757/file/medium-3b666f2ec271fb61258e7335f119d317.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">Just Taste</p>
          <a href="/fr/products/nouilles-biang-biang-bio-300-g-date-limite-21-11-2026-22490">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nouilles Biang Biang Bio, 300 g (Date limite 21.11.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 4.40</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.95</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22490&quot;],&quot;content_name&quot;:&quot;Nouilles Biang Biang Bio, 300 g (Date limite 21.11.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22490&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DDxdjuSplrr_xITqVfz42fmUEHHA7PstKQ7-IPNGq7u890XZ4Ejxsa3reHKPPs8Kx2rrncZUbAZNDDVgt9vtqw" />
    <input value="22490" 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%2Fraw-bite%3Fformat%3Dturbo_stream%26page%3D199">
    <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/myey-alternative-au-blanc-d-oeuf-bio-5-x-200-g-22505">
          <img alt="MyEy Alternative au blanc d&#39;œuf Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11930/file/small-454cb54054a43e7fb16054968ae6a761.webp 600w, https://assets.fabulous.ch/public/variant_asset/11930/file/medium-7b89bb9d1a63a29cb8bdeb7430ffc024.webp 900w, https://assets.fabulous.ch/public/variant_asset/11930/file/large-79b968385b5dbb88b33358cb4154ca6e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11930/file/medium-7b89bb9d1a63a29cb8bdeb7430ffc024.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">MyEy</p>
          <a href="/fr/products/myey-alternative-au-blanc-d-oeuf-bio-5-x-200-g-22505">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">MyEy Alternative au blanc d&#39;œuf Bio, 5 x 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 70.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22505&quot;],&quot;content_name&quot;:&quot;MyEy Alternative au blanc d&#39;œuf Bio, 5 x 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22505&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:70.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fc3f_PLB9aIBLDw8Q1FmPSn82Gx_cwfO5IEaUnC6jfvNBser9iCSqVMDwKSZk1HuFwIjgHnLkOWAg9ESNCfL6w" />
    <input value="22505" 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%2Fraw-bite%3Fformat%3Dturbo_stream%26page%3D199">
    <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/myey-substitut-oeuf-jeune-bio-5-x-200-g-22506">
          <img alt="MyEy Substitut oeuf jeune Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11931/file/small-6e7652a24f171fb1830745130aecdb4f.webp 600w, https://assets.fabulous.ch/public/variant_asset/11931/file/medium-218348c19c29b8e3a646544850a56234.webp 900w, https://assets.fabulous.ch/public/variant_asset/11931/file/large-0170350c97948b12d6315a767c411168.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11931/file/medium-218348c19c29b8e3a646544850a56234.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">MyEy</p>
          <a href="/fr/products/myey-substitut-oeuf-jeune-bio-5-x-200-g-22506">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">MyEy Substitut oeuf jeune Bio, 5 x 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 70.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22506&quot;],&quot;content_name&quot;:&quot;MyEy Substitut oeuf jeune Bio, 5 x 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22506&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:70.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IkXPMZb40xKLcb6tBVN24FFkKUjYBqZCuL7p5uFNKBKSjtdmkhm0GdleQjXfkUEzb5rSpN6-MWncvCKmpdBuAg" />
    <input value="22506" 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%2Fraw-bite%3Fformat%3Dturbo_stream%26page%3D199">
    <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/schlagfix-creme-fouettee-en-bombe-200-ml-date-limite-23-11-2026-22509">
          <img alt="Schlagfix Crème Fouettée en bombe" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1046/file/small-796eb35e911ceb8a31e63a5a0bba70ca.webp 600w, https://assets.fabulous.ch/public/variant_asset/1046/file/medium-5a99181eb9254483eb20d8227aaffb09.webp 900w, https://assets.fabulous.ch/public/variant_asset/1046/file/large-05f803175d59edb7eebd9148132368df.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1046/file/medium-5a99181eb9254483eb20d8227aaffb09.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">Schlagfix</p>
          <a href="/fr/products/schlagfix-creme-fouettee-en-bombe-200-ml-date-limite-23-11-2026-22509">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schlagfix Crème Fouettée en bombe, 200 ml (Date limite 23.11.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 3.80</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.05</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22509&quot;],&quot;content_name&quot;:&quot;Schlagfix Crème Fouettée en bombe, 200 ml (Date limite 23.11.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22509&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.05,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9pYVgIw-XZGHW5aRcs5MmJI2mIM2r05G8LwocKZwyJtGXQ3XiN86mtV0agmoDHtLrMhjbzAX2W2UvuMw4u2Oiw" />
    <input value="22509" 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%2Fraw-bite%3Fformat%3Dturbo_stream%26page%3D199">
    <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">
    15 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/gondino-delicato-mild-bio-150-g-date-limite-29-10-2026-22511">
          <img alt="Gondino Delicato/Mild Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8671/file/small-b850cea9b2c6a2bd12cd74a4db00ea1f.webp 600w, https://assets.fabulous.ch/public/variant_asset/8671/file/medium-2ce3dd68d139768f741d5a1dbbab9fd9.webp 900w, https://assets.fabulous.ch/public/variant_asset/8671/file/large-f0d7c5e2f346eb3ac1d5fec000a9fa11.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8671/file/medium-2ce3dd68d139768f741d5a1dbbab9fd9.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">Pangea Food</p>
          <a href="/fr/products/gondino-delicato-mild-bio-150-g-date-limite-29-10-2026-22511">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gondino Delicato/Mild Bio, 150 g (Date limite 29.10.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 7.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 6.70</span>
            </p>

              <div class="size-8 text-blue-300" title="Réfrigération nécessaire">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 5.27 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22511&quot;],&quot;content_name&quot;:&quot;Gondino Delicato/Mild Bio, 150 g (Date limite 29.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22511&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6Vz_BHZQfE3XQbU7lga3I7-vdhsU9TzfmkfKtedkqhFZl-dTcrEbRoVuSaNMxIDwgVGN9xJNq_T-RQH1o_nsAQ" />
    <input value="22511" 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%2Fraw-bite%3Fformat%3Dturbo_stream%26page%3D199">
    <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/petit-frais-oignon-ciboulette-alternative-vegetale-au-fromage-frais-bio-130-g-date-limite-30-10-2026-22516">
          <img alt="Petit Frais Oignon &amp; Ciboulette Alternative Végétale au Fromage Frais Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7777/file/small-8db3318776ef52cca29486a170420f9a.webp 600w, https://assets.fabulous.ch/public/variant_asset/7777/file/medium-09bf899d4b79794afb88a6ada8a64c12.webp 900w, https://assets.fabulous.ch/public/variant_asset/7777/file/large-9d9e837d50789ec054c86ad526cd0f87.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7777/file/medium-09bf899d4b79794afb88a6ada8a64c12.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">Petit Veganne</p>
          <a href="/fr/products/petit-frais-oignon-ciboulette-alternative-vegetale-au-fromage-frais-bio-130-g-date-limite-30-10-2026-22516">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Petit Frais Oignon &amp; Ciboulette Alternative Végétale au Fromage Frais Bio, 130 g (Date limite 30.10.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 10.50</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 9.45</span>
            </p>

              <div class="size-8 text-blue-300" title="Réfrigération nécessaire">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 8.08 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22516&quot;],&quot;content_name&quot;:&quot;Petit Frais Oignon \u0026 Ciboulette Alternative Végétale au Fromage Frais Bio, 130 g (Date limite 30.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22516&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.45,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nNMjCe-ZQc7_CS3mNV0QZ_Yo7Hu4iekKxn8OJVodwy0sGDte63gmxa0m0X7vnye0yNYXl74xfiGifcVlHoCFPQ" />
    <input value="22516" 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%2Fraw-bite%3Fformat%3Dturbo_stream%26page%3D199">
    <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/pepins-de-raisin-farine-bio-140-g-date-limite-30-11-2026-22519">
          <img alt="Pépins de Raisin Farine Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1017/file/small-ee28729895913a64cfb4106d5dc94f05.webp 600w, https://assets.fabulous.ch/public/variant_asset/1017/file/medium-1ef2416c2edf2e6ade4f57dd778a33b8.webp 900w, https://assets.fabulous.ch/public/variant_asset/1017/file/large-5851072353823cf21940d56df5b51972.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1017/file/medium-1ef2416c2edf2e6ade4f57dd778a33b8.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/pepins-de-raisin-farine-bio-140-g-date-limite-30-11-2026-22519">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pépins de Raisin Farine Bio, 140 g (Date limite 30.11.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 8.60</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 6.90</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22519&quot;],&quot;content_name&quot;:&quot;Pépins de Raisin Farine Bio, 140 g (Date limite 30.11.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22519&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="E8YVEzH5_al9lVQhoDDxAdOSc-eH_L4NEcl-Xx0i6Q6jDQ1ENRiaoi-6qLl68sbS7WyIC4FEKSZ1y7UfWb-vHg" />
    <input value="22519" 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%2Fraw-bite%3Fformat%3Dturbo_stream%26page%3D199">
    <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">
    19 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/mayonnaise-vegan-au-curry-avec-huile-de-colza-bio-60-ml-date-limite-19-11-2026-22520">
          <img alt="Mayonnaise Vegan au Curry avec Huile de Colza Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7607/file/small-f00ad748ad9139b3cca262ad41918329.webp 600w, https://assets.fabulous.ch/public/variant_asset/7607/file/medium-a78042c9dfaefd686ab1b7d1c0799096.webp 900w, https://assets.fabulous.ch/public/variant_asset/7607/file/large-a20be8e7c536f598b9fa0a11f5bf6928.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7607/file/medium-a78042c9dfaefd686ab1b7d1c0799096.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/mayonnaise-vegan-au-curry-avec-huile-de-colza-bio-60-ml-date-limite-19-11-2026-22520">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mayonnaise Vegan au Curry avec Huile de Colza Bio, 60 ml (Date limite 19.11.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 2.60</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.10</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22520&quot;],&quot;content_name&quot;:&quot;Mayonnaise Vegan au Curry avec Huile de Colza Bio, 60 ml (Date limite 19.11.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22520&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="A5MCCijWQIP4Cjoj9nWX7J-oBF63JPfBk-d5NpbYHFizWBpdLDcniKolxrsst6A_oVb_srGcYOr35bJ20kVaSA" />
    <input value="22520" 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%2Fraw-bite%3Fformat%3Dturbo_stream%26page%3D199">
    <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/noisettes-bio-200-g-date-limite-16-11-2026-22521">
          <img alt="Noisettes Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5323/file/small-c482bf28dcb01c359193bbb26bb9bbf6.webp 600w, https://assets.fabulous.ch/public/variant_asset/5323/file/medium-7ce98eee33a308d2057566c0dac9b132.webp 900w, https://assets.fabulous.ch/public/variant_asset/5323/file/large-6c552d396d0962cac06175c7724e8c2f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5323/file/medium-7ce98eee33a308d2057566c0dac9b132.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biofarm</p>
          <a href="/fr/products/noisettes-bio-200-g-date-limite-16-11-2026-22521">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Noisettes Bio, 200 g (Date limite 16.11.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 7.80</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 7.00</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22521&quot;],&quot;content_name&quot;:&quot;Noisettes Bio, 200 g (Date limite 16.11.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22521&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4ler5AN0lLiHqfrlxZxXGX__LsiKJq3g3mx_ya6c34JSnLOzB5Xzs9WGBn0fXmDKQQHVJIyeOsu6brSJ6gGZkg" />
    <input value="22521" 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%2Fraw-bite%3Fformat%3Dturbo_stream%26page%3D199">
    <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/dj-a-brocoli-croustillant-sel-de-mer-vinaigre-25-g-date-limite-09-11-2026-22523">
          <img alt="DJ&amp;A Brocoli croustillant sel de mer &amp; vinaigre" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7267/file/small-d0fc0c9dfc58e45b3cdad9fed8686a16.webp 600w, https://assets.fabulous.ch/public/variant_asset/7267/file/medium-ef4c7ed66f908cf3b0fdbf4f35f602a4.webp 900w, https://assets.fabulous.ch/public/variant_asset/7267/file/large-eeda5de292ba7f327435b170c7c9ff4a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7267/file/medium-ef4c7ed66f908cf3b0fdbf4f35f602a4.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">DJ&amp;A</p>
          <a href="/fr/products/dj-a-brocoli-croustillant-sel-de-mer-vinaigre-25-g-date-limite-09-11-2026-22523">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">DJ&amp;A Brocoli croustillant sel de mer &amp; vinaigre, 25 g (Date limite 09.11.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 5.90</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 23.60 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22523&quot;],&quot;content_name&quot;:&quot;DJ\u0026A Brocoli croustillant sel de mer \u0026 vinaigre, 25 g (Date limite 09.11.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22523&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="04y7FDBfinOGKLzF1PYA4uDpSjbJY6TROXgfiKMXD9hjR6NDNL7teNQHQF0ONDcx3hex2s_bM_pdetTI54pJyA" />
    <input value="22523" 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;980 sur 3&#39;982 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/raw-bite?format=turbo_stream&amp;page=200">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>