<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/lovechock-bliss-blanc-bio-70-g-13010">
          <img alt="Lovechock Bliss Blanc Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6373/file/small-92e87240ba9c827af617951d92693203.webp 600w, https://assets.fabulous.ch/public/variant_asset/6373/file/medium-d429e58f2322857c14c37145e8fd8652.webp 900w, https://assets.fabulous.ch/public/variant_asset/6373/file/large-767eaaab70417fc00976c611fa30bf63.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6373/file/medium-d429e58f2322857c14c37145e8fd8652.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">Lovechock</p>
          <a href="/fr/products/lovechock-bliss-blanc-bio-70-g-13010">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lovechock Bliss Blanc Bio, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vU_7obatCxomQUkjFvMx3qaaxK8kupttAR2ecc4dql3m9StovFZlUNmreSBjSWSm8SI6u2jAaLCgYK5nzFWsgw" />
    <input value="13010" 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/harissa-melange-d-epices-bio-70-g-13011">
          <img alt="Harissa Mélange d&#39;Épices Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6376/file/small-0115aad5ba4f21436904c0e983669f09.webp 600w, https://assets.fabulous.ch/public/variant_asset/6376/file/medium-61f9da11781215185ab153f24b117a00.webp 900w, https://assets.fabulous.ch/public/variant_asset/6376/file/large-9c8dd5693fee2bea7e575292830f20c7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6376/file/medium-61f9da11781215185ab153f24b117a00.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">Sonnentor</p>
          <a href="/fr/products/harissa-melange-d-epices-bio-70-g-13011">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Harissa Mélange d&#39;Épices Bio, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Rsgyhy2hxPs3RMaSbhqfmpYxu5w3m0kaZAHr5c5n4fUdcuJOJ1qqsciu9pEboMriwYlFiHvhusfFfNvzzC_nKw" />
    <input value="13011" 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/ecorces-de-psyllium-bio-250-g-13012">
          <img alt="Ecorces de Psyllium Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6377/file/small-b30f08d4eb7c9e785752c47732bfe04d.webp 600w, https://assets.fabulous.ch/public/variant_asset/6377/file/medium-3f00e287c1a3fa7553d9f6d488fd9297.webp 900w, https://assets.fabulous.ch/public/variant_asset/6377/file/large-be146d5bec13b10da492a21d782bb7ff.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6377/file/medium-3f00e287c1a3fa7553d9f6d488fd9297.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/ecorces-de-psyllium-bio-250-g-13012">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ecorces de Psyllium Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VpuyN1TiZmdGGyAC-jScnbWUnAyTyo-6NVQdh4bC3ocNIWL-XhkILbnxEAGPjsnl4ixiGN-wfGeUKS2RhIrYWQ" />
    <input value="13012" 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/pill-cosmetique-gel-creme-de-soin-50-ml-13109">
          <img alt="Pill Cosmétique - gel-crème de soin" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6378/file/small-70f09a264fa7985fd494e19dd21c634f.webp 600w, https://assets.fabulous.ch/public/variant_asset/6378/file/medium-97b8b24e3146e2e5fdbff4395b3e7e47.webp 900w, https://assets.fabulous.ch/public/variant_asset/6378/file/large-75928e2235c0e09d30ab58364ea7fd9f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6378/file/medium-97b8b24e3146e2e5fdbff4395b3e7e47.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/fr/products/pill-cosmetique-gel-creme-de-soin-50-ml-13109">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Cosmétique - gel-crème de soin, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 42.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7LHXI6-p5YfURVgYtvGvCrcERp0010xDX8guZxZeaQK3CwfqpVKLzSuvaBvDS_py4Ly4iXitv57-tR5xFBZv3A" />
    <input value="13109" 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/pill-cosmetique-creme-hydratante-a-la-vitamine-e-et-a-l-acide-hyaluronique-50-ml-13110">
          <img alt="Pill Cosmétique - Crème hydratante à la vitamine E et à l&#39;acide hyaluronique" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6379/file/small-a112b4a1f4f3a48da14c60672e18cb98.webp 600w, https://assets.fabulous.ch/public/variant_asset/6379/file/medium-c33b33275a366bda23856f6200c0c07b.webp 900w, https://assets.fabulous.ch/public/variant_asset/6379/file/large-94327ee08f465d893b4a799d855ec8aa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6379/file/medium-c33b33275a366bda23856f6200c0c07b.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/fr/products/pill-cosmetique-creme-hydratante-a-la-vitamine-e-et-a-l-acide-hyaluronique-50-ml-13110">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Cosmétique - Crème hydratante à la vitamine E et à l&#39;acide hyaluronique, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 44.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nKKaVaDDa2WkzXdxtC_2WDKVgh37VccevwhIRFIdO_HHGEqcqjgFL1snR3LBlaMgZS18CbcvNMMedXhSUFU9Lw" />
    <input value="13110" 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/pill-cosmetique-creme-hydratante-aux-omega-6-et-a-l-acide-hyaluronique-50-ml-13111">
          <img alt="Pill Cosmétique - Crème hydratante aux oméga 6 et à l&#39;acide hyaluronique" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6380/file/small-de5a7b832be4d13d2553ce77ddab9b86.webp 600w, https://assets.fabulous.ch/public/variant_asset/6380/file/medium-69a159a76fb3a18da245efcf44bd0b90.webp 900w, https://assets.fabulous.ch/public/variant_asset/6380/file/large-c9ef14db5a0cb89c9a78dd4fc791a454.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6380/file/medium-69a159a76fb3a18da245efcf44bd0b90.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/fr/products/pill-cosmetique-creme-hydratante-aux-omega-6-et-a-l-acide-hyaluronique-50-ml-13111">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Cosmétique - Crème hydratante aux oméga 6 et à l&#39;acide hyaluronique, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 44.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_rbDS0x4YUhVfsZuaVI63uCv9x8z34Ke2_9Zpep1NIilDBOCRoMPAqqU9m0c6G-mtxcJC3-lcUN6gmmz6D0yVg" />
    <input value="13111" 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/pill-cosmetique-creme-energisante-a-l-acide-procollagene-50-ml-13112">
          <img alt="Pill Cosmétique - Crème énergisante à l&#39;acide procollagène" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6381/file/small-aff552da762307481871036022ce7907.webp 600w, https://assets.fabulous.ch/public/variant_asset/6381/file/medium-d8ca6f237e295dd5e418826ef5631387.webp 900w, https://assets.fabulous.ch/public/variant_asset/6381/file/large-1f9fa8709bc31705fd8279d0a386f6b5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6381/file/medium-d8ca6f237e295dd5e418826ef5631387.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/fr/products/pill-cosmetique-creme-energisante-a-l-acide-procollagene-50-ml-13112">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Cosmétique - Crème énergisante à l&#39;acide procollagène, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 44.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JMrSLykA5sODRf5OnTI-L9556Yi5CvGFgq_UR2TdMxZ_cALmI_uIiXyvzk3oiGtXicEXnPVwAlgj0uRRZpU1yA" />
    <input value="13112" 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/pill-cosmetique-creme-pour-le-visage-et-le-cou-a-l-acide-procollagene-50-ml-13113">
          <img alt="Pill Cosmétique - Crème pour le visage et le cou à l&#39;acide procollagène" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6382/file/small-ff3e5e4b61c5fa50ae1cf13c47a1ec67.webp 600w, https://assets.fabulous.ch/public/variant_asset/6382/file/medium-b26d0ae4d0f08dc0338af53ffd5b54b9.webp 900w, https://assets.fabulous.ch/public/variant_asset/6382/file/large-8ed3194d4a1940d0e71e5db3d61bf6c9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6382/file/medium-b26d0ae4d0f08dc0338af53ffd5b54b9.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/fr/products/pill-cosmetique-creme-pour-le-visage-et-le-cou-a-l-acide-procollagene-50-ml-13113">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Cosmétique - Crème pour le visage et le cou à l&#39;acide procollagène, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 44.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lo6bspbWTc0pbA1Am9OG3npTvjT_y8Az7KH34a-eC1HNNEt7nC0jh9aGPUPuadOmLetAILOxM-5N3Mf3rdYNjw" />
    <input value="13113" 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/pill-cosmetique-creme-nourrissante-a-l-acide-procollagene-50-ml-13114">
          <img alt="Pill Cosmétique - Crème nourrissante à l&#39;acide procollagène" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6383/file/small-23e6698aab00dc1f10f332becc8a8197.webp 600w, https://assets.fabulous.ch/public/variant_asset/6383/file/medium-65171eed36af92f9489cd838c8f5656c.webp 900w, https://assets.fabulous.ch/public/variant_asset/6383/file/large-ecef754dea39048c857118b25138377a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6383/file/medium-65171eed36af92f9489cd838c8f5656c.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/fr/products/pill-cosmetique-creme-nourrissante-a-l-acide-procollagene-50-ml-13114">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Cosmétique - Crème nourrissante à l&#39;acide procollagène, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 44.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="v-SeGwW3ttof69TyC7TqYr0nyN1QjFy9WWTFhXeSdgHkXk7SD0zYkOAB5PF-Dr8a6p82yRz2r2D4GfWTddpw3w" />
    <input value="13114" 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/pill-cosmetique-ceramide-creme-redensifiante-pour-la-peau-50-ml-13115">
          <img alt="Pill Cosmétique - Céramide crème redensifiante pour la peau" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6384/file/small-11620c3b7351c0a0dae0d343dbdcce91.webp 600w, https://assets.fabulous.ch/public/variant_asset/6384/file/medium-ac8cc5548cbb5847590e5ec000ddbccb.webp 900w, https://assets.fabulous.ch/public/variant_asset/6384/file/large-46f9fa4b0b5fa76f6d370ffb97370f5e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6384/file/medium-ac8cc5548cbb5847590e5ec000ddbccb.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/fr/products/pill-cosmetique-ceramide-creme-redensifiante-pour-la-peau-50-ml-13115">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Cosmétique - Céramide crème redensifiante pour la peau, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 48.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1qfUDT6BU5zjNopW90uxJe1tekHedts6WYeHxlqR6w6NHQTENHo91hzculWC8eRdutWEVZIMKOf4-rfQWNnt0A" />
    <input value="13115" 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/pill-cosmetique-ceramide-creme-raffermissante-pour-la-peau-50-ml-13116">
          <img alt="Pill Cosmétique - Céramide crème raffermissante pour la peau" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6385/file/small-d9432bbca73d6bf9a83ef0ced453c660.webp 600w, https://assets.fabulous.ch/public/variant_asset/6385/file/medium-209d07dadf435ab48036d3cb1ef7b561.webp 900w, https://assets.fabulous.ch/public/variant_asset/6385/file/large-eda3632e9e986705fd518ad958532475.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6385/file/medium-209d07dadf435ab48036d3cb1ef7b561.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/fr/products/pill-cosmetique-ceramide-creme-raffermissante-pour-la-peau-50-ml-13116">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Cosmétique - Céramide crème raffermissante pour la peau, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 48.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Me9bFp1UebxTCV3CCy5fQtYXkTMALJQJIScY6m1kXaJqVYvfl68X9qzjbcF-lAo6ga9vJ0xWZ9SAWij8byxbfA" />
    <input value="13116" 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/pill-cosmetique-creme-hyaluron-pour-les-yeux-et-les-levres-25-ml-13117">
          <img alt="Pill Cosmétique - Crème Hyaluron pour les yeux et les lèvres" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6386/file/small-e63ab8371305df9433294d353d737812.webp 600w, https://assets.fabulous.ch/public/variant_asset/6386/file/medium-66d0dbfdb607dcd97f3ca974789c8752.webp 900w, https://assets.fabulous.ch/public/variant_asset/6386/file/large-e554882fa3ff62a68fff381f87b8b3fb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6386/file/medium-66d0dbfdb607dcd97f3ca974789c8752.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/fr/products/pill-cosmetique-creme-hyaluron-pour-les-yeux-et-les-levres-25-ml-13117">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Cosmétique - Crème Hyaluron pour les yeux et les lèvres, 25 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 39.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="c6prgjFYYbEaxQ3Cdyw8G7Rh2xZz0ZZz8kHAIk0PAKooELtLO6MP--UvPcEClmlj49klAj-rZa5TPPA0T0cGdA" />
    <input value="13117" 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/pill-cosmetique-creme-pour-les-yeux-tonifiante-25-ml-13118">
          <img alt="Pill Cosmétique - Crème pour les yeux tonifiante" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6387/file/small-ffa6f59b0e63b7c8f7a9470ab89b0201.webp 600w, https://assets.fabulous.ch/public/variant_asset/6387/file/medium-965c3ce66c10accbb62b3c7d76dd38a9.webp 900w, https://assets.fabulous.ch/public/variant_asset/6387/file/large-2752d87da8c892a2be0ee04a3cedaeb1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6387/file/medium-965c3ce66c10accbb62b3c7d76dd38a9.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/fr/products/pill-cosmetique-creme-pour-les-yeux-tonifiante-25-ml-13118">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Cosmétique - Crème pour les yeux tonifiante, 25 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 33.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wpO6aeJwvz7-FEcQUOXIdvpWxPakBjstQjf9HPRC4GeZKWqg6IvRdAH-dxMlX50Ore464uh8yPDjSs0K9grmuQ" />
    <input value="13118" 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/pill-cosmetique-creme-a-l-aloe-vera-pour-homme-avec-acide-hyaluronique-50-ml-13119">
          <img alt="Pill Cosmétique - Crème à l&#39;aloe vera pour homme avec acide hyaluronique" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6388/file/small-ba6535e3115a1ceb69b6618283f4c3f3.webp 600w, https://assets.fabulous.ch/public/variant_asset/6388/file/medium-d7cdb133019e36c9295f443c11c20e75.webp 900w, https://assets.fabulous.ch/public/variant_asset/6388/file/large-0474099b5b9cd30aff9e04fa4fe00e52.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6388/file/medium-d7cdb133019e36c9295f443c11c20e75.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/fr/products/pill-cosmetique-creme-a-l-aloe-vera-pour-homme-avec-acide-hyaluronique-50-ml-13119">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Cosmétique - Crème à l&#39;aloe vera pour homme avec acide hyaluronique, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JGUnaOsIKvHNdqamVy6dLt9mSdJPE96dXcu6FAgslqd_3_eh4fNEuzKclqUilMhWiN63xgNpLUD8tooCCmSQeQ" />
    <input value="13119" 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/pill-cosmetique-gel-concentre-a-l-hyaluron-50-ml-13120">
          <img alt="Pill Cosmétique - Gel concentré à l&#39;hyaluron" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6389/file/small-40f03996db67f2905a10052d2b829c7a.webp 600w, https://assets.fabulous.ch/public/variant_asset/6389/file/medium-69c7febc926e6cf9441623e78a66087d.webp 900w, https://assets.fabulous.ch/public/variant_asset/6389/file/large-78c6b242ef9eddee66b3b70c96dbfdf0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6389/file/medium-69c7febc926e6cf9441623e78a66087d.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/fr/products/pill-cosmetique-gel-concentre-a-l-hyaluron-50-ml-13120">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Cosmétique - Gel concentré à l&#39;hyaluron, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 48.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NdYjDMtr8FV9bvYCP4reE1STgXjdpSgaYdy7lk9h2WFubPPFwZCeH4KExgFKMItrAyt_bJHf28fAoYuATSnfvw" />
    <input value="13120" 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/pill-cosmetique-serum-raffermissant-a-la-ceramide-50-ml-13121">
          <img alt="Pill Cosmétique - Sérum raffermissant à la céramide" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6390/file/small-c83225827ee258dcc59b46e5cb39e7e4.webp 600w, https://assets.fabulous.ch/public/variant_asset/6390/file/medium-385925f7feec76eeadb3dfdb77baf7e1.webp 900w, https://assets.fabulous.ch/public/variant_asset/6390/file/large-e2c7e71b5c45867ab238a7cea6921433.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6390/file/medium-385925f7feec76eeadb3dfdb77baf7e1.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/fr/products/pill-cosmetique-serum-raffermissant-a-la-ceramide-50-ml-13121">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Cosmétique - Sérum raffermissant à la céramide, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 53.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="myLzIjgNoN4x2m4y-aeCeqNGnjevaIMMFnZGWWc1ROrAmCPrMvbOlM4wXjGMHdcC9P5gI-MScNG3C3ZPZX1CNA" />
    <input value="13121" 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/pill-cosmetique-serum-glow-avec-acide-hyaluronique-30-ml-13122">
          <img alt="Pill Cosmétique - Sérum glow avec acide hyaluronique" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6391/file/small-800e8f9dd3fd28c67f0b1e2c72d22284.webp 600w, https://assets.fabulous.ch/public/variant_asset/6391/file/medium-12efaed96b203a2be1930357a3810c97.webp 900w, https://assets.fabulous.ch/public/variant_asset/6391/file/large-ae4175f478cfc0cbee7cc9f412d47e59.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6391/file/medium-12efaed96b203a2be1930357a3810c97.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/fr/products/pill-cosmetique-serum-glow-avec-acide-hyaluronique-30-ml-13122">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Cosmétique - Sérum glow avec acide hyaluronique, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 48.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2Gn25U1nQ0FtoItaAWA6DmNY_DNLZEyXowBZRjjYVOKD0yYsR5wtC5JKu1l02m92NOACJwcev0oCfWlQOpBSPA" />
    <input value="13122" 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/pill-cosmetique-fluide-protecteur-a-l-acide-hyaluronique-30-ml-13123">
          <img alt="Pill Cosmétique - Fluide protecteur à l&#39;acide hyaluronique" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6392/file/small-7a921e9e636e6ee52b925f0c711f5ee4.webp 600w, https://assets.fabulous.ch/public/variant_asset/6392/file/medium-3a3cfb2ccd486466ec6a48fcb2e7f054.webp 900w, https://assets.fabulous.ch/public/variant_asset/6392/file/large-8a44a221add795c5d046b0304064e455.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6392/file/medium-3a3cfb2ccd486466ec6a48fcb2e7f054.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/fr/products/pill-cosmetique-fluide-protecteur-a-l-acide-hyaluronique-30-ml-13123">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Cosmétique - Fluide protecteur à l&#39;acide hyaluronique, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 37.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yR6zFcpyJTIj9EQi8R-TeuNu63SM0mDcUIvQ9l15G2GSpGPcwIlLeNwedCGEpcYCtNYVYMCokwHx9uDgXzEdvw" />
    <input value="13123" 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/pill-cosmetique-fluide-anti-pigmentation-50-ml-13124">
          <img alt="Pill Cosmétique - Fluide anti-pigmentation" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6393/file/small-3bba278e8d45395da00903d37f3c94df.webp 600w, https://assets.fabulous.ch/public/variant_asset/6393/file/medium-c0adc36ba4b659cf30014d70b707bd52.webp 900w, https://assets.fabulous.ch/public/variant_asset/6393/file/large-0354a9a5f1570b29453f286cb1428a5c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6393/file/medium-c0adc36ba4b659cf30014d70b707bd52.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/fr/products/pill-cosmetique-fluide-anti-pigmentation-50-ml-13124">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Cosmétique - Fluide anti-pigmentation, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 49.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gL6_MViDl22xUnZIPCCjD58v2-PswwStRss8VCWu9cfbBG_4Unj5J064RktJmvZ3yJcl96C593DntgxCJ-bzGQ" />
    <input value="13124" 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/pill-cosmetique-masque-hydratant-avec-acide-hyaluronique-50-ml-13125">
          <img alt="Pill Cosmétique - Masque hydratant avec acide hyaluronique" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6394/file/small-cdeb59661e3f8fe8dc5482d4f44080bf.webp 600w, https://assets.fabulous.ch/public/variant_asset/6394/file/medium-e700fe02717e31c25f299081e965d484.webp 900w, https://assets.fabulous.ch/public/variant_asset/6394/file/large-6c87fbb666c513b0aaf72f9dc76bb67c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6394/file/medium-e700fe02717e31c25f299081e965d484.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/fr/products/pill-cosmetique-masque-hydratant-avec-acide-hyaluronique-50-ml-13125">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Cosmétique - Masque hydratant avec acide hyaluronique, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 31.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Jv3LgUO-9oo0qyVNe5mS9d4LYgP1u-6M4jywioxpKAN9RxtISUWYwMtBFU4OI8eNibOcF7nBHVFDQYCcjiEu3Q" />
    <input value="13125" 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;060 sur 3&#39;163 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/sproud?format=turbo_stream&amp;page=104">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>