<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/depliant-a-propos-des-poissons-8-g-13388">
          <img alt="Dépliant: À Propos des Poissons" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6476/file/small-28f051bd5b9de4f7e0deaf847fa82ebe.webp 600w, https://assets.fabulous.ch/public/variant_asset/6476/file/medium-a63b087a688286e35e1c3c717652a9ad.webp 900w, https://assets.fabulous.ch/public/variant_asset/6476/file/large-b61cdb0ad4021790f4ac38c7a3011ca5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6476/file/medium-a63b087a688286e35e1c3c717652a9ad.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">Swissveg</p>
          <a href="/fr/products/depliant-a-propos-des-poissons-8-g-13388">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dépliant: À Propos des Poissons, 8 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 0.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cDc__K-59MwooMQxTYcUCzpl1Dw2hDCo8qUzH5pnGz7yggFuo8TuDFvkBU6G_zIrYyOCtnnu02zXgZ5Rj0DCDA" />
    <input value="13388" 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/depliant-a-propos-de-la-viande-8-g-13389">
          <img alt="Dépliant: À Propos de la Viande" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6477/file/small-a662b4f644ade8b73a1e8d38f805bb32.webp 600w, https://assets.fabulous.ch/public/variant_asset/6477/file/medium-90d2ef282bcf02756a27a47ec61082ac.webp 900w, https://assets.fabulous.ch/public/variant_asset/6477/file/large-e37d27030db0d5202898d2277ab1b982.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6477/file/medium-90d2ef282bcf02756a27a47ec61082ac.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">Swissveg</p>
          <a href="/fr/products/depliant-a-propos-de-la-viande-8-g-13389">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dépliant: À Propos de la Viande, 8 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 0.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FQw-0wvUfuyE-9_yYqENT2vl4SDAxycWV4Sqdup9Di-XuQBBB6lkLPe_Ho2p2StvMqO3qo-txNJyoAc4_1rXHQ" />
    <input value="13389" 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/depliant-a-propos-du-lait-8-g-13390">
          <img alt="Dépliant: À Propos du Lait" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6478/file/small-a788f66234c688d7bfe9daa21fd9cff2.webp 600w, https://assets.fabulous.ch/public/variant_asset/6478/file/medium-966267d24d93a2ca160eea8116c29f56.webp 900w, https://assets.fabulous.ch/public/variant_asset/6478/file/large-7cdbece8bd3cb6aa987e022c44af046c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6478/file/medium-966267d24d93a2ca160eea8116c29f56.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">Swissveg</p>
          <a href="/fr/products/depliant-a-propos-du-lait-8-g-13390">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dépliant: À Propos du Lait, 8 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 0.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="E53weqRXoFpJE2bXExsPh0OqJ1rWdDIaMVYw1QQVexWRKM7oqCq6mjpXp6jYYymnGuxx0Jke0d4Ucp2bETKiJw" />
    <input value="13390" 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/depliant-a-propos-des-oeufs-8-g-13391">
          <img alt="Dépliant: À Propos des Oeufs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6479/file/small-7866e411ea11f768c1b0427d606a420f.webp 600w, https://assets.fabulous.ch/public/variant_asset/6479/file/medium-ba4765580bae98c4026fb0fd7d6fac1d.webp 900w, https://assets.fabulous.ch/public/variant_asset/6479/file/large-59bed4cf38000b34f3bd97a2884b9915.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6479/file/medium-ba4765580bae98c4026fb0fd7d6fac1d.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">Swissveg</p>
          <a href="/fr/products/depliant-a-propos-des-oeufs-8-g-13391">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dépliant: À Propos des Oeufs, 8 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 0.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gXEvCa7Ox0eByQqdQYwmbeq2tQljQOSdChK-IZK0xlYDxBGborPdh_KNy-KK9ABNs_DjgywqB1kvNhNvh5MfZA" />
    <input value="13391" 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/depliant-pour-l-environnement-8-g-13392">
          <img alt="Dépliant: Pour L&#39;Environnement" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6480/file/small-16bcce1b838089694fd59f57670a4eb8.webp 600w, https://assets.fabulous.ch/public/variant_asset/6480/file/medium-5a5b01a4059729f905c6f915e300e940.webp 900w, https://assets.fabulous.ch/public/variant_asset/6480/file/large-0b8f684a6b3319c2f8f4ada632b77274.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6480/file/medium-5a5b01a4059729f905c6f915e300e940.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">Swissveg</p>
          <a href="/fr/products/depliant-pour-l-environnement-8-g-13392">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dépliant: Pour L&#39;Environnement, 8 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 0.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="t1XohNfi5biXOa4_jSX1RnExtejrdpdbB0qsgtA_UxQ14NYW25__eOR9b0BGXdNmKHfjYqQcdJ8ibgHMxRiKJg" />
    <input value="13392" 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/depliant-pour-la-sante-8-g-13393">
          <img alt="Dépliant: Pour la Santé" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6481/file/small-b3f02920e5cce5037fe10d2713252b08.webp 600w, https://assets.fabulous.ch/public/variant_asset/6481/file/medium-99fecd9148f732886960ae6d5665a16c.webp 900w, https://assets.fabulous.ch/public/variant_asset/6481/file/large-87c2f1fb009bd3381fc755d97a7566fc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6481/file/medium-99fecd9148f732886960ae6d5665a16c.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">Swissveg</p>
          <a href="/fr/products/depliant-pour-la-sante-8-g-13393">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dépliant: Pour la Santé, 8 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 0.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rkB_cEL2bevMILRlQ6tAFibP8beSCt-0CRuTTjO2Fggs9UHiTot3K79kdRqI02Y2f4mnPd1gPHAsPz4AJpHPOg" />
    <input value="13393" 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/depliant-pour-les-animaux-8-g-13394">
          <img alt="Dépliant: Pour les Animaux" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6483/file/small-41f821611940457c4b2240b4aa935d86.webp 600w, https://assets.fabulous.ch/public/variant_asset/6483/file/medium-4de369645680f9454ab50d6d9305337a.webp 900w, https://assets.fabulous.ch/public/variant_asset/6483/file/large-a59d0a08ba92c8fc364523f8988320ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6483/file/medium-4de369645680f9454ab50d6d9305337a.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">Swissveg</p>
          <a href="/fr/products/depliant-pour-les-animaux-8-g-13394">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dépliant: Pour les Animaux, 8 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 0.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4Bw2kptnkCpkfOm2z0IObnWNmQ89ZnSBXZj_y4df_MxiqQgAlxqK6hc4KMkEOihOLMvPhXIMl0V4vFKFkngl_g" />
    <input value="13394" 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/depliant-pour-les-entreprises-8-g-13395">
          <img alt="Dépliant: Pour les Entreprises" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6482/file/small-a19f42d19cb63ace2da768017d1e1193.webp 600w, https://assets.fabulous.ch/public/variant_asset/6482/file/medium-b3541ed9b3113f50c15f84a0afa22fcf.webp 900w, https://assets.fabulous.ch/public/variant_asset/6482/file/large-7e76309a669d2eac3b9bcedf20ead8c9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6482/file/medium-b3541ed9b3113f50c15f84a0afa22fcf.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">Swissveg</p>
          <a href="/fr/products/depliant-pour-les-entreprises-8-g-13395">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dépliant: Pour les Entreprises, 8 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 0.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jmalcIw_faQY3r48UJnBkGg674w6MkvoHMZTRv-vwuMM05vigEJnZGuaf0Ob4eewMXy5BnVYqCw54v4I6ogb0Q" />
    <input value="13395" 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/depliant-a-propos-de-swissveg-8-g-13396">
          <img alt="Dépliant: À Propos de Swissveg" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6484/file/small-7df922b58ecb52b185f3bb004a3fb63e.webp 600w, https://assets.fabulous.ch/public/variant_asset/6484/file/medium-c418574967686b871970181f30c27121.webp 900w, https://assets.fabulous.ch/public/variant_asset/6484/file/large-04c17d9c2ab1ba9e4310f5b1c881dce2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6484/file/medium-c418574967686b871970181f30c27121.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">Swissveg</p>
          <a href="/fr/products/depliant-a-propos-de-swissveg-8-g-13396">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dépliant: À Propos de Swissveg, 8 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 0.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="acqlQ_zWxGOUe8rO8YN3V57F-4w3Qte9Pi9l7vOZLavrf5vR8Kveo-c_C7E6-1F3x4OtBngoNHkbC8ig5r70mQ" />
    <input value="13396" 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/brochure-vegane-pourquoi-et-comment-20-g-13397">
          <img alt="Brochure: Végane - Pourquoi et Comment?" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6485/file/small-5b8c3871ceee9411d3d84009c2ccc68d.webp 600w, https://assets.fabulous.ch/public/variant_asset/6485/file/medium-ceeba86769545198a378fb92a240ae82.webp 900w, https://assets.fabulous.ch/public/variant_asset/6485/file/large-047d063cae2b2e59428b55224f05fac2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6485/file/medium-ceeba86769545198a378fb92a240ae82.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">Swissveg</p>
          <a href="/fr/products/brochure-vegane-pourquoi-et-comment-20-g-13397">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Brochure: Végane - Pourquoi et Comment?, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 0.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bc6QYpNya6LOaAVbXPjvm5JPWzhPKK2krEEoFU8EwR_ve67wnw9xYr0sxCSXgMm7ywkNsgBCTmCJZYVbWiMYLQ" />
    <input value="13397" 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/brochure-vegane-pour-les-animaux-20-g-13398">
          <img alt="Brochure: Végane - Pour les Animaux" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6486/file/small-5bf8de0bd068433febf7fb61b1eb6f48.webp 600w, https://assets.fabulous.ch/public/variant_asset/6486/file/medium-f863302e56986245004964123f80722f.webp 900w, https://assets.fabulous.ch/public/variant_asset/6486/file/large-64d3fe45144f1740977817d9c5529756.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6486/file/medium-f863302e56986245004964123f80722f.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">Swissveg</p>
          <a href="/fr/products/brochure-vegane-pour-les-animaux-20-g-13398">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Brochure: Végane - Pour les Animaux, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 0.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="U8nQRUFs1QBLzXf2TZ_s7wG-Hv1p36SC5mbVxrYinNbRfO7XTRHPwDiJtomG58rPWPhIdya1R0bDQniIowVF5A" />
    <input value="13398" 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/brochure-vegane-pour-la-sante-20-g-13399">
          <img alt="Brochure: Végane - Pour la Santé" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6489/file/small-f27fc01d87a340be5a93913ddd1d1b56.webp 600w, https://assets.fabulous.ch/public/variant_asset/6489/file/medium-6f1e0c50de027116abc150eedb1c841c.webp 900w, https://assets.fabulous.ch/public/variant_asset/6489/file/large-3c09b3bd99f41233812897f70a82bd96.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6489/file/medium-6f1e0c50de027116abc150eedb1c841c.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">Swissveg</p>
          <a href="/fr/products/brochure-vegane-pour-la-sante-20-g-13399">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Brochure: Végane - Pour la Santé, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 0.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AGZ0UZimYZPUnirHduXSdNV7o4fT-wtD6yGj67oIDXOC00rDlNt7U6fa67i9nfRUjD31DZyR6IfOBQ6lry_UQQ" />
    <input value="13399" 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/brochure-vegane-pour-l-environnement-20-g-13400">
          <img alt="Brochure: Végane - Pour L&#39;Environnement" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6488/file/small-7fc83f9bd82bd4b800485d0a70c59760.webp 600w, https://assets.fabulous.ch/public/variant_asset/6488/file/medium-7df911fa22545aa0c59d138e7870a012.webp 900w, https://assets.fabulous.ch/public/variant_asset/6488/file/large-92a45d3b4d7119fd2921d84b549f2853.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6488/file/medium-7df911fa22545aa0c59d138e7870a012.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">Swissveg</p>
          <a href="/fr/products/brochure-vegane-pour-l-environnement-20-g-13400">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Brochure: Végane - Pour L&#39;Environnement, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 0.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5mJ_64Lc6uI1f5r-ip_j0a1-ob-vI9FNE9OxaOD3ymxk10F5jqHwIkY7W4FB58Xx9Dj3NeBJMok29xwm9dATXg" />
    <input value="13400" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Épuisé
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/barre-proteinee-saveur-cookie-dough-50-g-13401">
          <img alt="Barre Protéinée Saveur Cookie Dough" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6487/file/small-245c25e65444578e6711670f7d20327a.webp 600w, https://assets.fabulous.ch/public/variant_asset/6487/file/medium-e24e975b37f9f8120277720df4f56143.webp 900w, https://assets.fabulous.ch/public/variant_asset/6487/file/large-3cf2625a4701d6e6441f468732e07535.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6487/file/medium-e24e975b37f9f8120277720df4f56143.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">Misfits</p>
          <a href="/fr/products/barre-proteinee-saveur-cookie-dough-50-g-13401">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Barre Protéinée Saveur Cookie Dough, 50 g</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 6.80 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Épuisé
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/barre-proteinee-saveur-cookie-butter-50-g-13402">
          <img alt="Barre Protéinée Saveur Cookie Butter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6491/file/small-d9811da56cfed28088eb663970835d16.webp 600w, https://assets.fabulous.ch/public/variant_asset/6491/file/medium-dabc58e82d2fbd185b582724e6b03b93.webp 900w, https://assets.fabulous.ch/public/variant_asset/6491/file/large-4e29c0836282afd4d34fd693fd62d1b9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6491/file/medium-dabc58e82d2fbd185b582724e6b03b93.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">Misfits</p>
          <a href="/fr/products/barre-proteinee-saveur-cookie-butter-50-g-13402">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Barre Protéinée Saveur Cookie Butter, 50 g</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 6.80 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-13402-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/barre-proteinee-saveur-caramel-fudge-50-g-13403">
          <img alt="Barre Protéinée Saveur Caramel Fudge" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6492/file/small-60e5226e36deb5a0e9008458dee836f6.webp 600w, https://assets.fabulous.ch/public/variant_asset/6492/file/medium-766f8201bde1d99f8b769ae201eb98e6.webp 900w, https://assets.fabulous.ch/public/variant_asset/6492/file/large-1dfc7f1cc3708f895ccd128576a7a84f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6492/file/medium-766f8201bde1d99f8b769ae201eb98e6.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">Misfits</p>
          <a href="/fr/products/barre-proteinee-saveur-caramel-fudge-50-g-13403">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Barre Protéinée Saveur Caramel Fudge, 50 g</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 6.80 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DRftDqcA4PNB16agWQ3zJtPaK0guMNfSbj9qsoL6HZSPotOcq336MzKTZ9-SddUGipx9wmFaNBZLG8f8l93Epg" />
    <input value="13403" 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/nouilles-de-riz-thailandaises-blanches-bio-250-g-13464">
          <img alt="Nouilles de riz thaïlandaises blanches Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6520/file/small-738b082637e8a37796efc03fd40c0f3a.webp 600w, https://assets.fabulous.ch/public/variant_asset/6520/file/medium-255f33eb1cf2ddbce9856f3f6b7ac8fc.webp 900w, https://assets.fabulous.ch/public/variant_asset/6520/file/large-4e487b8dc07f64eee3984ae665d66703.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6520/file/medium-255f33eb1cf2ddbce9856f3f6b7ac8fc.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">King Soba</p>
          <a href="/fr/products/nouilles-de-riz-thailandaises-blanches-bio-250-g-13464">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nouilles de riz thaïlandaises blanches Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EvwpqCJ6A2yp8TN9tVrDyLvxm1zee9CcXwMohoaD8nyQSRc6LgcZrNq18gJ-IuXo4rfN1pERM1h6J4XIk6QrTg" />
    <input value="13464" 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/rouleaux-de-gaufrette-d-epeautre-nature-bio-125-g-13494">
          <img alt="Rouleaux de gaufrette d&#39;épeautre nature bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6531/file/small-b334db47627ab8f1fc02b5373ac671f7.webp 600w, https://assets.fabulous.ch/public/variant_asset/6531/file/medium-e9402dc09886fa6a82e383d14f2f6c94.webp 900w, https://assets.fabulous.ch/public/variant_asset/6531/file/large-b7ca0cf2f8d9163d2076521f67b2578d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6531/file/medium-e9402dc09886fa6a82e383d14f2f6c94.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">Rosengarten</p>
          <a href="/fr/products/rouleaux-de-gaufrette-d-epeautre-nature-bio-125-g-13494">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rouleaux de gaufrette d&#39;épeautre nature bio, 125 g</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 4.08 / 100 g
            </p>
        </div>
      </div>

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

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

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lavera</p>
          <a href="/fr/products/radiant-skin-concealer-medium-03-5-5-ml-13503">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Radiant Skin Concealer - Medium 03 -, 5.5 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uOCOACTPL_HFYmrRsnUXdgICavjsVE2UV6BaBaVBVHE6VbCSKLI1MbYmq655DTFWW0Q8cqM-rlByhPdLsGaNQw" />
    <input value="13503" 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/radiant-skin-concealer-ivory-01-5-5-ml-13516">
          <img alt="Radiant Skin Concealer - Ivory 01 -" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6534/file/small-3138ded123ae82fb97b01f8aec79fb7b.webp 600w, https://assets.fabulous.ch/public/variant_asset/6534/file/medium-7310ee7e50eb95b61862ebe1532f73ff.webp 900w, https://assets.fabulous.ch/public/variant_asset/6534/file/large-a16aae56c7450dc610fa50a0d1de4472.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6534/file/medium-7310ee7e50eb95b61862ebe1532f73ff.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lavera</p>
          <a href="/fr/products/radiant-skin-concealer-ivory-01-5-5-ml-13516">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Radiant Skin Concealer - Ivory 01 -, 5.5 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9kEKpCD9UWb11Y42QcfrPT2VJOhcugB_tbrnX5-oXQJ09DQ2LIBLpoaRT0mKv80dZNNyYhPQ47uQnkoRio-EMA" />
    <input value="13516" 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;540 sur 3&#39;216 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/werz?format=turbo_stream&amp;page=128">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>