<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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/bain-de-cristaux-alcalins-60-g-b010c0b8-2e90-4bcd-bdca-f0815990f6b7-18066">
          <img alt="Bain de Cristaux Alcalins" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9021/file/small-d0902b59816b9e96f64631afed6eab2b.webp 600w, https://assets.fabulous.ch/public/variant_asset/9021/file/medium-39958995a174d74a4bfce811ac54c7ae.webp 900w, https://assets.fabulous.ch/public/variant_asset/9021/file/large-000a52b594d2c959ad70f4ca434ede1c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9021/file/medium-39958995a174d74a4bfce811ac54c7ae.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">Erva Medica AG</p>
          <a href="/fr/products/bain-de-cristaux-alcalins-60-g-b010c0b8-2e90-4bcd-bdca-f0815990f6b7-18066">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bain de Cristaux Alcalins, 60 g</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 6.50 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="N95ufS0hnmrtPoLt6NE98lKw6jXCGy6P-M5CAK2jj-L-EzIUS6xIxBycy-ReDFQ7SDOGTfw1fI-BPd9-JHEGhg" />
    <input value="18066" 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">
    <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/sauce-sandwich-burger-sans-gluten-bio-210-g-date-limite-31-07-2026-18074">
          <img alt="Sauce sandwich &amp; burger 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/5880/file/small-2b7b27edecab12a9e314acb8c447418d.webp 600w, https://assets.fabulous.ch/public/variant_asset/5880/file/medium-d8122671c58d37372ed5497bf692ee5e.webp 900w, https://assets.fabulous.ch/public/variant_asset/5880/file/large-9a973a84d5daf0557e714785e3227cec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5880/file/medium-d8122671c58d37372ed5497bf692ee5e.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/sauce-sandwich-burger-sans-gluten-bio-210-g-date-limite-31-07-2026-18074">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sauce sandwich &amp; burger sans gluten bio, 210 g (Date limite 31.07.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 4.95</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 4.20</span>
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mSE8uHH0yUNVamofC2q4tDoq6H0uYK3rwpgVz3NVdsRQ7GDRF3kf7aTIIxa9t9F9IKmEBRBO_-u7a4ix-of_oA" />
    <input value="18074" 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">
    <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/sauce-barbecue-aigre-douce-sans-gluten-bio-210-ml-date-limite-31-07-2026-18075">
          <img alt="Sauce barbecue aigre-douce 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/6842/file/small-fb04ef736cb7a10080928203ca524c72.webp 600w, https://assets.fabulous.ch/public/variant_asset/6842/file/medium-0d8224ba246f0cb6017d0c4dcbc37c4e.webp 900w, https://assets.fabulous.ch/public/variant_asset/6842/file/large-c1f3d62f85274f93b32ec31e792e8442.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6842/file/medium-0d8224ba246f0cb6017d0c4dcbc37c4e.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/sauce-barbecue-aigre-douce-sans-gluten-bio-210-ml-date-limite-31-07-2026-18075">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sauce barbecue aigre-douce sans gluten Bio, 210 ml (Date limite 31.07.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.00</span>
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="16Nv_XuDFIDt-S1T_NZ59zJUYY_1Daj1TECcgDDtAukebjOUHQ7CLhxbZFpKCxA-KNcN98sj-vU1swH-uT-LjQ" />
    <input value="18075" 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">
    <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/vitamin-d3-vegetalien-spray-5-g-200iu-50-portions-date-limite-31-08-2026-18076">
          <img alt="Vitamin D3 Végétalien Spray 5µg / 200iu" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8804/file/small-ba9a4468e1e96295421662ebab4357f7.webp 600w, https://assets.fabulous.ch/public/variant_asset/8804/file/medium-bd0cffe6c9f702c77eb2cec04379fa5e.webp 900w, https://assets.fabulous.ch/public/variant_asset/8804/file/large-f4a28fdf09165959f5bbdcea9ef73caa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8804/file/medium-bd0cffe6c9f702c77eb2cec04379fa5e.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">Vegetology</p>
          <a href="/fr/products/vitamin-d3-vegetalien-spray-5-g-200iu-50-portions-date-limite-31-08-2026-18076">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vitamin D3 Végétalien Spray 5µg / 200iu, 50 portions (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 15.80</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 11.05</span>
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HfoL75IgkUrs_AITBKJQOjySgQQByIKbBOck5L67Ro3UN1eG9K1H5B1eSxqyfznzJhHtfD_m0Jt9FLmaN2nP6Q" />
    <input value="18076" 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">
    <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/radiant-skin-concealer-medium-03-5-5-ml-date-limite-31-08-2026-18077">
          <img alt="Radiant Skin Concealer - Medium 03 -" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6530/file/small-21095698fae96b1834f9d5488a4f9b5b.webp 600w, https://assets.fabulous.ch/public/variant_asset/6530/file/medium-644e2d87a11adae9242c70dc88a34d5e.webp 900w, https://assets.fabulous.ch/public/variant_asset/6530/file/large-deb994fef84e697757ba55e3af260972.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6530/file/medium-644e2d87a11adae9242c70dc88a34d5e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lavera</p>
          <a href="/fr/products/radiant-skin-concealer-medium-03-5-5-ml-date-limite-31-08-2026-18077">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Radiant Skin Concealer - Medium 03 -, 5.5 ml (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 17.20</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 14.60</span>
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rikgIXto2cuhz3rb2U6mB-mVA317k7YQ8FhDcV212ghn5HxIHeUPZVBtM9Jvk8_O8xZvBUW95BCJq94P1GdTbA" />
    <input value="18077" 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">
    <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/preparation-pour-pain-wunderbrod-sans-gluten-bio-600-g-date-limite-11-07-2026-18078">
          <img alt="Préparation pour Pain Wunderbrød 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/2988/file/small-759e4a2627a3e568ac401e4c5ec8e4df.webp 600w, https://assets.fabulous.ch/public/variant_asset/2988/file/medium-b9fdad422f8763a8d1d357e988c47798.webp 900w, https://assets.fabulous.ch/public/variant_asset/2988/file/large-0f724ee644e251ed9cc763723699e45d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2988/file/medium-b9fdad422f8763a8d1d357e988c47798.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauckhof</p>
          <a href="/fr/products/preparation-pour-pain-wunderbrod-sans-gluten-bio-600-g-date-limite-11-07-2026-18078">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Préparation pour Pain Wunderbrød Sans Gluten Bio, 600 g (Date limite 11.07.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 8.00</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 5.60</span>
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bgrs3-pRWp0Q8BXJDI6pfPz74tytreyhrVeA99EhHl-nx7C2jNyMM-FSXMC6U8C15niOpJODvqHUpB2JWPOXOw" />
    <input value="18078" 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">
    <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/farine-de-seigle-complete-suisse-bio-1-kg-date-limite-21-07-2026-18082">
          <img alt="Farine de seigle complète Suisse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3979/file/small-2b305b4514fd40513473db895a509d01.webp 600w, https://assets.fabulous.ch/public/variant_asset/3979/file/medium-1a0c492ee1882d79cf98feb9bd7753b4.webp 900w, https://assets.fabulous.ch/public/variant_asset/3979/file/large-7c8196a200ed1deeeb45fe335ce39fd1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3979/file/medium-1a0c492ee1882d79cf98feb9bd7753b4.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/farine-de-seigle-complete-suisse-bio-1-kg-date-limite-21-07-2026-18082">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Farine de seigle complète Suisse Bio, 1 kg (Date limite 21.07.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 5.95</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 5.35</span>
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fDh2b12EH1LDHC1-pbSG_aK_zIUTAXbgDT9BLB9TPV619SoGOwnJ_DK-ZHcTae80uDyg_S0vJOB0zNxSloG0Og" />
    <input value="18082" 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">
    <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/boisson-a-l-avoine-barista-bio-1-l-date-limite-20-07-2026-18091">
          <img alt="Boisson à l&#39;avoine Barista Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8018/file/small-a5db5964ecc586cd6c4da41ba6d04894.webp 600w, https://assets.fabulous.ch/public/variant_asset/8018/file/medium-1312f852ca0e3e650989a83139f58edc.webp 900w, https://assets.fabulous.ch/public/variant_asset/8018/file/large-3a5d0ee1ade741938e7cb51c08732c5a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8018/file/medium-1312f852ca0e3e650989a83139f58edc.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">Alpro</p>
          <a href="/fr/products/boisson-a-l-avoine-barista-bio-1-l-date-limite-20-07-2026-18091">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Boisson à l&#39;avoine Barista Bio, 1 l (Date limite 20.07.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 3.10</span>
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rEKUD8SIXYkx9Iu8OHVDU39k2chkjJWW2V9obHW9BVRlj8hmogWLJ8BWwrWOqCqaZee1sFqix5agrPUS_G-MMA" />
    <input value="18091" 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">
    <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/vitamine-d3-k2-pour-enfants-120-comprimes-a-croquer-date-limite-31-07-2026-18092">
          <img alt="Vitamine D3 + K2 pour enfants" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4054/file/small-7818bed76662d5be5c92a5dfea72b98d.webp 600w, https://assets.fabulous.ch/public/variant_asset/4054/file/medium-39eaff8d1e761bfe555c1a1bf1378289.webp 900w, https://assets.fabulous.ch/public/variant_asset/4054/file/large-de1861bc7479998511a565962cd02484.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4054/file/medium-39eaff8d1e761bfe555c1a1bf1378289.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">Bjökovit</p>
          <a href="/fr/products/vitamine-d3-k2-pour-enfants-120-comprimes-a-croquer-date-limite-31-07-2026-18092">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vitamine D3 + K2 pour enfants, 120 comprimés à croquer (Date limite 31.07.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 25.85</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 18.10</span>
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pSAO8V9N-ACLGJTr7KjZYEuIZ6372M5ZCY2AncrqK9xs7VKYOcAurnq63eJadbCpUQsL1cX2nFlwfh3jQziiuA" />
    <input value="18092" 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">
    <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/premium-noix-de-cedre-qualite-crudite-bio-80-g-date-limite-15-07-2026-18093">
          <img alt="Premium Noix de cèdre Qualité Crudité Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2226/file/small-ee42a8cca25fa82feed18251bb0d9d52.webp 600w, https://assets.fabulous.ch/public/variant_asset/2226/file/medium-78c718f45e643663f5a748fd6a9ab0f7.webp 900w, https://assets.fabulous.ch/public/variant_asset/2226/file/large-569f9a475d98499e82067450a3376433.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2226/file/medium-78c718f45e643663f5a748fd6a9ab0f7.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">Flores Farm</p>
          <a href="/fr/products/premium-noix-de-cedre-qualite-crudite-bio-80-g-date-limite-15-07-2026-18093">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Premium Noix de cèdre Qualité Crudité Bio, 80 g (Date limite 15.07.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 7.65</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 6.10</span>
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JpvX4HnXWaJK8S8VkHpXgPnh62GifgP5ihZnhrwo0CrvVouJH1qPDLtTZhwmpz5J42KHGZxQUfnz5fr4NfpZTg" />
    <input value="18093" 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">
    <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-15-07-2026-18094">
          <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-15-07-2026-18094">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mayonnaise Vegan au Curry avec Huile de Colza Bio, 60 ml (Date limite 15.07.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-18094-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="c6Il7gThV8qY5TeX2H7ICJnML9xzyhI_tfZPJ1SvwVG6b3mHYmyBZGlHfp5uo6HBg09DpE3kQD_MBdJZ3X1INQ" />
    <input value="18094" 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">
    <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-a-tartiner-aux-noisettes-et-au-cacao-bio-200-g-date-limite-22-07-2026-18095">
          <img alt="Pâte à tartiner aux noisettes et au cacao bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7221/file/small-5ba1b358ce854b96cb51fcb4e3cefcbf.webp 600w, https://assets.fabulous.ch/public/variant_asset/7221/file/medium-ee7a713da534314f6a07c05e347448d7.webp 900w, https://assets.fabulous.ch/public/variant_asset/7221/file/large-f56c2598b93cda0b761def1a0f70b425.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7221/file/medium-ee7a713da534314f6a07c05e347448d7.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">Yacon&amp;co</p>
          <a href="/fr/products/pate-a-tartiner-aux-noisettes-et-au-cacao-bio-200-g-date-limite-22-07-2026-18095">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pâte à tartiner aux noisettes et au cacao bio, 200 g (Date limite 22.07.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 12.80</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 10.25</span>
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lye0qEN3aVpU__c1nlJrKwsvUeFYfYU4nnO-RnxXEvte6ujBJfq_9KVdvjwojwLiEaw9mWZT1zjngCM49YWbnw" />
    <input value="18095" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/baume-a-la-pomme-de-terre-100-ml-18105">
          <img alt="Baume à la pomme de terre" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9049/file/small-1b874f54d42322de64a888b547609dfc.webp 600w, https://assets.fabulous.ch/public/variant_asset/9049/file/medium-9ef7fa024363c7e2303c379ba950fd73.webp 900w, https://assets.fabulous.ch/public/variant_asset/9049/file/large-e0b6a19e8c8fadb6a389890764d0349f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9049/file/medium-9ef7fa024363c7e2303c379ba950fd73.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">Bergland</p>
          <a href="/fr/products/baume-a-la-pomme-de-terre-100-ml-18105">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Baume à la pomme de terre, 100 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 18.70 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kUCKxeEv3Vma07v75RkYzHoJKGmzWwnci_xbpFmE9axYjdash6IL92tx8vJTxHEFYIpEEY11W9zyD8ba0FZ8yA" />
    <input value="18105" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/farine-de-graines-de-caroube-bio-65-g-18106">
          <img alt="Farine de graines de caroube Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9050/file/small-38d336d713b5294e25ed42f175d3842f.webp 600w, https://assets.fabulous.ch/public/variant_asset/9050/file/medium-5d15b5cd913023014c34e0a1dcf3a9ab.webp 900w, https://assets.fabulous.ch/public/variant_asset/9050/file/large-5a66590f281d20af35356f3794c469c0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9050/file/medium-5d15b5cd913023014c34e0a1dcf3a9ab.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">Rapunzel</p>
          <a href="/fr/products/farine-de-graines-de-caroube-bio-65-g-18106">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Farine de graines de caroube Bio, 65 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hcapdjaqXScluMJUT4X_ZMacBHck1pW_zrAcnMimM3BMC_UfUCeLidQai135WJat3B9oDxr4x7-3Q4HiQXS6FA" />
    <input value="18106" 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">
    <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/poudre-de-guarana-bio-100-g-18107">
          <img alt="Poudre de Guarana Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9051/file/small-d0d56e1e47c7fa37d4ee9be013a2e447.webp 600w, https://assets.fabulous.ch/public/variant_asset/9051/file/medium-ef7c3ed2398eb2258871bb855b2b5f75.webp 900w, https://assets.fabulous.ch/public/variant_asset/9051/file/large-c95566734c2eba820178ca01c75dc670.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9051/file/medium-ef7c3ed2398eb2258871bb855b2b5f75.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">NaturKraftWerke</p>
          <a href="/fr/products/poudre-de-guarana-bio-100-g-18107">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Poudre de Guarana Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zjEYt397wW0U8zKpwsmH4zuMdpGd49Ec71D2Pu97cvkH_ETeGfYXw-VRe6B0FO4qIQ8a6aPNgxyWo2tAZqn7nQ" />
    <input value="18107" 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">
    <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/savon-mains-sensitif-300-ml-date-limite-17-10-2026-18115">
          <img alt="Savon Mains Sensitif" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2623/file/small-dc7eadf91470d08e04240c3f551a3005.webp 600w, https://assets.fabulous.ch/public/variant_asset/2623/file/medium-be521b50d6c0f98c3707b7f7828d533d.webp 900w, https://assets.fabulous.ch/public/variant_asset/2623/file/large-f5edf0e107a508cfb7cacca0b8f62ecc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2623/file/medium-be521b50d6c0f98c3707b7f7828d533d.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">Sonett</p>
          <a href="/fr/products/savon-mains-sensitif-300-ml-date-limite-17-10-2026-18115">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Savon Mains Sensitif, 300 ml (Date limite 17.10.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 7.45</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.75</span>
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="guAKTOXbqrEnzjGcrJp-PO74N14UBmcs3zJ0IBcuFJhLLVYlg1Z8H9ZseJUaRxf19HtbJiooNSymwelenvyd_A" />
    <input value="18115" 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">
    <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/barre-creme-de-cacahuete-cacao-bio-28-g-date-limite-18-07-2026-18116">
          <img alt="Barre crème de cacahuète cacao Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6299/file/small-f722f623397e1592aba559ac2f0ddde5.webp 600w, https://assets.fabulous.ch/public/variant_asset/6299/file/medium-daf2bde066b73a7113a43c403d051ae6.webp 900w, https://assets.fabulous.ch/public/variant_asset/6299/file/large-ea96d63e0f229a0395de3be954645a23.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6299/file/medium-daf2bde066b73a7113a43c403d051ae6.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">foodloose</p>
          <a href="/fr/products/barre-creme-de-cacahuete-cacao-bio-28-g-date-limite-18-07-2026-18116">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Barre crème de cacahuète cacao Bio, 28 g (Date limite 18.07.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 4.15</span>
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="w2dduJJ28-4zGPGoY5ZY1d5afdYF8GJa91S25hRDFx4KqgHR9PslQMK6uKHVSzEcxNkRrjveMFqOpyuYnZGeeg" />
    <input value="18116" 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">
    <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/treets-pretzel-bites-175-g-18122">
          <img alt="Treets Pretzel Bites" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9061/file/small-025e97c9125f17375ca3f8d97f241110.webp 600w, https://assets.fabulous.ch/public/variant_asset/9061/file/medium-845a6d35c748296d3e44f989f386f81f.webp 900w, https://assets.fabulous.ch/public/variant_asset/9061/file/large-779b1f55ea71e41151394d18b7a2636e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9061/file/medium-845a6d35c748296d3e44f989f386f81f.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">Treets GmbH</p>
          <a href="/fr/products/treets-pretzel-bites-175-g-18122">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Treets Pretzel Bites, 175 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-18122-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">
    <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/treets-salted-peanuts-200-g-18123">
          <img alt="Treets Salted Peanuts" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9062/file/small-24f1c352f10f5fa3b59d17d0160cff0e.webp 600w, https://assets.fabulous.ch/public/variant_asset/9062/file/medium-dc523aa40e3f0484dc4a73acbb1affdd.webp 900w, https://assets.fabulous.ch/public/variant_asset/9062/file/large-a230b6d588f42939dec81e2b980fc178.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9062/file/medium-dc523aa40e3f0484dc4a73acbb1affdd.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">Treets GmbH</p>
          <a href="/fr/products/treets-salted-peanuts-200-g-18123">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Treets Salted Peanuts, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-18123-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">
    <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/treets-crunchy-corn-mais-croustillant-175-g-18124">
          <img alt="Treets Crunchy Corn Maïs Croustillant" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9063/file/small-8715f9fdd0fff691f2730f78b26b796f.webp 600w, https://assets.fabulous.ch/public/variant_asset/9063/file/medium-273ecac60876c400cb7a97dd600fb111.webp 900w, https://assets.fabulous.ch/public/variant_asset/9063/file/large-1a8dd68d5a020e1169c2f3ea0d347df7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9063/file/medium-273ecac60876c400cb7a97dd600fb111.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">Treets GmbH</p>
          <a href="/fr/products/treets-crunchy-corn-mais-croustillant-175-g-18124">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Treets Crunchy Corn Maïs Croustillant, 175 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-18124-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>



</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;160 sur 3&#39;212 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/d-angelo-pasteria?format=turbo_stream&amp;page=159">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>