<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/eyeshadow-ombres-a-paupieres-4-couleurs-camaieu-de-rose-8-g-713">
          <img alt="Eyeshadow Ombres à paupières 4 couleurs camaïeu de rose" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/663/file/small-8d124c674c2a63d24d0ba0a690dcfd78.webp 600w, https://assets.fabulous.ch/public/variant_asset/663/file/medium-9378e465b828f53aaf9b77180e222819.webp 900w, https://assets.fabulous.ch/public/variant_asset/663/file/large-20a9b8c1bc83dc0ff90b166ea6412762.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/663/file/medium-9378e465b828f53aaf9b77180e222819.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">benecos</p>
          <a href="/fr/products/eyeshadow-ombres-a-paupieres-4-couleurs-camaieu-de-rose-8-g-713">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Eyeshadow Ombres à paupières 4 couleurs camaïeu de rose, 8 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RdkC3iZASWsBYh_2ElPHI-b2t5-NDY1CDxk6h3MzODUdPg5k83P5MC7DST4Ov_qC0oDLnpdE3n1rq20Vf_eUOA" />
    <input value="713" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/eyeliner-crayon-contour-des-yeux-verts-1-13-g-1-piece-717">
          <img alt="Eyeliner Crayon contour des yeux verts, 1,13 g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/667/file/small-2001ce21e97e2ea7f553773646911523.webp 600w, https://assets.fabulous.ch/public/variant_asset/667/file/medium-0baa03dd514816138511c83ec681815b.webp 900w, https://assets.fabulous.ch/public/variant_asset/667/file/large-fef49301ab6605aa260d5b9a5eec2c29.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/667/file/medium-0baa03dd514816138511c83ec681815b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">benecos</p>
          <a href="/fr/products/eyeliner-crayon-contour-des-yeux-verts-1-13-g-1-piece-717">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Eyeliner Crayon contour des yeux verts, 1,13 g, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VNrkzp9BMhRFTH6Ru7bL5kcrcfXL2oquOvEINiq3qAcMPeh0SnKCT2rtKFmnWvZHc10N9NGT2ZFeQ1-kJnMECg" />
    <input value="717" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/eyeliner-crayon-contour-des-yeux-bleu-nuit-1-13-g-1-piece-718">
          <img alt="Eyeliner Crayon contour des yeux bleu nuit 1,13 g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/668/file/small-2cd2572b8b59f698fe97821a231b7615.webp 600w, https://assets.fabulous.ch/public/variant_asset/668/file/medium-96c124ef8c646aab252d2bd2679a6f05.webp 900w, https://assets.fabulous.ch/public/variant_asset/668/file/large-b1b435b5d89efd5241e2e0215c25cca6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/668/file/medium-96c124ef8c646aab252d2bd2679a6f05.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">benecos</p>
          <a href="/fr/products/eyeliner-crayon-contour-des-yeux-bleu-nuit-1-13-g-1-piece-718">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Eyeliner Crayon contour des yeux bleu nuit 1,13 g, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7ncnVh2Yd6c6sHJev-bT92CcL0DbjyN3edSPBrynQPS2kCvsyKvH_BURJJajCu5WVOpTQcHGcEgdZtiUsGPs-Q" />
    <input value="718" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/eyeliner-crayon-contour-des-yeux-olive-1-13-g-1-piece-719">
          <img alt="Eyeliner Crayon contour des yeux olive 1,13 g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/669/file/small-22841c6e50f99b6861fe4b0060e1159f.webp 600w, https://assets.fabulous.ch/public/variant_asset/669/file/medium-d704af157b0340882d7799d83b66d6da.webp 900w, https://assets.fabulous.ch/public/variant_asset/669/file/large-5f44278a705405d49ca4e25b1a12a2bc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/669/file/medium-d704af157b0340882d7799d83b66d6da.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">benecos</p>
          <a href="/fr/products/eyeliner-crayon-contour-des-yeux-olive-1-13-g-1-piece-719">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Eyeliner Crayon contour des yeux olive 1,13 g, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1c-UG5ufnpEeNN-v8eqmYQLpgD1xMS7XW27z84tMpYmNKJihTqwuyjGViWftBpvANp_8PGt4feg_3KRhh4gJhA" />
    <input value="719" 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/apres-shampoing-eclat-vitalite-200-ml-813">
          <img alt="Après-Shampoing Eclat &amp; Vitalité" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/749/file/small-8e6b7e9438c6cd7146b0472cca30e51f.webp 600w, https://assets.fabulous.ch/public/variant_asset/749/file/medium-1e4fb02abff5ba9370b2857eec024bd2.webp 900w, https://assets.fabulous.ch/public/variant_asset/749/file/large-0d7da31aa053ca441d38d6070faf4e87.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/749/file/medium-1e4fb02abff5ba9370b2857eec024bd2.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">MADARA</p>
          <a href="/fr/products/apres-shampoing-eclat-vitalite-200-ml-813">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Après-Shampoing Eclat &amp; Vitalité, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AQpN5Q2qJ9DlG0q8zaMFmzTGOthCrQBg6ccDBozPSJJZ7UFf2JmXi8q6HHTRTzg6ALBG2VjkU1-NdVSUgAvknw" />
    <input value="813" 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/shampoing-eclat-vitalite-250-ml-814">
          <img alt="Shampoing Eclat &amp; Vitalité" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/751/file/small-45911f7a5bd07b6f8585b0c867c4f325.webp 600w, https://assets.fabulous.ch/public/variant_asset/751/file/medium-3eb14803b176f9306f2bd55c43b8fa13.webp 900w, https://assets.fabulous.ch/public/variant_asset/751/file/large-303e2a929d01687818ac267aadb629de.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/751/file/medium-3eb14803b176f9306f2bd55c43b8fa13.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">MADARA</p>
          <a href="/fr/products/shampoing-eclat-vitalite-250-ml-814">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shampoing Eclat &amp; Vitalité, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ftiLoGM2vfePd7Yb4kedPcvyhl5Lq1znbeVvFyqP1XImP4catgUNrKDW4NP-q6Cc_4T6X1HiD9gJVziFJkt5fw" />
    <input value="814" 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/creme-de-soin-neutre-bebe-et-enfant-75-ml-1105">
          <img alt="Crème de soin neutre bébé et enfant" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/983/file/small-c66ef667cb4d2860e06a37ccd28fcb23.webp 600w, https://assets.fabulous.ch/public/variant_asset/983/file/medium-be499f29967f3f433bae5516983c2844.webp 900w, https://assets.fabulous.ch/public/variant_asset/983/file/large-ce940b27d10005b2349d9bbc6c8fb0bb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/983/file/medium-be499f29967f3f433bae5516983c2844.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/creme-de-soin-neutre-bebe-et-enfant-75-ml-1105">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Crème de soin neutre bébé et enfant, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TVlPbN5JyC2C4BN3aJElmNIbmXheq_NMq3Y1StAc7I4VvkPWC3p4dq1BRb90fRg55m3leUTioHPPxGLY3NhAgw" />
    <input value="1105" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/mascara-natural-vegan-volume-magic-black-10-ml-1526">
          <img alt="Mascara Natural Vegan Volume magic black" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1234/file/small-d86b2443a878dfd23bd9d9ea97e0c7a3.webp 600w, https://assets.fabulous.ch/public/variant_asset/1234/file/medium-c98882fc1d23756f1507de823d10f0b0.webp 900w, https://assets.fabulous.ch/public/variant_asset/1234/file/large-e4b58f8f8155f00983fe85d301c78d72.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1234/file/medium-c98882fc1d23756f1507de823d10f0b0.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">benecos</p>
          <a href="/fr/products/mascara-natural-vegan-volume-magic-black-10-ml-1526">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mascara Natural Vegan Volume magic black, 10 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZNTITsKxySfHZw49f-B-pKYBSeLogJTmQ22ZkCe2sac8M8T0F4J5fOjGWPVjDEMFknc14_LJx9kn384CK3Idqg" />
    <input value="1526" 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/tampons-normal-regulieres-sans-applicateur-20pcs-20-piece-1675">
          <img alt="Tampons Normal / Régulières sans applicateur, 20pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1333/file/small-b068649a6ccd755a130a18b71375aa08.webp 600w, https://assets.fabulous.ch/public/variant_asset/1333/file/medium-75339cc9c3fa3a87a9a8072268f7b249.webp 900w, https://assets.fabulous.ch/public/variant_asset/1333/file/large-5136c407397e1fedf05362f814c9c745.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1333/file/medium-75339cc9c3fa3a87a9a8072268f7b249.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">Natracare</p>
          <a href="/fr/products/tampons-normal-regulieres-sans-applicateur-20pcs-20-piece-1675">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tampons Normal / Régulières sans applicateur, 20pcs, 20 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CpETQLTpkXn0UXmcnVQ0sQ9NmhHh40WzeNdlW0_fPwlSdh_6YdohItvwL1SBuAkQOzvmEPuqFowcZTLJQxuTBA" />
    <input value="1675" 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/tampons-normal-regulieres-avec-applicateur-16-pcs-16-piece-1676">
          <img alt="Tampons Normal / Régulières avec applicateur, 16 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1334/file/small-92e08cba3e454726b4f7690b6564208a.webp 600w, https://assets.fabulous.ch/public/variant_asset/1334/file/medium-b12b6f53001d483d2e2127fc6a178145.webp 900w, https://assets.fabulous.ch/public/variant_asset/1334/file/large-cff3492544d50eb47a4596e4725f45a6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1334/file/medium-b12b6f53001d483d2e2127fc6a178145.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">Natracare</p>
          <a href="/fr/products/tampons-normal-regulieres-avec-applicateur-16-pcs-16-piece-1676">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tampons Normal / Régulières avec applicateur, 16 pcs, 16 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.35
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nUDhLiNMCb9v46mnSweenlfzjjMwJprrKqf7Mh-bgc7Fp-2U9n-55EBC_29X66M_Y4XyMipvydROFaygE18tww" />
    <input value="1676" 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/tampons-super-sans-applicateur-20pcs-20-piece-1677">
          <img alt="Tampons Super sans applicateur, 20pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1335/file/small-1ba0e3ae518755e1a34bf08aec817170.webp 600w, https://assets.fabulous.ch/public/variant_asset/1335/file/medium-53a4498247c4ae2b922ee61128e7cb8d.webp 900w, https://assets.fabulous.ch/public/variant_asset/1335/file/large-5567dba73edaa7e54f8de94441828d1c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1335/file/medium-53a4498247c4ae2b922ee61128e7cb8d.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">Natracare</p>
          <a href="/fr/products/tampons-super-sans-applicateur-20pcs-20-piece-1677">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tampons Super sans applicateur, 20pcs, 20 pièce</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 0.28 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ppX1N-hHW-6vJQdNOR1GPYvCVIaho0R_sudMWLJGEL_-cvmNPXTrtYCEUYUl8Xucv7Qoh7vqF0DWVRvKvoK8sg" />
    <input value="1677" 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/tampons-super-avec-applicateur-16-pcs-16-piece-1678">
          <img alt="Tampons Super avec applicateur, 16 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1336/file/small-a5b516544a01b5f6274ff83e83f430f2.webp 600w, https://assets.fabulous.ch/public/variant_asset/1336/file/medium-65cac09facb57c16b30ab4773194cf09.webp 900w, https://assets.fabulous.ch/public/variant_asset/1336/file/large-1729381be29632f4cea897a0da38fe26.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1336/file/medium-65cac09facb57c16b30ab4773194cf09.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">Natracare</p>
          <a href="/fr/products/tampons-super-avec-applicateur-16-pcs-16-piece-1678">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tampons Super avec applicateur, 16 pcs, 16 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rdax5BJkJFFRvYvSpwbZ7LcWc5Uhu4xDFJi9YSNX3q31Mb1ex1eUCn4c3Rq76uRNg2APlDvy33xwKurzL5NyoA" />
    <input value="1678" 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/tampons-super-plus-sans-applicateur-20pcs-20-piece-1679">
          <img alt="Tampons Super Plus sans applicateur, 20pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1337/file/small-97009756985418a1dca7fc5b92389bc7.webp 600w, https://assets.fabulous.ch/public/variant_asset/1337/file/medium-9821877494959534d76d629edf542ee0.webp 900w, https://assets.fabulous.ch/public/variant_asset/1337/file/large-30bc3322e0980baa64a1df041eca35a1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1337/file/medium-9821877494959534d76d629edf542ee0.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">Natracare</p>
          <a href="/fr/products/tampons-super-plus-sans-applicateur-20pcs-20-piece-1679">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tampons Super Plus sans applicateur, 20pcs, 20 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uEqvJP9T1R8_FvQg8zU9t5tkfEa3xS6a_qe8uexbw9zgraOeKmBlRBC3oujv2QAWrxIAR62MfaWaFesr4J9v0Q" />
    <input value="1679" 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/serviettes-ultra-extra-pads-normal-avec-ailettes-12-pcs-12-piece-1680">
          <img alt="Serviettes  Ultra Extra Pads Normal avec Ailettes, 12 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1338/file/small-245fc7cbbd4f8e0e8c75ae76ee5bf66a.webp 600w, https://assets.fabulous.ch/public/variant_asset/1338/file/medium-d7707368f69cdd5c43716fd4c7cc5c37.webp 900w, https://assets.fabulous.ch/public/variant_asset/1338/file/large-3715a9c65e93c2e5502ed2a575ca14fa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1338/file/medium-d7707368f69cdd5c43716fd4c7cc5c37.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">Natracare</p>
          <a href="/fr/products/serviettes-ultra-extra-pads-normal-avec-ailettes-12-pcs-12-piece-1680">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Serviettes  Ultra Extra Pads Normal avec Ailettes, 12 pcs, 12 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.55
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7P41vLDblMEpU74bAA3JRWbd6vxxQFPyzMuoNK1oOYa0GTkGZegkmgby6NMc4fTkUquW_WsJAM2oef-moayViw" />
    <input value="1680" 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/serviettes-ultra-super-plus-12-pcs-12-piece-1682">
          <img alt="Serviettes Ultra Super Plus, 12 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1339/file/small-9ec2f67789a5dbdd1b7799c21b57b676.webp 600w, https://assets.fabulous.ch/public/variant_asset/1339/file/medium-7f15b95d647dd5a71d4a964b3415b480.webp 900w, https://assets.fabulous.ch/public/variant_asset/1339/file/large-aec64deaa7d65750dd69f85e1af140ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1339/file/medium-7f15b95d647dd5a71d4a964b3415b480.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">Natracare</p>
          <a href="/fr/products/serviettes-ultra-super-plus-12-pcs-12-piece-1682">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Serviettes Ultra Super Plus, 12 pcs, 12 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.65
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RIkvE3GF0XnZhzPePDA4YRdaGrINnRjazS8F7I2O9fEcbiOppLZhIvYmZRYg3AXAIyxmsxfUS-WpnVJ-gUpZ_A" />
    <input value="1682" 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/protege-slips-curved-galbes-30-pcs-30-piece-1683">
          <img alt="Protège-Slips Curved Galbés, 30 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1340/file/small-1bd0c82f84f9b08c8d52a5794b6613a6.webp 600w, https://assets.fabulous.ch/public/variant_asset/1340/file/medium-9c9d3d240927f229944abf39bec45a44.webp 900w, https://assets.fabulous.ch/public/variant_asset/1340/file/large-508a15dbeb38e9b3cbee0500e96b930b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1340/file/medium-9c9d3d240927f229944abf39bec45a44.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">Natracare</p>
          <a href="/fr/products/protege-slips-curved-galbes-30-pcs-30-piece-1683">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Protège-Slips Curved Galbés, 30 pcs, 30 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.45
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="S4fDUPFD4kJh1AnoTaWTNMxsljZK6YsU6JS9zqsL6v4TYM_qJHBSGU51XyBRSa6V-BrqN1Cg2CuMJupcp89G8w" />
    <input value="1683" 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/protege-slips-tanga-string-30-pcs-30-piece-1684">
          <img alt="Protège-Slips Tanga / String, 30 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1341/file/small-851b453ad6e60bb69e542addd9738839.webp 600w, https://assets.fabulous.ch/public/variant_asset/1341/file/medium-ed3ce3aac503f48b65bf0a5fd88ab7d7.webp 900w, https://assets.fabulous.ch/public/variant_asset/1341/file/large-75345b0b1031e206bfdd4962fb5070a1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1341/file/medium-ed3ce3aac503f48b65bf0a5fd88ab7d7.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">Natracare</p>
          <a href="/fr/products/protege-slips-tanga-string-30-pcs-30-piece-1684">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Protège-Slips Tanga / String, 30 pcs, 30 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.45
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="k2MJlYh8Cxw7IxY8lY3AMB4rJJcgeORKBXDD7NxUJdbLhAUvXU-7RxSCQPSJYf2RKl1Yljoxt3VhwpR-0JCJ2w" />
    <input value="1684" 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/lingettes-intimes-12-pieces-12-piece-1685">
          <img alt="Lingettes Intimes, 12 pièces" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1342/file/small-e6ea021f84b5bdb3fb8706639bd99047.webp 600w, https://assets.fabulous.ch/public/variant_asset/1342/file/medium-9c875a9a1c1aaba191dc4346e77edb9d.webp 900w, https://assets.fabulous.ch/public/variant_asset/1342/file/large-9085a8aa4d81ec536421b1357fb7f0ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1342/file/medium-9c875a9a1c1aaba191dc4346e77edb9d.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">Natracare</p>
          <a href="/fr/products/lingettes-intimes-12-pieces-12-piece-1685">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lingettes Intimes, 12 pièces, 12 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HWGXb0fP9UPLYSmgzlSOqPbYRapcU0-1-BXZKw8anQVFhpvVkvxFGOTAf2jSuLMJwq45q0YaHIqcp465A94xCA" />
    <input value="1685" 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/lingettes-pour-bebe-50-pcs-50-piece-1686">
          <img alt="Lingettes pour bébé, 50 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1343/file/small-e878d356109352f8ff2222fd877e46b9.webp 600w, https://assets.fabulous.ch/public/variant_asset/1343/file/medium-8c9a17978df576ca18848fc993219bd0.webp 900w, https://assets.fabulous.ch/public/variant_asset/1343/file/large-b51d9fc93794a26b81ede7e1cbeab8c5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1343/file/medium-8c9a17978df576ca18848fc993219bd0.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">Natracare</p>
          <a href="/fr/products/lingettes-pour-bebe-50-pcs-50-piece-1686">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lingettes pour bébé, 50 pcs, 50 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TV8QNeFTGquoLPdmZTyQWT6cgwC4-G5TVRQB5FPRvn0VuByPNGCq8IeNoa550K34Cur_AaKxPWwxplZ2XxUScA" />
    <input value="1686" 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/lingettes-demaquillantes-20-pcs-20-piece-1733">
          <img alt="Lingettes démaquillantes, 20 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1383/file/small-2a9b155d7c95f1bec6bdc8e7ee29937e.webp 600w, https://assets.fabulous.ch/public/variant_asset/1383/file/medium-a5a81bb933e77d459a07eb215725a8f7.webp 900w, https://assets.fabulous.ch/public/variant_asset/1383/file/large-bbf8b5e505cf7af4d4ae0faebfd7889d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1383/file/medium-a5a81bb933e77d459a07eb215725a8f7.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">Natracare</p>
          <a href="/fr/products/lingettes-demaquillantes-20-pcs-20-piece-1733">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lingettes démaquillantes, 20 pcs, 20 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.15
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lhx-Cz-mLGeBsOyQyPwUO4WX5JOBMpkZ2i3zuLQFlSzO-3Kx6pWcPK4RuljUECmaseGYkpt7yia-n6QquME5IQ" />
    <input value="1733" 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">
      40 sur 371 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/cosmetiques?format=turbo_stream&amp;page=3">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>