<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/shampooing-hydratation-soin-250-ml-51d7ef93-669b-448d-a141-911a85ad15a9-6909">
          <img alt="Shampooing Hydratation &amp; Soin" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9134/file/small-6842e0d3156dd76250f2fa369cdbf94c.webp 600w, https://assets.fabulous.ch/public/variant_asset/9134/file/medium-20463ce34ca866a1cf714a7a239dffc4.webp 900w, https://assets.fabulous.ch/public/variant_asset/9134/file/large-c1d000f2a49802d6916a9a8da2b7ce9c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9134/file/medium-20463ce34ca866a1cf714a7a239dffc4.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/shampooing-hydratation-soin-250-ml-51d7ef93-669b-448d-a141-911a85ad15a9-6909">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shampooing Hydratation &amp; Soin, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3ytuZd8u54Cbxo0eTH0aA_H8T2DeA5uxE1sHtkhnv2gn654nrHTwb50ZQTSVF3A2d1jGgBBDQcIuwdDS_GEKIA" />
    <input value="6909" 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/sel-himalaya-a-gros-grains-400-g-6914">
          <img alt="Sel Himalaya à gros grains" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4002/file/small-6a39c2c4ce85eac210e648e8889fe318.webp 600w, https://assets.fabulous.ch/public/variant_asset/4002/file/medium-1f58fc152f423b20c45e19d936bb7c16.webp 900w, https://assets.fabulous.ch/public/variant_asset/4002/file/large-913d50e03c0922e38f2c319114928e4d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4002/file/medium-1f58fc152f423b20c45e19d936bb7c16.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">VitaSal</p>
          <a href="/fr/products/sel-himalaya-a-gros-grains-400-g-6914">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sel Himalaya à gros grains, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3HWoBsONs8nPcngIetiUXv8qCO9Fr3_IZ_VTV1OjiKsktVhEsNekJsmttCKjsv5reY6BD4vvpbtab4Qz56U94w" />
    <input value="6914" 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/pate-aux-champignons-tartex-tube-bio-200-g-6926">
          <img alt="Pâté aux Champignons Tartex tube, Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4007/file/small-4bafb11f2a6649d56f9f8d88b225f1ec.webp 600w, https://assets.fabulous.ch/public/variant_asset/4007/file/medium-67bcf6f14b9e773356c93ed91e7b302e.webp 900w, https://assets.fabulous.ch/public/variant_asset/4007/file/large-a76f3b78435f1d8521524b1a53fa4b27.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4007/file/medium-67bcf6f14b9e773356c93ed91e7b302e.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">Tartex</p>
          <a href="/fr/products/pate-aux-champignons-tartex-tube-bio-200-g-6926">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pâté aux Champignons Tartex tube, Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.85
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yw7I-2Qkb0ZCIhK9ST5ONkKf1OUb4lQZgJrAHcmdac4zzji5F354qUT93peQVCQDxDtdBdWijmq9ABd5fZvchg" />
    <input value="6926" 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/barre-roobar-chocolat-amandes-bio-30-g-6951">
          <img alt="Barre Roobar Chocolat Amandes Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4020/file/small-27303c74e55326d1645f63290ec0a5dd.webp 600w, https://assets.fabulous.ch/public/variant_asset/4020/file/medium-8c8b3c27a36c76dd9bf288d1dad6fb23.webp 900w, https://assets.fabulous.ch/public/variant_asset/4020/file/large-fd1de42860ceba62aba6ab0704685a4c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4020/file/medium-8c8b3c27a36c76dd9bf288d1dad6fb23.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">Roo&#39;Bar</p>
          <a href="/fr/products/barre-roobar-chocolat-amandes-bio-30-g-6951">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Barre Roobar Chocolat Amandes Bio, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7A8rGp8XbZqWjMhIrWT3CTUlpnjITSd6LFtBowsUdQ0Uz9tY7E16dZBTBGJ0Dp08s4EvmAYN_QkRwZbHvxLARQ" />
    <input value="6951" 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/barre-roobar-chocolat-noisettes-bio-30-g-6952">
          <img alt="Barre Roobar Chocolat Noisettes Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4021/file/small-041c9a13856d17cda721f2d6f5644782.webp 600w, https://assets.fabulous.ch/public/variant_asset/4021/file/medium-9c0aaf55746e75553913625bfd2c9496.webp 900w, https://assets.fabulous.ch/public/variant_asset/4021/file/large-79257857e6b15c091fb9941596e8b3ba.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4021/file/medium-9c0aaf55746e75553913625bfd2c9496.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">Roo&#39;Bar</p>
          <a href="/fr/products/barre-roobar-chocolat-noisettes-bio-30-g-6952">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Barre Roobar Chocolat Noisettes Bio, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3SR0bpLu1vC2lvbna0z6Fwh0hV6GKbu3X4pQC9vMD-kl5IQs4bTBH7BJOs2yJpAijtAMvkhpYcRiEIdvb8q6oQ" />
    <input value="6952" 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/desinfectant-pour-surfaces-en-gros-bidon-10-l-6954">
          <img alt="Désinfectant pour surfaces en gros Bidon" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4024/file/small-26d6496220218289062cb2a0baa1a2fa.webp 600w, https://assets.fabulous.ch/public/variant_asset/4024/file/medium-23d07fb63b6c4938eb4dfc0613082058.webp 900w, https://assets.fabulous.ch/public/variant_asset/4024/file/large-2f4390da1fc4a985a40aac935963eb7d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4024/file/medium-23d07fb63b6c4938eb4dfc0613082058.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/desinfectant-pour-surfaces-en-gros-bidon-10-l-6954">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Désinfectant pour surfaces en gros Bidon, 10 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 159.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GfD0yOaPbN4n0QVgGh7VbfkOpfom5FngiqzhsrDnrkThMASKldV7MSEOyUrDdL9Yf6osGuikg5O3NjbWBOEbDA" />
    <input value="6954" 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/millet-dore-bio-500-g-6960">
          <img alt="Millet doré Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4031/file/small-0cb887561639435d13852b42a161c40c.webp 600w, https://assets.fabulous.ch/public/variant_asset/4031/file/medium-e0242d1d113d025807c48c588a7fc158.webp 900w, https://assets.fabulous.ch/public/variant_asset/4031/file/large-3184a6baf2c7bb356a0fb960c44650c4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4031/file/medium-e0242d1d113d025807c48c588a7fc158.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/millet-dore-bio-500-g-6960">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Millet doré Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Bqu2gcBe4BL7Tio98pudyk9df3mIOUwTNNF2AWeLaBv-a0bDswT3_f2R5hcr8ff_yfn2mUZ5lmAJS6Fl043dUw" />
    <input value="6960" 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/sarrasin-bio-500-g-e91611be-2bbd-4b29-a69e-efe17c05051c-6961">
          <img alt="Sarrasin Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4032/file/small-ff59b25068f01e4534e894f10cdbf7ab.webp 600w, https://assets.fabulous.ch/public/variant_asset/4032/file/medium-3b2a453b4aecf4556406352c646ccd8f.webp 900w, https://assets.fabulous.ch/public/variant_asset/4032/file/large-d3aefc349a39bc2bd433ef2d4971ab56.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4032/file/medium-3b2a453b4aecf4556406352c646ccd8f.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/sarrasin-bio-500-g-e91611be-2bbd-4b29-a69e-efe17c05051c-6961">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sarrasin Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zJfojXxaYqDHZ2cDI89Al34Ww4i_Rpl729CdZSwv-oI0VxjPDwB1T8G4qyn6pSqi-LJKaHEGQwjmSkoBmClPyg" />
    <input value="6961" 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/grains-d-epeautre-ch-bio-1-kg-6962">
          <img alt="Grains d&#39;épeautre CH Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4033/file/small-731cdd6077404a366b03f5a03f66e047.webp 600w, https://assets.fabulous.ch/public/variant_asset/4033/file/medium-b674b8084951e504d00efa9ef1ece681.webp 900w, https://assets.fabulous.ch/public/variant_asset/4033/file/large-0fb0b0892e53287f00d18e9c9f746fd8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4033/file/medium-b674b8084951e504d00efa9ef1ece681.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/grains-d-epeautre-ch-bio-1-kg-6962">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Grains d&#39;épeautre CH Bio, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.15
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UNc2vq5yiF-16oiP9_vU94fWY2ep1aCOKGQtADo3ZWOoF8b83SifsLM1RKUukb7CAXLqh2eVev0V_vpkjjHQKw" />
    <input value="6962" 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/apres-shampooing-soin-reparateur-200-ml-5f1b6bfe-26ad-4e5d-89c1-2530e5c7c554-6988">
          <img alt="Après-Shampooing Soin &amp; Réparateur" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4043/file/small-41c6f5314a934075d65a1a8bad850123.webp 600w, https://assets.fabulous.ch/public/variant_asset/4043/file/medium-0139e409b04f5a6918f36f73132f1d22.webp 900w, https://assets.fabulous.ch/public/variant_asset/4043/file/large-b363f5c5c1850fdd6f90af37ace7e974.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4043/file/medium-0139e409b04f5a6918f36f73132f1d22.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/apres-shampooing-soin-reparateur-200-ml-5f1b6bfe-26ad-4e5d-89c1-2530e5c7c554-6988">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Après-Shampooing Soin &amp; Réparateur, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6cChNmgWRiutUcO8neHvKq9wYdECkUqA6lCZct6gDqERAFF0G0xRxKuOD5ZEi4UfKdToMczRkPPXyk4Waqa76Q" />
    <input value="6988" 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/nettoyant-extra-puissant-a-l-orange-en-gros-bidon-10-l-6990">
          <img alt="Nettoyant extra-puissant à l&#39;orange en gros Bidon" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4046/file/small-336a575c87f770dab35cbbf6a8359cc3.webp 600w, https://assets.fabulous.ch/public/variant_asset/4046/file/medium-b0fa18372bc6d17f874abcab121320af.webp 900w, https://assets.fabulous.ch/public/variant_asset/4046/file/large-a591d9fef6ddfe5462a0719103573176.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4046/file/medium-b0fa18372bc6d17f874abcab121320af.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/nettoyant-extra-puissant-a-l-orange-en-gros-bidon-10-l-6990">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nettoyant extra-puissant à l&#39;orange en gros Bidon, 10 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 83.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EG4OIf4FqcHDx84SnSiDvKxc0kFw2vDKvwvybC0Jaizorv5jjV--LsUYAjhEQumJKvhbob6aKrmCkSUImQ_fZA" />
    <input value="6990" 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/blanchissant-et-antitaches-en-gros-5-kg-6996">
          <img alt="Blanchissant et Antitaches en gros" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4045/file/small-548bdd18ea378ce302cf99cffe963760.webp 600w, https://assets.fabulous.ch/public/variant_asset/4045/file/medium-f139324cd157f87861c9047d687af25d.webp 900w, https://assets.fabulous.ch/public/variant_asset/4045/file/large-bc906860f1b25b52f50d9f67f5dda37a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4045/file/medium-f139324cd157f87861c9047d687af25d.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/blanchissant-et-antitaches-en-gros-5-kg-6996">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Blanchissant et Antitaches en gros, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 30.85
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lvhWrnKF_695ZHXjxQaIs6gHbh0Ybj80eT2B8HfGv7duOKbsAd_oQH-7uckcbOKGLqPn_dYu5UdEp1aUw8AK_w" />
    <input value="6996" 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/vitamin-b12-methylcobalamin-600-gouttes-vegan-250-g-600-goutte-7007">
          <img alt="Vitamin B12 Methylcobalamin 250µg" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4050/file/small-a029054d2e9d6766e1bd34fa391bfb3a.webp 600w, https://assets.fabulous.ch/public/variant_asset/4050/file/medium-6e0c544be4d5297998de8090b01be6cf.webp 900w, https://assets.fabulous.ch/public/variant_asset/4050/file/large-081b94eb5ee4465e4dd2b74d8081469d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4050/file/medium-6e0c544be4d5297998de8090b01be6cf.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/vitamin-b12-methylcobalamin-600-gouttes-vegan-250-g-600-goutte-7007">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vitamin B12 Methylcobalamin 250µg, 600 gouttes</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 28.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yTckOf1xNK5GNYuVc_DCBI1O0VS5W4ophXIILe88lS8x99R7jisjQUDqR7-qmqgxC-pYtHcbUFq46N9JWzogZw" />
    <input value="7007" 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/vitamin-d3-gouttes-20-g-800iu-600-gouttes-600-goutte-7008">
          <img alt="Vitamin D3 Gouttes 20µg / 800IU" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4052/file/small-2db9787e3bea85f4c12c12741d2d8c4c.webp 600w, https://assets.fabulous.ch/public/variant_asset/4052/file/medium-c1950598eb61b8964f98093310ce2858.webp 900w, https://assets.fabulous.ch/public/variant_asset/4052/file/large-ca6814ac4b64d83ab0a9700ded3828d7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4052/file/medium-c1950598eb61b8964f98093310ce2858.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/vitamin-d3-gouttes-20-g-800iu-600-gouttes-600-goutte-7008">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vitamin D3 Gouttes 20µg / 800IU, 600 gouttes</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 40.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5JDKzTkOqkvx6MijPnC_aDV6-ReljX9kb8Qb5z-EZIwcUDqPSlS9pPc3BInnGtVds95w92vNpRdSXsyDi4LRxA" />
    <input value="7008" 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/vitamine-b12-pour-enfants-methyl-3-1-g-vegan-120-comprimes-a-macher-120-piece-7020">
          <img alt="Vitamine B12 pour enfants méthyl 3.1μg" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4053/file/small-a57d46368ecf90aeec162e51157c604c.webp 600w, https://assets.fabulous.ch/public/variant_asset/4053/file/medium-7109ef8d5af09dcacb8432c0766db847.webp 900w, https://assets.fabulous.ch/public/variant_asset/4053/file/large-716d0851269123ddbbdd25150a240214.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4053/file/medium-7109ef8d5af09dcacb8432c0766db847.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-b12-pour-enfants-methyl-3-1-g-vegan-120-comprimes-a-macher-120-piece-7020">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vitamine B12 pour enfants méthyl 3.1μg, 120 comprimés à croquer</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="su2jOO9aWVWO9IBBR1E8nBOyjVVYbP-FN-Ul4REs3LRKLVN6nABOuogrTGueO1aplRYEtZYsJfYKf_KFpSpp_A" />
    <input value="7020" 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/vitamine-d3-k2-pour-enfants-vegan-120-comprimes-a-macher-120-piece-7021">
          <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-vegan-120-comprimes-a-macher-120-piece-7021">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vitamine D3 + K2 pour enfants, 120 comprimés à croquer</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.85
            </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-7021-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5l6Eb0KI08fuK2XsRjjwQckPgBmTCKJBpbvhehllIVYennQtMdLEKOj0qcafUpp0T6sJ-V1IeDKYITYerWOUHg" />
    <input value="7021" 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-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/bain-de-bouche-tautona-dent-spearmint-xylitol-aloe-460-ml-7040">
          <img alt="Bain de Bouche Tautona-Dent Spearmint Xylitol &amp; Aloe" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4062/file/small-e2a948fa097155755f3bac741bdcdbbe.webp 600w, https://assets.fabulous.ch/public/variant_asset/4062/file/medium-8d6866206a0902acf48771145b520a8e.webp 900w, https://assets.fabulous.ch/public/variant_asset/4062/file/large-dcc914ee8f9b143eee52f01ce70862b7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4062/file/medium-8d6866206a0902acf48771145b520a8e.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">Tautona</p>
          <a href="/fr/products/bain-de-bouche-tautona-dent-spearmint-xylitol-aloe-460-ml-7040">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bain de Bouche Tautona-Dent Spearmint Xylitol &amp; Aloe, 460 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.85
            </p>

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

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/lecker-s-orangeat-bio-100-g-7081">
          <img alt="Lecker&#39;s Orangeat Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4071/file/small-c436321d7a58956c3f064992de91a373.webp 600w, https://assets.fabulous.ch/public/variant_asset/4071/file/medium-32b5dbd6c04996319d3c7730e0621344.webp 900w, https://assets.fabulous.ch/public/variant_asset/4071/file/large-f0a0d54677133e8636d8bd57bb5d4e66.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4071/file/medium-32b5dbd6c04996319d3c7730e0621344.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">Lecker&#39;s</p>
          <a href="/fr/products/lecker-s-orangeat-bio-100-g-7081">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lecker&#39;s Orangeat Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zndtksDSHTXO5whMDEhG9q99BRekmb4fTJQykiUCSFY2t53Qs4gK2sg4xGbVIizDKdmM92rZZGxxDuX2kQT9Hg" />
    <input value="7081" 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/lecker-s-citronnat-bio-100-g-7082">
          <img alt="Lecker&#39;s Citronnât, Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4069/file/small-8d29d01077bb594529772678c067c225.webp 600w, https://assets.fabulous.ch/public/variant_asset/4069/file/medium-ecdd2d3b04abb45effdd19a9043441fc.webp 900w, https://assets.fabulous.ch/public/variant_asset/4069/file/large-84c2c41efdcdcbe8669e7c3fe96bfa59.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4069/file/medium-ecdd2d3b04abb45effdd19a9043441fc.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">Lecker&#39;s</p>
          <a href="/fr/products/lecker-s-citronnat-bio-100-g-7082">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lecker&#39;s Citronnât, Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IPRhe8KtHYvh3MiqTG-3ByaAPDFP0FB_U4aollEt2FvYNJE5sfcKZOcDBICVBd0yoCS10YGQigxuHH_y5SttEw" />
    <input value="7082" 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/lecker-s-huile-de-citron-bio-2-ml-7083">
          <img alt="Lecker&#39;s huile de citron, Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4070/file/small-d9420f8a9864402a5bf7908f5ab0bf95.webp 600w, https://assets.fabulous.ch/public/variant_asset/4070/file/medium-502416b5824bc3ea816e89bf87a92795.webp 900w, https://assets.fabulous.ch/public/variant_asset/4070/file/large-139efb9c3b52cd1b392475c8168cb78d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4070/file/medium-502416b5824bc3ea816e89bf87a92795.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">Lecker&#39;s</p>
          <a href="/fr/products/lecker-s-huile-de-citron-bio-2-ml-7083">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lecker&#39;s huile de citron, Bio, 2 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8xM0nJcYagluuCsvHSHs-YJ70zgQRBMeEJAnjNVePjkL08Te5EJ95mhn5wXES4bMBN9a2N4EyW0tCvDoYViLcQ" />
    <input value="7083" 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">
      2&#39;040 sur 3&#39;237 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/heylife?format=turbo_stream&amp;page=103">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>