<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/sucre-vanille-bio-8-g-470">
          <img alt="Sucre Vanillé Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/422/file/small-0a1a729dc9927ade81ae5f1738b9354d.webp 600w, https://assets.fabulous.ch/public/variant_asset/422/file/medium-43055fb785a02bf238217534d050964d.webp 900w, https://assets.fabulous.ch/public/variant_asset/422/file/large-f8cdc44df8c303dd8f85ec3bfc3757cd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/422/file/medium-43055fb785a02bf238217534d050964d.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">Biovegan</p>
          <a href="/fr/products/sucre-vanille-bio-8-g-470">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sucre Vanillé Bio, 8 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 0.85
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mxRsrgqsunSxIMrpfOmpkahoR3z1SxVJtA8GpT4j0Fu8CSN8mOVuLYTj0dqDJbLvGmOZnZwhKs0DuqCc1RkWiA" />
    <input value="470" 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/white-nougat-crisp-bio-35-g-480">
          <img alt="White Nougat Crisp Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/431/file/small-56cf522a66c80ddd3f2437c7fd737c7e.webp 600w, https://assets.fabulous.ch/public/variant_asset/431/file/medium-0a97ab9b7504c122e6cbda9f136fbe46.webp 900w, https://assets.fabulous.ch/public/variant_asset/431/file/large-06a298bce9e911d54e25a394f4886c59.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/431/file/medium-0a97ab9b7504c122e6cbda9f136fbe46.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">Vivani / Ichoc</p>
          <a href="/fr/products/white-nougat-crisp-bio-35-g-480">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">White Nougat Crisp Bio, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="f1McVIAfgb6Ywqm0AKFr48MwFH2Ccox58LEELF8rIztYTlOGElZV560Bsof_bXCdcTvKnOsYs_1HBKIVtBHl6A" />
    <input value="480" 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/vivani-cavi-quick-chocolat-chaud-bio-400-g-481">
          <img alt="Vivani Cavi Quick Chocolat Chaud Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/432/file/small-92368a1ed0f3446814ca9689900f9205.webp 600w, https://assets.fabulous.ch/public/variant_asset/432/file/medium-049a1bc9943277d54be4a2af16bd20ad.webp 900w, https://assets.fabulous.ch/public/variant_asset/432/file/large-86291ef559db20a2d44994c142ea6782.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/432/file/medium-049a1bc9943277d54be4a2af16bd20ad.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">Vivani / Ichoc</p>
          <a href="/fr/products/vivani-cavi-quick-chocolat-chaud-bio-400-g-481">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vivani Cavi Quick Chocolat Chaud Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hNogw66yOiHOIeclAf_RZ5paPwAN-lrZprthqpnsKqijx28RPPvuePvi_Bb-M8oZKFHh4WSQZV0RDseTctbsew" />
    <input value="481" 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/the-matcha-bio-30-g-95a2fb8b-2120-42fe-b995-3b4e2cc369d2-482">
          <img alt="Thé MATCHA Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/436/file/small-f4b59943e93fb410f464ef7a25dc0da7.webp 600w, https://assets.fabulous.ch/public/variant_asset/436/file/medium-0bd887ce7774f033d5a066713bd9c053.webp 900w, https://assets.fabulous.ch/public/variant_asset/436/file/large-35cc5e86cba38eb8066ff705ee19eb76.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/436/file/medium-0bd887ce7774f033d5a066713bd9c053.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Raab</p>
          <a href="/fr/products/the-matcha-bio-30-g-95a2fb8b-2120-42fe-b995-3b4e2cc369d2-482">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Thé MATCHA Bio, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 31.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gAV-fp_9H3fRj1_sep3nRPgx2a0PgKnnQ6rCmdOJqZ2nGDGsDbTLLuRMRN-FUfw6SjoHTGbqlmP0H2SgOLNvTg" />
    <input value="482" 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/poudre-d-acai-sans-gluten-bio-80-g-483">
          <img alt="Poudre d&#39;Acai 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/435/file/small-ffddf9ecbe622253977a1cfc678e10b2.webp 600w, https://assets.fabulous.ch/public/variant_asset/435/file/medium-0aa963ee97169f3d0514af45be3ecae1.webp 900w, https://assets.fabulous.ch/public/variant_asset/435/file/large-35dfb032194b2e12431186ee40ac8455.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/435/file/medium-0aa963ee97169f3d0514af45be3ecae1.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Raab</p>
          <a href="/fr/products/poudre-d-acai-sans-gluten-bio-80-g-483">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Poudre d&#39;Acai sans gluten Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CFOvHOYYMzelKNQdAt4yaGKUdMnGnG9aQDVl_H62RsQvTuDOdFHnbpDrzy79EikW0J-qKK_2UN73gMPFlYyAFw" />
    <input value="483" 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/riz-basmati-himalaya-blanche-bio-500-g-485">
          <img alt="Riz Basmati Himalaya blanche Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/438/file/small-254068701a18cd166010711725017767.webp 600w, https://assets.fabulous.ch/public/variant_asset/438/file/medium-0906f12ecde7503d4b62c71c3c2c32c4.webp 900w, https://assets.fabulous.ch/public/variant_asset/438/file/large-1b13cbfc82eac7a5e597169979a342e0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/438/file/medium-0906f12ecde7503d4b62c71c3c2c32c4.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">Davert</p>
          <a href="/fr/products/riz-basmati-himalaya-blanche-bio-500-g-485">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Riz Basmati Himalaya blanche Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="R3BJhn5ALtOW04hDjY-oICwa5Wze_AOniqRyYy7ApyFgbQZU7An6iqMQk3ByQ7NenhE7jbeWPCM9EdRaxfph8g" />
    <input value="485" 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/jour-q10-creme-de-jour-anti-rides-basis-sensitiv-50-ml-490">
          <img alt="Jour Q10 Crème de jour anti-rides basis sensitiv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/440/file/small-f00a069f6cfd9b8de4951c5d4008bcae.webp 600w, https://assets.fabulous.ch/public/variant_asset/440/file/medium-5df868f7b976b61f3417d4052918cce7.webp 900w, https://assets.fabulous.ch/public/variant_asset/440/file/large-a96cdfcfe08ca86918e11c099943deba.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/440/file/medium-5df868f7b976b61f3417d4052918cce7.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/jour-q10-creme-de-jour-anti-rides-basis-sensitiv-50-ml-490">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Jour Q10 Crème de jour anti-rides basis sensitiv, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.25
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Jg-aZ4n_T34oN02yKKjowQCELmj0wZQjeqRkKVj5LXkBEtW1G7abJx30VoHXZPO_so_wiZ2rq6fNEcIQs8Prqg" />
    <input value="490" 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-pommes-de-terre-fecule-sans-gluten-bio-250-g-514">
          <img alt="Farine de pommes de terre (fécule) 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/462/file/small-5255c4f3dccc38e3d0a5e183b09670cf.webp 600w, https://assets.fabulous.ch/public/variant_asset/462/file/medium-67ef7427c9006c1928d1dcb71ce8b5ab.webp 900w, https://assets.fabulous.ch/public/variant_asset/462/file/large-a3a4354e26ac508c474be31956d2de13.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/462/file/medium-67ef7427c9006c1928d1dcb71ce8b5ab.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/farine-de-pommes-de-terre-fecule-sans-gluten-bio-250-g-514">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Farine de pommes de terre (fécule) sans gluten Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BXfGJqjlKEyxqKh2ofbJb0j6GCWChMRBqwsPEhZZ0lMiaon0Oqz8FYRrs0VeOtIR-vHGxOvu-8Ucvqkr_WMUgA" />
    <input value="514" 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/orge-en-poudre-bio-75-g-515">
          <img alt="Orge en poudre Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/465/file/small-fe1886f70d3f2d860c9609c9a6d27f81.webp 600w, https://assets.fabulous.ch/public/variant_asset/465/file/medium-c02acdc0c134cbd55cdc87ee753f419e.webp 900w, https://assets.fabulous.ch/public/variant_asset/465/file/large-d855b06d121a172153af179c57bc5e76.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/465/file/medium-c02acdc0c134cbd55cdc87ee753f419e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Raab</p>
          <a href="/fr/products/orge-en-poudre-bio-75-g-515">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Orge en poudre Bio, 75 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 13.20 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CgxVLTZBJ1204wZ2I_93dEqvwBjGcfw12s4ExE2kT7EtERr_pAjzBIEgHUXcM2wK-KQe-a8bw7Fte6L9pp6JYg" />
    <input value="515" 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/baies-de-goji-seches-au-soleil-bio-100-g-516">
          <img alt="Baies De Goji séchés au soleil Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/464/file/small-7c8ac5f455a239a06d5a4bd3acfb1bde.webp 600w, https://assets.fabulous.ch/public/variant_asset/464/file/medium-63625533df802ba5df60dda8a1376b69.webp 900w, https://assets.fabulous.ch/public/variant_asset/464/file/large-67e373bc2b96d5132ea2962e9a902848.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/464/file/medium-63625533df802ba5df60dda8a1376b69.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/baies-de-goji-seches-au-soleil-bio-100-g-516">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Baies De Goji séchés au soleil Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.55
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fqVsAjU7KpxNTLzCzaq43pOk6nT0nVV0me4BXaFWyTJZuCPQp3L-xXiPp_EyZqOgIa80lZ33avAuW6dkSmwP4Q" />
    <input value="516" 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/acerola-en-poudre-bio-100-g-517">
          <img alt="Acérola en poudre Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/466/file/small-f37e73153b4f22ebbb9413620e839eca.webp 600w, https://assets.fabulous.ch/public/variant_asset/466/file/medium-236e29e646488da3f16adbf395f5f085.webp 900w, https://assets.fabulous.ch/public/variant_asset/466/file/large-38d26d192d4e3460fa1886f7ce36b502.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/466/file/medium-236e29e646488da3f16adbf395f5f085.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Raab</p>
          <a href="/fr/products/acerola-en-poudre-bio-100-g-517">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Acérola en poudre Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="v_MqnAJ_emcak7wQe8Crix0FWWLqBuWUUQQOnOjRSOmY7mVOkDauPi9QpyOEDLD1rw6Hg4Ns2hDmsailA-uOOg" />
    <input value="517" 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/poudre-d-herbe-de-ble-bio-75-g-518">
          <img alt="Poudre d&#39;herbe de blé Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/467/file/small-2dafdbee7462f6c69f2199d2afbea7a6.webp 600w, https://assets.fabulous.ch/public/variant_asset/467/file/medium-1389e6cbe77e36e967b716c0861fd1d0.webp 900w, https://assets.fabulous.ch/public/variant_asset/467/file/large-439abd0bc15fe774e63c76ac3d4409e0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/467/file/medium-1389e6cbe77e36e967b716c0861fd1d0.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Raab</p>
          <a href="/fr/products/poudre-d-herbe-de-ble-bio-75-g-518">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Poudre d&#39;herbe de blé Bio, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.75
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tap2UZzx-orQWCZvGULt8vp0Gwr8sElK8McUrpHEaiSStzmDDrgu0-WbPVzmjvaMSH_F65Xads5HcrKXev6s9w" />
    <input value="518" 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/farine-de-lupin-doux-sans-gluten-bio-300-g-521">
          <img alt="Farine de Lupin Doux 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/470/file/small-e5fa3fb4d60276edc97532137529a596.webp 600w, https://assets.fabulous.ch/public/variant_asset/470/file/medium-89d1d05c23b23fc725e6c1dbdadcb76f.webp 900w, https://assets.fabulous.ch/public/variant_asset/470/file/large-44255e53b9728e7cdc575d3a7686dbd0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/470/file/medium-89d1d05c23b23fc725e6c1dbdadcb76f.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">Govinda</p>
          <a href="/fr/products/farine-de-lupin-doux-sans-gluten-bio-300-g-521">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Farine de Lupin Doux Sans Gluten Bio, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IjlvnCd7Zdvev3xOHHYyntrbD4bNu-GeBn90RwlukyoFJCBOtTKxgut8Z33juingaNDRZ6TR3hqxytJ-4lRV-Q" />
    <input value="521" 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/eyeliner-crayon-contour-des-yeux-noir-1-13-g-1-piece-527">
          <img alt="Eyeliner Crayon contour des yeux noir 1,13 g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/475/file/small-b5da63245a5525a687739b2a59a9351c.webp 600w, https://assets.fabulous.ch/public/variant_asset/475/file/medium-a153fce4d90ced80ce0b82dba702357d.webp 900w, https://assets.fabulous.ch/public/variant_asset/475/file/large-a50abba3b5a26de2f43a650ee290e41d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/475/file/medium-a153fce4d90ced80ce0b82dba702357d.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">benecos</p>
          <a href="/fr/products/eyeliner-crayon-contour-des-yeux-noir-1-13-g-1-piece-527">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Eyeliner Crayon contour des yeux noir 1,13 g, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eq7hRVOZ4pSD2eB3U_JhsTGPlWViWQ0KoW4DUse5fmVds66XwdA2zbYa-0SsPnrPg4RLhAszMo4W26VrLIO4tg" />
    <input value="527" 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/eyeliner-black-trend-sensitiv-soft-1-1g-1-piece-528">
          <img alt="Eyeliner Black Trend sensitiv Soft, 1,1g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/476/file/small-04673b04f075f311d97de731fda0ab70.webp 600w, https://assets.fabulous.ch/public/variant_asset/476/file/medium-7e7777a95f22b8d346b26ee0e255cb12.webp 900w, https://assets.fabulous.ch/public/variant_asset/476/file/large-92be680f35f8bb951e32388484c58e21.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/476/file/medium-7e7777a95f22b8d346b26ee0e255cb12.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/eyeliner-black-trend-sensitiv-soft-1-1g-1-piece-528">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Eyeliner Black Trend sensitiv Soft, 1,1g, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="G2ZKJAIZaTBL_MKfJIJp7kGfLSjuSf8U5ACA9Lg4D_M8ewX2kFC9aX4_2azbTnKQ85TzyYcjwJBTtSbNUwLJIA" />
    <input value="528" 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/eyeliner-soft-kajal-brun-02-1-4g-1-piece-529">
          <img alt="Eyeliner Soft Kajal brun  02, 1,4g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/477/file/small-ec4075addb7a069c97b8d51897530080.webp 600w, https://assets.fabulous.ch/public/variant_asset/477/file/medium-1deb4abaae2198b63dfbadc3b37adb73.webp 900w, https://assets.fabulous.ch/public/variant_asset/477/file/large-a28da36366e9b45f8daaff9e687e66bb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/477/file/medium-1deb4abaae2198b63dfbadc3b37adb73.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/eyeliner-soft-kajal-brun-02-1-4g-1-piece-529">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Eyeliner Soft Kajal brun  02, 1,4g, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="chhSAGa8MFZKcZ6v6Z2a7segSvm_azsivjOOOsteUaZVBR3S9PXkD3-yhZwWUYGQdauUGNYBBKYJhigDIGSXdQ" />
    <input value="529" 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/mascara-volume-black-9-ml-532">
          <img alt="Mascara Volume Black" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/480/file/small-b0e376ddb55ed16cf1a5e36bb7baadcd.webp 600w, https://assets.fabulous.ch/public/variant_asset/480/file/medium-5a06fb8e5e855a7c64eaee65c35a71c7.webp 900w, https://assets.fabulous.ch/public/variant_asset/480/file/large-c2376ec7b26623560888cb5d275ab4c4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/480/file/medium-5a06fb8e5e855a7c64eaee65c35a71c7.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/mascara-volume-black-9-ml-532">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mascara Volume Black, 9 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.45
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9VCy-WAXlv0zmpJ1NVzjIL-6jhMJn8P_7RpYfwMdcm_STf0r8l5CpAZZiUbKkPheDbFQ8mD1_Htar_5G6Ce0vA" />
    <input value="532" 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/mascara-volume-brown-9-ml-533">
          <img alt="Mascara Volume Brown" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/481/file/small-5f347a3f1c20886d45df668e2113f217.webp 600w, https://assets.fabulous.ch/public/variant_asset/481/file/medium-9bb729c60a198c878aff0e35c4f2f0ce.webp 900w, https://assets.fabulous.ch/public/variant_asset/481/file/large-6ea918ca9626a69119b50b41dbcb1442.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/481/file/medium-9bb729c60a198c878aff0e35c4f2f0ce.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/mascara-volume-brown-9-ml-533">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mascara Volume Brown, 9 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.45
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Yyn627ZXusgC1iCmZfjgaJFj0l6GswnTuzEj7QFYv5dENLUJJB5ukTcVO5WaNPsWI2gMv-_ZNlcMhIXU6mJ5RA" />
    <input value="533" 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/fond-de-teint-creme-naturel-30-ml-534">
          <img alt="Fond de Teint Crème naturel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/482/file/small-db85c3d0637858eb300c3b0f52b0da7e.webp 600w, https://assets.fabulous.ch/public/variant_asset/482/file/medium-696edd9110bcd0d74d733b9f6763e030.webp 900w, https://assets.fabulous.ch/public/variant_asset/482/file/large-9a66cfcbd4b53e6905fb4c368484c55d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/482/file/medium-696edd9110bcd0d74d733b9f6763e030.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">benecos</p>
          <a href="/fr/products/fond-de-teint-creme-naturel-30-ml-534">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fond de Teint Crème naturel, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LWOFC1upG_o6EdW35J5kHI7frGy3-tdjEk7yPF8lmGcKfsrZyeDPow_SzoQbUn9iPNRyjd6Q6Oel-1QFtB9etA" />
    <input value="534" 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/fond-de-teint-creme-caramel-30-ml-535">
          <img alt="Fond de Teint Crème caramel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/483/file/small-6f4b1e0e1bc922bd0c74987d62b5cff2.webp 600w, https://assets.fabulous.ch/public/variant_asset/483/file/medium-53d4dad458303c802e73de08d606c276.webp 900w, https://assets.fabulous.ch/public/variant_asset/483/file/large-830c33f5ea03b38b03c162e7257b7157.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/483/file/medium-53d4dad458303c802e73de08d606c276.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">benecos</p>
          <a href="/fr/products/fond-de-teint-creme-caramel-30-ml-535">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fond de Teint Crème caramel, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="90Pk22IqmMz1Dsr1uN4aB0Om3BbC0BbTCPrTYDXA63DQXqsJ8GNMlcDN0cZHEgF58a0C96u6KVe_T3VZ3votow" />
    <input value="535" 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">
      160 sur 3&#39;174 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/dr-goerg?format=turbo_stream&amp;page=9">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>