<section class="relative h-px w-full min-h-[360px] md:min-h-[368px] 2xl:min-h-[408px] 3xl:min-h-[544px]">
<div class="container grid-layout md:items-center h-full w-full ">
<picture class="absolute inset-0">
<source srcset="/img/hero/mobile.png" media="(max-width: 376px)">
<img class="object-cover w-full h-full" src="/img/hero/desktop.png" alt="">
</picture>
<div class="flex flex-col col-span-3 sm:col-span-6 2xl:col-span-5 relative gap-4 adjusted-marg-y-sm">
<h1 class="h3">Soins purs</h1>
<p class="h6-base">Des soins biomimétiques pour chaque type de peau, sans ingrédients superflus ni nocifs.</p>
</div>
</div>
</section>
<div class="container grid-layout adjusted-marg-y-md">
<p class="h4-base [&>span]:font-semibold col-span-4 sm:col-span-6 sm:col-start-4 text-center italic">
Widget Wisiwygs sur magento.
Des soins adaptés à tous les types de peau, des plus saines aux plus fragilisées ou sensibles.
</p>
</div>
<div class="container py-6">
<div class="block sm:flex justify-between items-center">
<h2 class="h2 pb-2">
Nettoyants Purs
</h2>
<button type="button" x-data="" x-init="$store.asideBlocs.addAside('filter')" @click="$store.asideBlocs.toggleAside('filter')" class="border border-black z-10 fixed mb-0 md:mb-2 md:relative bottom-4 md:bottom-0 right-6 md:mt-0 md:right-0 btn btn-light btn-solid btn-size-lg btn-icons">
<svg class=" shrink-0" width="24" height="24" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M5.41699 11.4584L5.41699 3.33337M5.41699 11.4584C6.10735 11.4584 6.66699 12.018 6.66699 12.7084C6.66699 13.3987 6.10735 13.9584 5.41699 13.9584M5.41699 11.4584C4.72664 11.4584 4.16699 12.018 4.16699 12.7084C4.16699 13.3987 4.72664 13.9584 5.41699 13.9584M5.41699 17.0834L5.41699 13.9584M15.417 11.4584V3.33337M15.417 11.4584C16.1073 11.4584 16.667 12.018 16.667 12.7084C16.667 13.3987 16.1073 13.9584 15.417 13.9584M15.417 11.4584C14.7266 11.4584 14.167 12.018 14.167 12.7084C14.167 13.3987 14.7266 13.9584 15.417 13.9584M15.417 17.0834L15.417 13.9584M10.417 6.45837V3.33337M10.417 6.45837C11.1073 6.45837 11.667 7.01802 11.667 7.70837C11.667 8.39873 11.1073 8.95837 10.417 8.95837M10.417 6.45837C9.72664 6.45837 9.16699 7.01802 9.16699 7.70837C9.16699 8.39873 9.72664 8.95837 10.417 8.95837M10.417 17.0834V8.95837" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg> Filtrer (1)
</button>
</div>
<div class="grid-layout gap-y-8 gap-x-3 md:gap-10">
<a href="#" class="relative group flex flex-col justify-between overflow-hidden h-full col-span-2 md:col-span-6 lg:col-span-4">
<div class="relative aspect-square bg-gray-100">
<img src="/img/product/img.png" alt="LE LAIT DEMAQUILLANT" class="w-full h-full object-cover aspect-[5/6]">
<div class="hidden group-hover:md:flex w-full justify-center absolute z-10 bottom-2.5">
</div>
</div>
<div class="flex flex-col justify-between">
<div class="flex flex-col justify-between gap-1 py-2">
<div class="flex flex-col ">
<h3 class="text-body-base group-hover:text-brand-700 font-bold line-clamp-1">LE LAIT DEMAQUILLANT</h3>
<p class="text-body-sm truncate">Nettoie - Apaise • <span class="text-black/56">200ml</span></p>
</div>
<div class="flex items-center space-x-1">
<svg class="text-black shrink-0" width="12" height="12" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M11.4807 3.50102C11.6729 3.03905 12.3273 3.03905 12.5195 3.50102L14.6454 8.61248C14.7264 8.80724 14.9096 8.94031 15.1199 8.95716L20.6381 9.39956C21.1369 9.43954 21.3391 10.062 20.9591 10.3875L16.7548 13.9889C16.5946 14.1261 16.5246 14.3414 16.5736 14.5466L17.858 19.9315C17.9741 20.4182 17.4447 20.8028 17.0177 20.542L12.2933 17.6564C12.1133 17.5465 11.8869 17.5465 11.7069 17.6564L6.98251 20.542C6.55551 20.8028 6.02606 20.4182 6.14215 19.9315L7.42664 14.5466C7.47558 14.3414 7.40562 14.1261 7.24543 13.9889L3.04111 10.3875C2.66112 10.062 2.86335 9.43954 3.36209 9.39956L8.88034 8.95716C9.0906 8.94031 9.27375 8.80724 9.35476 8.61248L11.4807 3.50102Z" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg> <svg class="text-black shrink-0" width="12" height="12" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M11.4807 3.50102C11.6729 3.03905 12.3273 3.03905 12.5195 3.50102L14.6454 8.61248C14.7264 8.80724 14.9096 8.94031 15.1199 8.95716L20.6381 9.39956C21.1369 9.43954 21.3391 10.062 20.9591 10.3875L16.7548 13.9889C16.5946 14.1261 16.5246 14.3414 16.5736 14.5466L17.858 19.9315C17.9741 20.4182 17.4447 20.8028 17.0177 20.542L12.2933 17.6564C12.1133 17.5465 11.8869 17.5465 11.7069 17.6564L6.98251 20.542C6.55551 20.8028 6.02606 20.4182 6.14215 19.9315L7.42664 14.5466C7.47558 14.3414 7.40562 14.1261 7.24543 13.9889L3.04111 10.3875C2.66112 10.062 2.86335 9.43954 3.36209 9.39956L8.88034 8.95716C9.0906 8.94031 9.27375 8.80724 9.35476 8.61248L11.4807 3.50102Z" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg> <svg class="text-black shrink-0" width="12" height="12" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M11.4807 3.50102C11.6729 3.03905 12.3273 3.03905 12.5195 3.50102L14.6454 8.61248C14.7264 8.80724 14.9096 8.94031 15.1199 8.95716L20.6381 9.39956C21.1369 9.43954 21.3391 10.062 20.9591 10.3875L16.7548 13.9889C16.5946 14.1261 16.5246 14.3414 16.5736 14.5466L17.858 19.9315C17.9741 20.4182 17.4447 20.8028 17.0177 20.542L12.2933 17.6564C12.1133 17.5465 11.8869 17.5465 11.7069 17.6564L6.98251 20.542C6.55551 20.8028 6.02606 20.4182 6.14215 19.9315L7.42664 14.5466C7.47558 14.3414 7.40562 14.1261 7.24543 13.9889L3.04111 10.3875C2.66112 10.062 2.86335 9.43954 3.36209 9.39956L8.88034 8.95716C9.0906 8.94031 9.27375 8.80724 9.35476 8.61248L11.4807 3.50102Z" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg> <svg class="text-black shrink-0" width="12" height="12" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M11.4807 3.50102C11.6729 3.03905 12.3273 3.03905 12.5195 3.50102L14.6454 8.61248C14.7264 8.80724 14.9096 8.94031 15.1199 8.95716L20.6381 9.39956C21.1369 9.43954 21.3391 10.062 20.9591 10.3875L16.7548 13.9889C16.5946 14.1261 16.5246 14.3414 16.5736 14.5466L17.858 19.9315C17.9741 20.4182 17.4447 20.8028 17.0177 20.542L12.2933 17.6564C12.1133 17.5465 11.8869 17.5465 11.7069 17.6564L6.98251 20.542C6.55551 20.8028 6.02606 20.4182 6.14215 19.9315L7.42664 14.5466C7.47558 14.3414 7.40562 14.1261 7.24543 13.9889L3.04111 10.3875C2.66112 10.062 2.86335 9.43954 3.36209 9.39956L8.88034 8.95716C9.0906 8.94031 9.27375 8.80724 9.35476 8.61248L11.4807 3.50102Z" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg> <svg class="text-black shrink-0" width="12" height="12" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M11.4807 3.50102C11.6729 3.03905 12.3273 3.03905 12.5195 3.50102L14.6454 8.61248C14.7264 8.80724 14.9096 8.94031 15.1199 8.95716L20.6381 9.39956C21.1369 9.43954 21.3391 10.062 20.9591 10.3875L16.7548 13.9889C16.5946 14.1261 16.5246 14.3414 16.5736 14.5466L17.858 19.9315C17.9741 20.4182 17.4447 20.8028 17.0177 20.542L12.2933 17.6564C12.1133 17.5465 11.8869 17.5465 11.7069 17.6564L6.98251 20.542C6.55551 20.8028 6.02606 20.4182 6.14215 19.9315L7.42664 14.5466C7.47558 14.3414 7.40562 14.1261 7.24543 13.9889L3.04111 10.3875C2.66112 10.062 2.86335 9.43954 3.36209 9.39956L8.88034 8.95716C9.0906 8.94031 9.27375 8.80724 9.35476 8.61248L11.4807 3.50102Z" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg> <span class="text-body-sm">0 avis</span>
</div>
</div>
<button type="button" x-data x-init="$store.asideBlocs.addAside('corte-ingles')" @click.prevent.stop="$store.asideBlocs.toggleAside('corte-ingles')" class="w-full justify-center btn btn-dark btn-solid btn-size-lg">
Acheter
</button>
</div>
</a> <a href="#" class="relative group flex flex-col justify-between overflow-hidden h-full col-span-2 md:col-span-6 lg:col-span-4">
<div class="relative aspect-square bg-gray-100">
<img src="/img/product/img.png" alt="LE MASQUE PURIFIANT" class="w-full h-full object-cover aspect-[5/6]">
<div class="hidden group-hover:md:flex w-full justify-center absolute z-10 bottom-2.5">
</div>
</div>
<div class="flex flex-col justify-between">
<div class="flex flex-col justify-between gap-1 py-2">
<div class="flex flex-col ">
<h3 class="text-body-base group-hover:text-brand-700 font-bold line-clamp-1">LE MASQUE PURIFIANT</h3>
<p class="text-body-sm truncate">Peau normale à grasse • <span class="text-black/56">50ml</span></p>
</div>
<div class="flex items-center space-x-1">
<svg class="text-black shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7881 3.213C11.2364 2.13505 12.7635 2.13505 13.2118 3.213L15.2938 8.21871L20.6979 8.65196C21.8616 8.74525 22.3335 10.1975 21.4469 10.957L17.3295 14.484L18.5874 19.7575C18.8583 20.8931 17.6229 21.7906 16.6266 21.1821L11.9999 18.3561L7.37329 21.1821C6.37697 21.7906 5.14158 20.8931 5.41246 19.7575L6.67038 14.484L2.55303 10.957C1.66639 10.1975 2.13826 8.74525 3.302 8.65196L8.70609 8.21871L10.7881 3.213Z" fill="currentColor" />
</svg> <svg class="text-black shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7881 3.213C11.2364 2.13505 12.7635 2.13505 13.2118 3.213L15.2938 8.21871L20.6979 8.65196C21.8616 8.74525 22.3335 10.1975 21.4469 10.957L17.3295 14.484L18.5874 19.7575C18.8583 20.8931 17.6229 21.7906 16.6266 21.1821L11.9999 18.3561L7.37329 21.1821C6.37697 21.7906 5.14158 20.8931 5.41246 19.7575L6.67038 14.484L2.55303 10.957C1.66639 10.1975 2.13826 8.74525 3.302 8.65196L8.70609 8.21871L10.7881 3.213Z" fill="currentColor" />
</svg> <svg class="text-black shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7881 3.213C11.2364 2.13505 12.7635 2.13505 13.2118 3.213L15.2938 8.21871L20.6979 8.65196C21.8616 8.74525 22.3335 10.1975 21.4469 10.957L17.3295 14.484L18.5874 19.7575C18.8583 20.8931 17.6229 21.7906 16.6266 21.1821L11.9999 18.3561L7.37329 21.1821C6.37697 21.7906 5.14158 20.8931 5.41246 19.7575L6.67038 14.484L2.55303 10.957C1.66639 10.1975 2.13826 8.74525 3.302 8.65196L8.70609 8.21871L10.7881 3.213Z" fill="currentColor" />
</svg> <svg class="text-black shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7881 3.213C11.2364 2.13505 12.7635 2.13505 13.2118 3.213L15.2938 8.21871L20.6979 8.65196C21.8616 8.74525 22.3335 10.1975 21.4469 10.957L17.3295 14.484L18.5874 19.7575C18.8583 20.8931 17.6229 21.7906 16.6266 21.1821L11.9999 18.3561L7.37329 21.1821C6.37697 21.7906 5.14158 20.8931 5.41246 19.7575L6.67038 14.484L2.55303 10.957C1.66639 10.1975 2.13826 8.74525 3.302 8.65196L8.70609 8.21871L10.7881 3.213Z" fill="currentColor" />
</svg> <svg class="text-black shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7881 3.213C11.2364 2.13505 12.7635 2.13505 13.2118 3.213L15.2938 8.21871L20.6979 8.65196C21.8616 8.74525 22.3335 10.1975 21.4469 10.957L17.3295 14.484L18.5874 19.7575C18.8583 20.8931 17.6229 21.7906 16.6266 21.1821L11.9999 18.3561L7.37329 21.1821C6.37697 21.7906 5.14158 20.8931 5.41246 19.7575L6.67038 14.484L2.55303 10.957C1.66639 10.1975 2.13826 8.74525 3.302 8.65196L8.70609 8.21871L10.7881 3.213Z" fill="currentColor" />
</svg> <span class="text-body-sm">5 | 2 avis</span>
</div>
</div>
<button type="button" x-data x-init="$store.asideBlocs.addAside('corte-ingles')" @click.prevent.stop="$store.asideBlocs.toggleAside('corte-ingles')" class="w-full justify-center btn btn-dark btn-solid btn-size-lg">
Acheter
</button>
</div>
</a> <a href="#" class="relative group flex flex-col justify-between overflow-hidden h-full col-span-2 md:col-span-6 lg:col-span-4">
<div class="relative aspect-square bg-gray-100">
<img src="/img/product/img.png" alt="Gel nettoyant purifiant" class="w-full h-full object-cover aspect-[5/6]">
<div class="hidden group-hover:md:flex w-full justify-center absolute z-10 bottom-2.5">
</div>
</div>
<div class="flex flex-col justify-between">
<div class="flex flex-col justify-between gap-1 py-2">
<div class="flex flex-col ">
<h3 class="text-body-base group-hover:text-brand-700 font-bold line-clamp-1">Gel nettoyant purifiant</h3>
<p class="text-body-sm truncate">Peau normale à grasse • <span class="text-black/56">200ml</span></p>
</div>
<div class="flex items-center space-x-1">
<svg class="text-black shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7881 3.213C11.2364 2.13505 12.7635 2.13505 13.2118 3.213L15.2938 8.21871L20.6979 8.65196C21.8616 8.74525 22.3335 10.1975 21.4469 10.957L17.3295 14.484L18.5874 19.7575C18.8583 20.8931 17.6229 21.7906 16.6266 21.1821L11.9999 18.3561L7.37329 21.1821C6.37697 21.7906 5.14158 20.8931 5.41246 19.7575L6.67038 14.484L2.55303 10.957C1.66639 10.1975 2.13826 8.74525 3.302 8.65196L8.70609 8.21871L10.7881 3.213Z" fill="currentColor" />
</svg> <svg class="text-black shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7881 3.213C11.2364 2.13505 12.7635 2.13505 13.2118 3.213L15.2938 8.21871L20.6979 8.65196C21.8616 8.74525 22.3335 10.1975 21.4469 10.957L17.3295 14.484L18.5874 19.7575C18.8583 20.8931 17.6229 21.7906 16.6266 21.1821L11.9999 18.3561L7.37329 21.1821C6.37697 21.7906 5.14158 20.8931 5.41246 19.7575L6.67038 14.484L2.55303 10.957C1.66639 10.1975 2.13826 8.74525 3.302 8.65196L8.70609 8.21871L10.7881 3.213Z" fill="currentColor" />
</svg> <svg class="text-black shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7881 3.213C11.2364 2.13505 12.7635 2.13505 13.2118 3.213L15.2938 8.21871L20.6979 8.65196C21.8616 8.74525 22.3335 10.1975 21.4469 10.957L17.3295 14.484L18.5874 19.7575C18.8583 20.8931 17.6229 21.7906 16.6266 21.1821L11.9999 18.3561L7.37329 21.1821C6.37697 21.7906 5.14158 20.8931 5.41246 19.7575L6.67038 14.484L2.55303 10.957C1.66639 10.1975 2.13826 8.74525 3.302 8.65196L8.70609 8.21871L10.7881 3.213Z" fill="currentColor" />
</svg> <svg class="text-black shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7881 3.213C11.2364 2.13505 12.7635 2.13505 13.2118 3.213L15.2938 8.21871L20.6979 8.65196C21.8616 8.74525 22.3335 10.1975 21.4469 10.957L17.3295 14.484L18.5874 19.7575C18.8583 20.8931 17.6229 21.7906 16.6266 21.1821L11.9999 18.3561L7.37329 21.1821C6.37697 21.7906 5.14158 20.8931 5.41246 19.7575L6.67038 14.484L2.55303 10.957C1.66639 10.1975 2.13826 8.74525 3.302 8.65196L8.70609 8.21871L10.7881 3.213Z" fill="currentColor" />
</svg> <svg class="text-black shrink-0" width="12" height="12" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M11.4807 3.50102C11.6729 3.03905 12.3273 3.03905 12.5195 3.50102L14.6454 8.61248C14.7264 8.80724 14.9096 8.94031 15.1199 8.95716L20.6381 9.39956C21.1369 9.43954 21.3391 10.062 20.9591 10.3875L16.7548 13.9889C16.5946 14.1261 16.5246 14.3414 16.5736 14.5466L17.858 19.9315C17.9741 20.4182 17.4447 20.8028 17.0177 20.542L12.2933 17.6564C12.1133 17.5465 11.8869 17.5465 11.7069 17.6564L6.98251 20.542C6.55551 20.8028 6.02606 20.4182 6.14215 19.9315L7.42664 14.5466C7.47558 14.3414 7.40562 14.1261 7.24543 13.9889L3.04111 10.3875C2.66112 10.062 2.86335 9.43954 3.36209 9.39956L8.88034 8.95716C9.0906 8.94031 9.27375 8.80724 9.35476 8.61248L11.4807 3.50102Z" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg> <span class="text-body-sm">4.7 | 39 avis</span>
</div>
</div>
<button type="button" x-data x-init="$store.asideBlocs.addAside('corte-ingles')" @click.prevent.stop="$store.asideBlocs.toggleAside('corte-ingles')" class="w-full justify-center btn btn-dark btn-solid btn-size-lg">
Acheter
</button>
</div>
</a> <a href="#" class="relative group flex flex-col justify-between overflow-hidden h-full col-span-2 md:col-span-6 lg:col-span-4">
<div class="relative aspect-square bg-gray-100">
<img src="/img/product/img.png" alt="LE MASQUE PURIFIANT" class="w-full h-full object-cover aspect-[5/6]">
<div class="hidden group-hover:md:flex w-full justify-center absolute z-10 bottom-2.5">
</div>
</div>
<div class="flex flex-col justify-between">
<div class="flex flex-col justify-between gap-1 py-2">
<div class="flex flex-col ">
<h3 class="text-body-base group-hover:text-brand-700 font-bold line-clamp-1">LE MASQUE PURIFIANT</h3>
<p class="text-body-sm truncate">Peau normale à grasse • <span class="text-black/56">50ml</span></p>
</div>
<div class="flex items-center space-x-1">
<svg class="text-black shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7881 3.213C11.2364 2.13505 12.7635 2.13505 13.2118 3.213L15.2938 8.21871L20.6979 8.65196C21.8616 8.74525 22.3335 10.1975 21.4469 10.957L17.3295 14.484L18.5874 19.7575C18.8583 20.8931 17.6229 21.7906 16.6266 21.1821L11.9999 18.3561L7.37329 21.1821C6.37697 21.7906 5.14158 20.8931 5.41246 19.7575L6.67038 14.484L2.55303 10.957C1.66639 10.1975 2.13826 8.74525 3.302 8.65196L8.70609 8.21871L10.7881 3.213Z" fill="currentColor" />
</svg> <svg class="text-black shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7881 3.213C11.2364 2.13505 12.7635 2.13505 13.2118 3.213L15.2938 8.21871L20.6979 8.65196C21.8616 8.74525 22.3335 10.1975 21.4469 10.957L17.3295 14.484L18.5874 19.7575C18.8583 20.8931 17.6229 21.7906 16.6266 21.1821L11.9999 18.3561L7.37329 21.1821C6.37697 21.7906 5.14158 20.8931 5.41246 19.7575L6.67038 14.484L2.55303 10.957C1.66639 10.1975 2.13826 8.74525 3.302 8.65196L8.70609 8.21871L10.7881 3.213Z" fill="currentColor" />
</svg> <svg class="text-black shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7881 3.213C11.2364 2.13505 12.7635 2.13505 13.2118 3.213L15.2938 8.21871L20.6979 8.65196C21.8616 8.74525 22.3335 10.1975 21.4469 10.957L17.3295 14.484L18.5874 19.7575C18.8583 20.8931 17.6229 21.7906 16.6266 21.1821L11.9999 18.3561L7.37329 21.1821C6.37697 21.7906 5.14158 20.8931 5.41246 19.7575L6.67038 14.484L2.55303 10.957C1.66639 10.1975 2.13826 8.74525 3.302 8.65196L8.70609 8.21871L10.7881 3.213Z" fill="currentColor" />
</svg> <svg class="text-black shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7881 3.213C11.2364 2.13505 12.7635 2.13505 13.2118 3.213L15.2938 8.21871L20.6979 8.65196C21.8616 8.74525 22.3335 10.1975 21.4469 10.957L17.3295 14.484L18.5874 19.7575C18.8583 20.8931 17.6229 21.7906 16.6266 21.1821L11.9999 18.3561L7.37329 21.1821C6.37697 21.7906 5.14158 20.8931 5.41246 19.7575L6.67038 14.484L2.55303 10.957C1.66639 10.1975 2.13826 8.74525 3.302 8.65196L8.70609 8.21871L10.7881 3.213Z" fill="currentColor" />
</svg> <svg class="text-black shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7881 3.213C11.2364 2.13505 12.7635 2.13505 13.2118 3.213L15.2938 8.21871L20.6979 8.65196C21.8616 8.74525 22.3335 10.1975 21.4469 10.957L17.3295 14.484L18.5874 19.7575C18.8583 20.8931 17.6229 21.7906 16.6266 21.1821L11.9999 18.3561L7.37329 21.1821C6.37697 21.7906 5.14158 20.8931 5.41246 19.7575L6.67038 14.484L2.55303 10.957C1.66639 10.1975 2.13826 8.74525 3.302 8.65196L8.70609 8.21871L10.7881 3.213Z" fill="currentColor" />
</svg> <span class="text-body-sm">5 | 2 avis</span>
</div>
</div>
<button type="button" x-data x-init="$store.asideBlocs.addAside('corte-ingles')" @click.prevent.stop="$store.asideBlocs.toggleAside('corte-ingles')" class="w-full justify-center btn btn-dark btn-solid btn-size-lg">
Acheter
</button>
</div>
</a> <a href="#" class="relative group flex flex-col justify-between overflow-hidden h-full col-span-2 md:col-span-6 lg:col-span-4">
<div class="relative aspect-square bg-gray-100">
<img src="/img/product/img.png" alt="LE LAIT DEMAQUILLANT" class="w-full h-full object-cover aspect-[5/6]">
<div class="hidden group-hover:md:flex w-full justify-center absolute z-10 bottom-2.5">
</div>
</div>
<div class="flex flex-col justify-between">
<div class="flex flex-col justify-between gap-1 py-2">
<div class="flex flex-col ">
<h3 class="text-body-base group-hover:text-brand-700 font-bold line-clamp-1">LE LAIT DEMAQUILLANT</h3>
<p class="text-body-sm truncate">Nettoie - Apaise • <span class="text-black/56">200ml</span></p>
</div>
<div class="flex items-center space-x-1">
<svg class="text-black shrink-0" width="12" height="12" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M11.4807 3.50102C11.6729 3.03905 12.3273 3.03905 12.5195 3.50102L14.6454 8.61248C14.7264 8.80724 14.9096 8.94031 15.1199 8.95716L20.6381 9.39956C21.1369 9.43954 21.3391 10.062 20.9591 10.3875L16.7548 13.9889C16.5946 14.1261 16.5246 14.3414 16.5736 14.5466L17.858 19.9315C17.9741 20.4182 17.4447 20.8028 17.0177 20.542L12.2933 17.6564C12.1133 17.5465 11.8869 17.5465 11.7069 17.6564L6.98251 20.542C6.55551 20.8028 6.02606 20.4182 6.14215 19.9315L7.42664 14.5466C7.47558 14.3414 7.40562 14.1261 7.24543 13.9889L3.04111 10.3875C2.66112 10.062 2.86335 9.43954 3.36209 9.39956L8.88034 8.95716C9.0906 8.94031 9.27375 8.80724 9.35476 8.61248L11.4807 3.50102Z" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg> <svg class="text-black shrink-0" width="12" height="12" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M11.4807 3.50102C11.6729 3.03905 12.3273 3.03905 12.5195 3.50102L14.6454 8.61248C14.7264 8.80724 14.9096 8.94031 15.1199 8.95716L20.6381 9.39956C21.1369 9.43954 21.3391 10.062 20.9591 10.3875L16.7548 13.9889C16.5946 14.1261 16.5246 14.3414 16.5736 14.5466L17.858 19.9315C17.9741 20.4182 17.4447 20.8028 17.0177 20.542L12.2933 17.6564C12.1133 17.5465 11.8869 17.5465 11.7069 17.6564L6.98251 20.542C6.55551 20.8028 6.02606 20.4182 6.14215 19.9315L7.42664 14.5466C7.47558 14.3414 7.40562 14.1261 7.24543 13.9889L3.04111 10.3875C2.66112 10.062 2.86335 9.43954 3.36209 9.39956L8.88034 8.95716C9.0906 8.94031 9.27375 8.80724 9.35476 8.61248L11.4807 3.50102Z" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg> <svg class="text-black shrink-0" width="12" height="12" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M11.4807 3.50102C11.6729 3.03905 12.3273 3.03905 12.5195 3.50102L14.6454 8.61248C14.7264 8.80724 14.9096 8.94031 15.1199 8.95716L20.6381 9.39956C21.1369 9.43954 21.3391 10.062 20.9591 10.3875L16.7548 13.9889C16.5946 14.1261 16.5246 14.3414 16.5736 14.5466L17.858 19.9315C17.9741 20.4182 17.4447 20.8028 17.0177 20.542L12.2933 17.6564C12.1133 17.5465 11.8869 17.5465 11.7069 17.6564L6.98251 20.542C6.55551 20.8028 6.02606 20.4182 6.14215 19.9315L7.42664 14.5466C7.47558 14.3414 7.40562 14.1261 7.24543 13.9889L3.04111 10.3875C2.66112 10.062 2.86335 9.43954 3.36209 9.39956L8.88034 8.95716C9.0906 8.94031 9.27375 8.80724 9.35476 8.61248L11.4807 3.50102Z" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg> <svg class="text-black shrink-0" width="12" height="12" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M11.4807 3.50102C11.6729 3.03905 12.3273 3.03905 12.5195 3.50102L14.6454 8.61248C14.7264 8.80724 14.9096 8.94031 15.1199 8.95716L20.6381 9.39956C21.1369 9.43954 21.3391 10.062 20.9591 10.3875L16.7548 13.9889C16.5946 14.1261 16.5246 14.3414 16.5736 14.5466L17.858 19.9315C17.9741 20.4182 17.4447 20.8028 17.0177 20.542L12.2933 17.6564C12.1133 17.5465 11.8869 17.5465 11.7069 17.6564L6.98251 20.542C6.55551 20.8028 6.02606 20.4182 6.14215 19.9315L7.42664 14.5466C7.47558 14.3414 7.40562 14.1261 7.24543 13.9889L3.04111 10.3875C2.66112 10.062 2.86335 9.43954 3.36209 9.39956L8.88034 8.95716C9.0906 8.94031 9.27375 8.80724 9.35476 8.61248L11.4807 3.50102Z" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg> <svg class="text-black shrink-0" width="12" height="12" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M11.4807 3.50102C11.6729 3.03905 12.3273 3.03905 12.5195 3.50102L14.6454 8.61248C14.7264 8.80724 14.9096 8.94031 15.1199 8.95716L20.6381 9.39956C21.1369 9.43954 21.3391 10.062 20.9591 10.3875L16.7548 13.9889C16.5946 14.1261 16.5246 14.3414 16.5736 14.5466L17.858 19.9315C17.9741 20.4182 17.4447 20.8028 17.0177 20.542L12.2933 17.6564C12.1133 17.5465 11.8869 17.5465 11.7069 17.6564L6.98251 20.542C6.55551 20.8028 6.02606 20.4182 6.14215 19.9315L7.42664 14.5466C7.47558 14.3414 7.40562 14.1261 7.24543 13.9889L3.04111 10.3875C2.66112 10.062 2.86335 9.43954 3.36209 9.39956L8.88034 8.95716C9.0906 8.94031 9.27375 8.80724 9.35476 8.61248L11.4807 3.50102Z" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg> <span class="text-body-sm">0 avis</span>
</div>
</div>
<button type="button" x-data x-init="$store.asideBlocs.addAside('corte-ingles')" @click.prevent.stop="$store.asideBlocs.toggleAside('corte-ingles')" class="w-full justify-center btn btn-dark btn-solid btn-size-lg">
Acheter
</button>
</div>
</a>
<div class="@container group h-full col-span-2 md:col-span-6 lg:col-span-4">
<div class="relative h-full">
<picture class="absolute inset-0 w-full h-full">
<source srcset="/img/diagnostic/desktop-1.png" media="(min-width: 769px)" />
<img src="/img/diagnostic/mobile-1.png" alt="Analyser votre peau" class="object-cover w-full h-full object-right-top" loading="lazy" />
</picture>
<div class="absolute inset-0 group-hover:bg-black/08 mix-blend-overlay"></div>
<section class="relative flex items-center min-h-[353px] md:min-h-[590px] 2xl:min-h-[660px] 3xl:min-h-[820px] adjusted-marg-y-sm">
<article class="self-end relative flex gap-3 w-full flex-col adjusted-marg-l-sm border-l-8 border-naos">
<div class="flex flex-col gap-1.5">
<h2 class="h2 [&>span]:font-normal text-black">
Excepteur sint occaecat cupidatat
</h2>
<p class="h6-base [&>span]:md:font-semibold [&>span]:md:uppercase text-black">
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.
</p>
<a href="#" class="
link-medium
link-dark
link-icon
font-bold items-center
">
<svg class=" shrink-0" width="20" height="20" stroke="currentColor" stroke-width="1.5" viewBox="0 0 21 20" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M10.5 5V10H14.25M18 10C18 14.1421 14.6421 17.5 10.5 17.5C6.35786 17.5 3 14.1421 3 10C3 5.85786 6.35786 2.5 10.5 2.5C14.6421 2.5 18 5.85786 18 10Z" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg>
<span class="">30 min</span>
</a>
</div>
<div class="flex items-center gap-4">
<a href="#" type="button" class="w-max btn btn-dark btn-outline btn-size-lg">
Secondaire
</a>
</div>
</article>
</section>
</div>
</div>
</div>
</div>
<div class="container adjusted-marg-y-md">
<h2 class="h2 pb-2">
Hydratants Purs visage
</h2>
<div class="grid-layout gap-y-8 gap-x-3 md:gap-10">
<a href="#" class="relative group flex flex-col justify-between overflow-hidden h-full col-span-2 md:col-span-6 lg:col-span-4">
<div class="relative aspect-square bg-gray-100">
<img src="/img/product/img.png" alt="LE LAIT DEMAQUILLANT" class="w-full h-full object-cover aspect-[5/6]">
<div class="hidden group-hover:md:flex w-full justify-center absolute z-10 bottom-2.5">
</div>
</div>
<div class="flex flex-col justify-between">
<div class="flex flex-col justify-between gap-1 py-2">
<div class="flex flex-col ">
<h3 class="text-body-base group-hover:text-brand-700 font-bold line-clamp-1">LE LAIT DEMAQUILLANT</h3>
<p class="text-body-sm truncate">Nettoie - Apaise • <span class="text-black/56">200ml</span></p>
</div>
<div class="flex items-center space-x-1">
<svg class="text-black shrink-0" width="12" height="12" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M11.4807 3.50102C11.6729 3.03905 12.3273 3.03905 12.5195 3.50102L14.6454 8.61248C14.7264 8.80724 14.9096 8.94031 15.1199 8.95716L20.6381 9.39956C21.1369 9.43954 21.3391 10.062 20.9591 10.3875L16.7548 13.9889C16.5946 14.1261 16.5246 14.3414 16.5736 14.5466L17.858 19.9315C17.9741 20.4182 17.4447 20.8028 17.0177 20.542L12.2933 17.6564C12.1133 17.5465 11.8869 17.5465 11.7069 17.6564L6.98251 20.542C6.55551 20.8028 6.02606 20.4182 6.14215 19.9315L7.42664 14.5466C7.47558 14.3414 7.40562 14.1261 7.24543 13.9889L3.04111 10.3875C2.66112 10.062 2.86335 9.43954 3.36209 9.39956L8.88034 8.95716C9.0906 8.94031 9.27375 8.80724 9.35476 8.61248L11.4807 3.50102Z" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg> <svg class="text-black shrink-0" width="12" height="12" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M11.4807 3.50102C11.6729 3.03905 12.3273 3.03905 12.5195 3.50102L14.6454 8.61248C14.7264 8.80724 14.9096 8.94031 15.1199 8.95716L20.6381 9.39956C21.1369 9.43954 21.3391 10.062 20.9591 10.3875L16.7548 13.9889C16.5946 14.1261 16.5246 14.3414 16.5736 14.5466L17.858 19.9315C17.9741 20.4182 17.4447 20.8028 17.0177 20.542L12.2933 17.6564C12.1133 17.5465 11.8869 17.5465 11.7069 17.6564L6.98251 20.542C6.55551 20.8028 6.02606 20.4182 6.14215 19.9315L7.42664 14.5466C7.47558 14.3414 7.40562 14.1261 7.24543 13.9889L3.04111 10.3875C2.66112 10.062 2.86335 9.43954 3.36209 9.39956L8.88034 8.95716C9.0906 8.94031 9.27375 8.80724 9.35476 8.61248L11.4807 3.50102Z" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg> <svg class="text-black shrink-0" width="12" height="12" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M11.4807 3.50102C11.6729 3.03905 12.3273 3.03905 12.5195 3.50102L14.6454 8.61248C14.7264 8.80724 14.9096 8.94031 15.1199 8.95716L20.6381 9.39956C21.1369 9.43954 21.3391 10.062 20.9591 10.3875L16.7548 13.9889C16.5946 14.1261 16.5246 14.3414 16.5736 14.5466L17.858 19.9315C17.9741 20.4182 17.4447 20.8028 17.0177 20.542L12.2933 17.6564C12.1133 17.5465 11.8869 17.5465 11.7069 17.6564L6.98251 20.542C6.55551 20.8028 6.02606 20.4182 6.14215 19.9315L7.42664 14.5466C7.47558 14.3414 7.40562 14.1261 7.24543 13.9889L3.04111 10.3875C2.66112 10.062 2.86335 9.43954 3.36209 9.39956L8.88034 8.95716C9.0906 8.94031 9.27375 8.80724 9.35476 8.61248L11.4807 3.50102Z" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg> <svg class="text-black shrink-0" width="12" height="12" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M11.4807 3.50102C11.6729 3.03905 12.3273 3.03905 12.5195 3.50102L14.6454 8.61248C14.7264 8.80724 14.9096 8.94031 15.1199 8.95716L20.6381 9.39956C21.1369 9.43954 21.3391 10.062 20.9591 10.3875L16.7548 13.9889C16.5946 14.1261 16.5246 14.3414 16.5736 14.5466L17.858 19.9315C17.9741 20.4182 17.4447 20.8028 17.0177 20.542L12.2933 17.6564C12.1133 17.5465 11.8869 17.5465 11.7069 17.6564L6.98251 20.542C6.55551 20.8028 6.02606 20.4182 6.14215 19.9315L7.42664 14.5466C7.47558 14.3414 7.40562 14.1261 7.24543 13.9889L3.04111 10.3875C2.66112 10.062 2.86335 9.43954 3.36209 9.39956L8.88034 8.95716C9.0906 8.94031 9.27375 8.80724 9.35476 8.61248L11.4807 3.50102Z" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg> <svg class="text-black shrink-0" width="12" height="12" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M11.4807 3.50102C11.6729 3.03905 12.3273 3.03905 12.5195 3.50102L14.6454 8.61248C14.7264 8.80724 14.9096 8.94031 15.1199 8.95716L20.6381 9.39956C21.1369 9.43954 21.3391 10.062 20.9591 10.3875L16.7548 13.9889C16.5946 14.1261 16.5246 14.3414 16.5736 14.5466L17.858 19.9315C17.9741 20.4182 17.4447 20.8028 17.0177 20.542L12.2933 17.6564C12.1133 17.5465 11.8869 17.5465 11.7069 17.6564L6.98251 20.542C6.55551 20.8028 6.02606 20.4182 6.14215 19.9315L7.42664 14.5466C7.47558 14.3414 7.40562 14.1261 7.24543 13.9889L3.04111 10.3875C2.66112 10.062 2.86335 9.43954 3.36209 9.39956L8.88034 8.95716C9.0906 8.94031 9.27375 8.80724 9.35476 8.61248L11.4807 3.50102Z" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg> <span class="text-body-sm">0 avis</span>
</div>
</div>
<button type="button" x-data x-init="$store.asideBlocs.addAside('corte-ingles')" @click.prevent.stop="$store.asideBlocs.toggleAside('corte-ingles')" class="w-full justify-center btn btn-dark btn-solid btn-size-lg">
Acheter
</button>
</div>
</a> <a href="#" class="relative group flex flex-col justify-between overflow-hidden h-full col-span-2 md:col-span-6 lg:col-span-4">
<div class="relative aspect-square bg-gray-100">
<img src="/img/product/img.png" alt="LE MASQUE PURIFIANT" class="w-full h-full object-cover aspect-[5/6]">
<div class="hidden group-hover:md:flex w-full justify-center absolute z-10 bottom-2.5">
</div>
</div>
<div class="flex flex-col justify-between">
<div class="flex flex-col justify-between gap-1 py-2">
<div class="flex flex-col ">
<h3 class="text-body-base group-hover:text-brand-700 font-bold line-clamp-1">LE MASQUE PURIFIANT</h3>
<p class="text-body-sm truncate">Peau normale à grasse • <span class="text-black/56">50ml</span></p>
</div>
<div class="flex items-center space-x-1">
<svg class="text-black shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7881 3.213C11.2364 2.13505 12.7635 2.13505 13.2118 3.213L15.2938 8.21871L20.6979 8.65196C21.8616 8.74525 22.3335 10.1975 21.4469 10.957L17.3295 14.484L18.5874 19.7575C18.8583 20.8931 17.6229 21.7906 16.6266 21.1821L11.9999 18.3561L7.37329 21.1821C6.37697 21.7906 5.14158 20.8931 5.41246 19.7575L6.67038 14.484L2.55303 10.957C1.66639 10.1975 2.13826 8.74525 3.302 8.65196L8.70609 8.21871L10.7881 3.213Z" fill="currentColor" />
</svg> <svg class="text-black shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7881 3.213C11.2364 2.13505 12.7635 2.13505 13.2118 3.213L15.2938 8.21871L20.6979 8.65196C21.8616 8.74525 22.3335 10.1975 21.4469 10.957L17.3295 14.484L18.5874 19.7575C18.8583 20.8931 17.6229 21.7906 16.6266 21.1821L11.9999 18.3561L7.37329 21.1821C6.37697 21.7906 5.14158 20.8931 5.41246 19.7575L6.67038 14.484L2.55303 10.957C1.66639 10.1975 2.13826 8.74525 3.302 8.65196L8.70609 8.21871L10.7881 3.213Z" fill="currentColor" />
</svg> <svg class="text-black shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7881 3.213C11.2364 2.13505 12.7635 2.13505 13.2118 3.213L15.2938 8.21871L20.6979 8.65196C21.8616 8.74525 22.3335 10.1975 21.4469 10.957L17.3295 14.484L18.5874 19.7575C18.8583 20.8931 17.6229 21.7906 16.6266 21.1821L11.9999 18.3561L7.37329 21.1821C6.37697 21.7906 5.14158 20.8931 5.41246 19.7575L6.67038 14.484L2.55303 10.957C1.66639 10.1975 2.13826 8.74525 3.302 8.65196L8.70609 8.21871L10.7881 3.213Z" fill="currentColor" />
</svg> <svg class="text-black shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7881 3.213C11.2364 2.13505 12.7635 2.13505 13.2118 3.213L15.2938 8.21871L20.6979 8.65196C21.8616 8.74525 22.3335 10.1975 21.4469 10.957L17.3295 14.484L18.5874 19.7575C18.8583 20.8931 17.6229 21.7906 16.6266 21.1821L11.9999 18.3561L7.37329 21.1821C6.37697 21.7906 5.14158 20.8931 5.41246 19.7575L6.67038 14.484L2.55303 10.957C1.66639 10.1975 2.13826 8.74525 3.302 8.65196L8.70609 8.21871L10.7881 3.213Z" fill="currentColor" />
</svg> <svg class="text-black shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7881 3.213C11.2364 2.13505 12.7635 2.13505 13.2118 3.213L15.2938 8.21871L20.6979 8.65196C21.8616 8.74525 22.3335 10.1975 21.4469 10.957L17.3295 14.484L18.5874 19.7575C18.8583 20.8931 17.6229 21.7906 16.6266 21.1821L11.9999 18.3561L7.37329 21.1821C6.37697 21.7906 5.14158 20.8931 5.41246 19.7575L6.67038 14.484L2.55303 10.957C1.66639 10.1975 2.13826 8.74525 3.302 8.65196L8.70609 8.21871L10.7881 3.213Z" fill="currentColor" />
</svg> <span class="text-body-sm">5 | 2 avis</span>
</div>
</div>
<button type="button" x-data x-init="$store.asideBlocs.addAside('corte-ingles')" @click.prevent.stop="$store.asideBlocs.toggleAside('corte-ingles')" class="w-full justify-center btn btn-dark btn-solid btn-size-lg">
Acheter
</button>
</div>
</a> <a href="#" class="relative group flex flex-col justify-between overflow-hidden h-full col-span-2 md:col-span-6 lg:col-span-4">
<div class="relative aspect-square bg-gray-100">
<img src="/img/product/img.png" alt="Gel nettoyant purifiant" class="w-full h-full object-cover aspect-[5/6]">
<div class="hidden group-hover:md:flex w-full justify-center absolute z-10 bottom-2.5">
</div>
</div>
<div class="flex flex-col justify-between">
<div class="flex flex-col justify-between gap-1 py-2">
<div class="flex flex-col ">
<h3 class="text-body-base group-hover:text-brand-700 font-bold line-clamp-1">Gel nettoyant purifiant</h3>
<p class="text-body-sm truncate">Peau normale à grasse • <span class="text-black/56">200ml</span></p>
</div>
<div class="flex items-center space-x-1">
<svg class="text-black shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7881 3.213C11.2364 2.13505 12.7635 2.13505 13.2118 3.213L15.2938 8.21871L20.6979 8.65196C21.8616 8.74525 22.3335 10.1975 21.4469 10.957L17.3295 14.484L18.5874 19.7575C18.8583 20.8931 17.6229 21.7906 16.6266 21.1821L11.9999 18.3561L7.37329 21.1821C6.37697 21.7906 5.14158 20.8931 5.41246 19.7575L6.67038 14.484L2.55303 10.957C1.66639 10.1975 2.13826 8.74525 3.302 8.65196L8.70609 8.21871L10.7881 3.213Z" fill="currentColor" />
</svg> <svg class="text-black shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7881 3.213C11.2364 2.13505 12.7635 2.13505 13.2118 3.213L15.2938 8.21871L20.6979 8.65196C21.8616 8.74525 22.3335 10.1975 21.4469 10.957L17.3295 14.484L18.5874 19.7575C18.8583 20.8931 17.6229 21.7906 16.6266 21.1821L11.9999 18.3561L7.37329 21.1821C6.37697 21.7906 5.14158 20.8931 5.41246 19.7575L6.67038 14.484L2.55303 10.957C1.66639 10.1975 2.13826 8.74525 3.302 8.65196L8.70609 8.21871L10.7881 3.213Z" fill="currentColor" />
</svg> <svg class="text-black shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7881 3.213C11.2364 2.13505 12.7635 2.13505 13.2118 3.213L15.2938 8.21871L20.6979 8.65196C21.8616 8.74525 22.3335 10.1975 21.4469 10.957L17.3295 14.484L18.5874 19.7575C18.8583 20.8931 17.6229 21.7906 16.6266 21.1821L11.9999 18.3561L7.37329 21.1821C6.37697 21.7906 5.14158 20.8931 5.41246 19.7575L6.67038 14.484L2.55303 10.957C1.66639 10.1975 2.13826 8.74525 3.302 8.65196L8.70609 8.21871L10.7881 3.213Z" fill="currentColor" />
</svg> <svg class="text-black shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7881 3.213C11.2364 2.13505 12.7635 2.13505 13.2118 3.213L15.2938 8.21871L20.6979 8.65196C21.8616 8.74525 22.3335 10.1975 21.4469 10.957L17.3295 14.484L18.5874 19.7575C18.8583 20.8931 17.6229 21.7906 16.6266 21.1821L11.9999 18.3561L7.37329 21.1821C6.37697 21.7906 5.14158 20.8931 5.41246 19.7575L6.67038 14.484L2.55303 10.957C1.66639 10.1975 2.13826 8.74525 3.302 8.65196L8.70609 8.21871L10.7881 3.213Z" fill="currentColor" />
</svg> <svg class="text-black shrink-0" width="12" height="12" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M11.4807 3.50102C11.6729 3.03905 12.3273 3.03905 12.5195 3.50102L14.6454 8.61248C14.7264 8.80724 14.9096 8.94031 15.1199 8.95716L20.6381 9.39956C21.1369 9.43954 21.3391 10.062 20.9591 10.3875L16.7548 13.9889C16.5946 14.1261 16.5246 14.3414 16.5736 14.5466L17.858 19.9315C17.9741 20.4182 17.4447 20.8028 17.0177 20.542L12.2933 17.6564C12.1133 17.5465 11.8869 17.5465 11.7069 17.6564L6.98251 20.542C6.55551 20.8028 6.02606 20.4182 6.14215 19.9315L7.42664 14.5466C7.47558 14.3414 7.40562 14.1261 7.24543 13.9889L3.04111 10.3875C2.66112 10.062 2.86335 9.43954 3.36209 9.39956L8.88034 8.95716C9.0906 8.94031 9.27375 8.80724 9.35476 8.61248L11.4807 3.50102Z" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg> <span class="text-body-sm">4.7 | 39 avis</span>
</div>
</div>
<button type="button" x-data x-init="$store.asideBlocs.addAside('corte-ingles')" @click.prevent.stop="$store.asideBlocs.toggleAside('corte-ingles')" class="w-full justify-center btn btn-dark btn-solid btn-size-lg">
Acheter
</button>
</div>
</a> <a href="#" class="relative group flex flex-col justify-between overflow-hidden h-full col-span-2 md:col-span-6 lg:col-span-4">
<div class="relative aspect-square bg-gray-100">
<img src="/img/product/img.png" alt="LE MASQUE PURIFIANT" class="w-full h-full object-cover aspect-[5/6]">
<div class="hidden group-hover:md:flex w-full justify-center absolute z-10 bottom-2.5">
</div>
</div>
<div class="flex flex-col justify-between">
<div class="flex flex-col justify-between gap-1 py-2">
<div class="flex flex-col ">
<h3 class="text-body-base group-hover:text-brand-700 font-bold line-clamp-1">LE MASQUE PURIFIANT</h3>
<p class="text-body-sm truncate">Peau normale à grasse • <span class="text-black/56">50ml</span></p>
</div>
<div class="flex items-center space-x-1">
<svg class="text-black shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7881 3.213C11.2364 2.13505 12.7635 2.13505 13.2118 3.213L15.2938 8.21871L20.6979 8.65196C21.8616 8.74525 22.3335 10.1975 21.4469 10.957L17.3295 14.484L18.5874 19.7575C18.8583 20.8931 17.6229 21.7906 16.6266 21.1821L11.9999 18.3561L7.37329 21.1821C6.37697 21.7906 5.14158 20.8931 5.41246 19.7575L6.67038 14.484L2.55303 10.957C1.66639 10.1975 2.13826 8.74525 3.302 8.65196L8.70609 8.21871L10.7881 3.213Z" fill="currentColor" />
</svg> <svg class="text-black shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7881 3.213C11.2364 2.13505 12.7635 2.13505 13.2118 3.213L15.2938 8.21871L20.6979 8.65196C21.8616 8.74525 22.3335 10.1975 21.4469 10.957L17.3295 14.484L18.5874 19.7575C18.8583 20.8931 17.6229 21.7906 16.6266 21.1821L11.9999 18.3561L7.37329 21.1821C6.37697 21.7906 5.14158 20.8931 5.41246 19.7575L6.67038 14.484L2.55303 10.957C1.66639 10.1975 2.13826 8.74525 3.302 8.65196L8.70609 8.21871L10.7881 3.213Z" fill="currentColor" />
</svg> <svg class="text-black shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7881 3.213C11.2364 2.13505 12.7635 2.13505 13.2118 3.213L15.2938 8.21871L20.6979 8.65196C21.8616 8.74525 22.3335 10.1975 21.4469 10.957L17.3295 14.484L18.5874 19.7575C18.8583 20.8931 17.6229 21.7906 16.6266 21.1821L11.9999 18.3561L7.37329 21.1821C6.37697 21.7906 5.14158 20.8931 5.41246 19.7575L6.67038 14.484L2.55303 10.957C1.66639 10.1975 2.13826 8.74525 3.302 8.65196L8.70609 8.21871L10.7881 3.213Z" fill="currentColor" />
</svg> <svg class="text-black shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7881 3.213C11.2364 2.13505 12.7635 2.13505 13.2118 3.213L15.2938 8.21871L20.6979 8.65196C21.8616 8.74525 22.3335 10.1975 21.4469 10.957L17.3295 14.484L18.5874 19.7575C18.8583 20.8931 17.6229 21.7906 16.6266 21.1821L11.9999 18.3561L7.37329 21.1821C6.37697 21.7906 5.14158 20.8931 5.41246 19.7575L6.67038 14.484L2.55303 10.957C1.66639 10.1975 2.13826 8.74525 3.302 8.65196L8.70609 8.21871L10.7881 3.213Z" fill="currentColor" />
</svg> <svg class="text-black shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7881 3.213C11.2364 2.13505 12.7635 2.13505 13.2118 3.213L15.2938 8.21871L20.6979 8.65196C21.8616 8.74525 22.3335 10.1975 21.4469 10.957L17.3295 14.484L18.5874 19.7575C18.8583 20.8931 17.6229 21.7906 16.6266 21.1821L11.9999 18.3561L7.37329 21.1821C6.37697 21.7906 5.14158 20.8931 5.41246 19.7575L6.67038 14.484L2.55303 10.957C1.66639 10.1975 2.13826 8.74525 3.302 8.65196L8.70609 8.21871L10.7881 3.213Z" fill="currentColor" />
</svg> <span class="text-body-sm">5 | 2 avis</span>
</div>
</div>
<button type="button" x-data x-init="$store.asideBlocs.addAside('corte-ingles')" @click.prevent.stop="$store.asideBlocs.toggleAside('corte-ingles')" class="w-full justify-center btn btn-dark btn-solid btn-size-lg">
Acheter
</button>
</div>
</a> <a href="#" class="relative group flex flex-col justify-between overflow-hidden h-full col-span-2 md:col-span-6 lg:col-span-4">
<div class="relative aspect-square bg-gray-100">
<img src="/img/product/img.png" alt="LE LAIT DEMAQUILLANT" class="w-full h-full object-cover aspect-[5/6]">
<div class="hidden group-hover:md:flex w-full justify-center absolute z-10 bottom-2.5">
</div>
</div>
<div class="flex flex-col justify-between">
<div class="flex flex-col justify-between gap-1 py-2">
<div class="flex flex-col ">
<h3 class="text-body-base group-hover:text-brand-700 font-bold line-clamp-1">LE LAIT DEMAQUILLANT</h3>
<p class="text-body-sm truncate">Nettoie - Apaise • <span class="text-black/56">200ml</span></p>
</div>
<div class="flex items-center space-x-1">
<svg class="text-black shrink-0" width="12" height="12" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M11.4807 3.50102C11.6729 3.03905 12.3273 3.03905 12.5195 3.50102L14.6454 8.61248C14.7264 8.80724 14.9096 8.94031 15.1199 8.95716L20.6381 9.39956C21.1369 9.43954 21.3391 10.062 20.9591 10.3875L16.7548 13.9889C16.5946 14.1261 16.5246 14.3414 16.5736 14.5466L17.858 19.9315C17.9741 20.4182 17.4447 20.8028 17.0177 20.542L12.2933 17.6564C12.1133 17.5465 11.8869 17.5465 11.7069 17.6564L6.98251 20.542C6.55551 20.8028 6.02606 20.4182 6.14215 19.9315L7.42664 14.5466C7.47558 14.3414 7.40562 14.1261 7.24543 13.9889L3.04111 10.3875C2.66112 10.062 2.86335 9.43954 3.36209 9.39956L8.88034 8.95716C9.0906 8.94031 9.27375 8.80724 9.35476 8.61248L11.4807 3.50102Z" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg> <svg class="text-black shrink-0" width="12" height="12" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M11.4807 3.50102C11.6729 3.03905 12.3273 3.03905 12.5195 3.50102L14.6454 8.61248C14.7264 8.80724 14.9096 8.94031 15.1199 8.95716L20.6381 9.39956C21.1369 9.43954 21.3391 10.062 20.9591 10.3875L16.7548 13.9889C16.5946 14.1261 16.5246 14.3414 16.5736 14.5466L17.858 19.9315C17.9741 20.4182 17.4447 20.8028 17.0177 20.542L12.2933 17.6564C12.1133 17.5465 11.8869 17.5465 11.7069 17.6564L6.98251 20.542C6.55551 20.8028 6.02606 20.4182 6.14215 19.9315L7.42664 14.5466C7.47558 14.3414 7.40562 14.1261 7.24543 13.9889L3.04111 10.3875C2.66112 10.062 2.86335 9.43954 3.36209 9.39956L8.88034 8.95716C9.0906 8.94031 9.27375 8.80724 9.35476 8.61248L11.4807 3.50102Z" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg> <svg class="text-black shrink-0" width="12" height="12" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M11.4807 3.50102C11.6729 3.03905 12.3273 3.03905 12.5195 3.50102L14.6454 8.61248C14.7264 8.80724 14.9096 8.94031 15.1199 8.95716L20.6381 9.39956C21.1369 9.43954 21.3391 10.062 20.9591 10.3875L16.7548 13.9889C16.5946 14.1261 16.5246 14.3414 16.5736 14.5466L17.858 19.9315C17.9741 20.4182 17.4447 20.8028 17.0177 20.542L12.2933 17.6564C12.1133 17.5465 11.8869 17.5465 11.7069 17.6564L6.98251 20.542C6.55551 20.8028 6.02606 20.4182 6.14215 19.9315L7.42664 14.5466C7.47558 14.3414 7.40562 14.1261 7.24543 13.9889L3.04111 10.3875C2.66112 10.062 2.86335 9.43954 3.36209 9.39956L8.88034 8.95716C9.0906 8.94031 9.27375 8.80724 9.35476 8.61248L11.4807 3.50102Z" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg> <svg class="text-black shrink-0" width="12" height="12" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M11.4807 3.50102C11.6729 3.03905 12.3273 3.03905 12.5195 3.50102L14.6454 8.61248C14.7264 8.80724 14.9096 8.94031 15.1199 8.95716L20.6381 9.39956C21.1369 9.43954 21.3391 10.062 20.9591 10.3875L16.7548 13.9889C16.5946 14.1261 16.5246 14.3414 16.5736 14.5466L17.858 19.9315C17.9741 20.4182 17.4447 20.8028 17.0177 20.542L12.2933 17.6564C12.1133 17.5465 11.8869 17.5465 11.7069 17.6564L6.98251 20.542C6.55551 20.8028 6.02606 20.4182 6.14215 19.9315L7.42664 14.5466C7.47558 14.3414 7.40562 14.1261 7.24543 13.9889L3.04111 10.3875C2.66112 10.062 2.86335 9.43954 3.36209 9.39956L8.88034 8.95716C9.0906 8.94031 9.27375 8.80724 9.35476 8.61248L11.4807 3.50102Z" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg> <svg class="text-black shrink-0" width="12" height="12" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M11.4807 3.50102C11.6729 3.03905 12.3273 3.03905 12.5195 3.50102L14.6454 8.61248C14.7264 8.80724 14.9096 8.94031 15.1199 8.95716L20.6381 9.39956C21.1369 9.43954 21.3391 10.062 20.9591 10.3875L16.7548 13.9889C16.5946 14.1261 16.5246 14.3414 16.5736 14.5466L17.858 19.9315C17.9741 20.4182 17.4447 20.8028 17.0177 20.542L12.2933 17.6564C12.1133 17.5465 11.8869 17.5465 11.7069 17.6564L6.98251 20.542C6.55551 20.8028 6.02606 20.4182 6.14215 19.9315L7.42664 14.5466C7.47558 14.3414 7.40562 14.1261 7.24543 13.9889L3.04111 10.3875C2.66112 10.062 2.86335 9.43954 3.36209 9.39956L8.88034 8.95716C9.0906 8.94031 9.27375 8.80724 9.35476 8.61248L11.4807 3.50102Z" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg> <span class="text-body-sm">0 avis</span>
</div>
</div>
<button type="button" x-data x-init="$store.asideBlocs.addAside('corte-ingles')" @click.prevent.stop="$store.asideBlocs.toggleAside('corte-ingles')" class="w-full justify-center btn btn-dark btn-solid btn-size-lg">
Acheter
</button>
</div>
</a>
<div class="@container group h-full col-span-2 md:col-span-6 lg:col-span-4">
<div class="relative h-full">
<picture class="absolute inset-0 w-full h-full">
<source srcset="/img/diagnostic/desktop-1.png" media="(min-width: 769px)" />
<img src="/img/diagnostic/mobile-1.png" alt="Analyser votre peau" class="object-cover w-full h-full object-right-top" loading="lazy" />
</picture>
<div class="absolute inset-0 group-hover:bg-black/08 mix-blend-overlay"></div>
<section class="relative flex items-center min-h-[353px] md:min-h-[590px] 2xl:min-h-[660px] 3xl:min-h-[820px] adjusted-marg-y-sm">
<article class="self-end relative flex gap-3 w-full flex-col adjusted-marg-l-sm border-l-8 border-naos">
<div class="flex flex-col gap-1.5">
<h2 class="h2 [&>span]:font-normal text-black">
Excepteur sint occaecat cupidatat
</h2>
<p class="h6-base [&>span]:md:font-semibold [&>span]:md:uppercase text-black">
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.
</p>
<a href="#" class="
link-medium
link-dark
link-icon
font-bold items-center
">
<svg class=" shrink-0" width="20" height="20" stroke="currentColor" stroke-width="1.5" viewBox="0 0 21 20" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M10.5 5V10H14.25M18 10C18 14.1421 14.6421 17.5 10.5 17.5C6.35786 17.5 3 14.1421 3 10C3 5.85786 6.35786 2.5 10.5 2.5C14.6421 2.5 18 5.85786 18 10Z" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg>
<span class="">30 min</span>
</a>
</div>
<div class="flex items-center gap-4">
<a href="#" type="button" class="w-max btn btn-dark btn-outline btn-size-lg">
Secondaire
</a>
</div>
</article>
</section>
</div>
</div>
</div>
</div>
<div class="container adjusted-marg-y-md">
<h2 class="h2 pb-2">
Hydratants Purs corps
</h2>
<div class="grid-layout gap-y-8 gap-x-3 md:gap-10">
<a href="#" class="relative group flex flex-col justify-between overflow-hidden h-full col-span-2 md:col-span-6 lg:col-span-4">
<div class="relative aspect-square bg-gray-100">
<img src="/img/product/img.png" alt="LE LAIT DEMAQUILLANT" class="w-full h-full object-cover aspect-[5/6]">
<div class="hidden group-hover:md:flex w-full justify-center absolute z-10 bottom-2.5">
</div>
</div>
<div class="flex flex-col justify-between">
<div class="flex flex-col justify-between gap-1 py-2">
<div class="flex flex-col ">
<h3 class="text-body-base group-hover:text-brand-700 font-bold line-clamp-1">LE LAIT DEMAQUILLANT</h3>
<p class="text-body-sm truncate">Nettoie - Apaise • <span class="text-black/56">200ml</span></p>
</div>
<div class="flex items-center space-x-1">
<svg class="text-black shrink-0" width="12" height="12" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M11.4807 3.50102C11.6729 3.03905 12.3273 3.03905 12.5195 3.50102L14.6454 8.61248C14.7264 8.80724 14.9096 8.94031 15.1199 8.95716L20.6381 9.39956C21.1369 9.43954 21.3391 10.062 20.9591 10.3875L16.7548 13.9889C16.5946 14.1261 16.5246 14.3414 16.5736 14.5466L17.858 19.9315C17.9741 20.4182 17.4447 20.8028 17.0177 20.542L12.2933 17.6564C12.1133 17.5465 11.8869 17.5465 11.7069 17.6564L6.98251 20.542C6.55551 20.8028 6.02606 20.4182 6.14215 19.9315L7.42664 14.5466C7.47558 14.3414 7.40562 14.1261 7.24543 13.9889L3.04111 10.3875C2.66112 10.062 2.86335 9.43954 3.36209 9.39956L8.88034 8.95716C9.0906 8.94031 9.27375 8.80724 9.35476 8.61248L11.4807 3.50102Z" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg> <svg class="text-black shrink-0" width="12" height="12" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M11.4807 3.50102C11.6729 3.03905 12.3273 3.03905 12.5195 3.50102L14.6454 8.61248C14.7264 8.80724 14.9096 8.94031 15.1199 8.95716L20.6381 9.39956C21.1369 9.43954 21.3391 10.062 20.9591 10.3875L16.7548 13.9889C16.5946 14.1261 16.5246 14.3414 16.5736 14.5466L17.858 19.9315C17.9741 20.4182 17.4447 20.8028 17.0177 20.542L12.2933 17.6564C12.1133 17.5465 11.8869 17.5465 11.7069 17.6564L6.98251 20.542C6.55551 20.8028 6.02606 20.4182 6.14215 19.9315L7.42664 14.5466C7.47558 14.3414 7.40562 14.1261 7.24543 13.9889L3.04111 10.3875C2.66112 10.062 2.86335 9.43954 3.36209 9.39956L8.88034 8.95716C9.0906 8.94031 9.27375 8.80724 9.35476 8.61248L11.4807 3.50102Z" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg> <svg class="text-black shrink-0" width="12" height="12" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M11.4807 3.50102C11.6729 3.03905 12.3273 3.03905 12.5195 3.50102L14.6454 8.61248C14.7264 8.80724 14.9096 8.94031 15.1199 8.95716L20.6381 9.39956C21.1369 9.43954 21.3391 10.062 20.9591 10.3875L16.7548 13.9889C16.5946 14.1261 16.5246 14.3414 16.5736 14.5466L17.858 19.9315C17.9741 20.4182 17.4447 20.8028 17.0177 20.542L12.2933 17.6564C12.1133 17.5465 11.8869 17.5465 11.7069 17.6564L6.98251 20.542C6.55551 20.8028 6.02606 20.4182 6.14215 19.9315L7.42664 14.5466C7.47558 14.3414 7.40562 14.1261 7.24543 13.9889L3.04111 10.3875C2.66112 10.062 2.86335 9.43954 3.36209 9.39956L8.88034 8.95716C9.0906 8.94031 9.27375 8.80724 9.35476 8.61248L11.4807 3.50102Z" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg> <svg class="text-black shrink-0" width="12" height="12" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M11.4807 3.50102C11.6729 3.03905 12.3273 3.03905 12.5195 3.50102L14.6454 8.61248C14.7264 8.80724 14.9096 8.94031 15.1199 8.95716L20.6381 9.39956C21.1369 9.43954 21.3391 10.062 20.9591 10.3875L16.7548 13.9889C16.5946 14.1261 16.5246 14.3414 16.5736 14.5466L17.858 19.9315C17.9741 20.4182 17.4447 20.8028 17.0177 20.542L12.2933 17.6564C12.1133 17.5465 11.8869 17.5465 11.7069 17.6564L6.98251 20.542C6.55551 20.8028 6.02606 20.4182 6.14215 19.9315L7.42664 14.5466C7.47558 14.3414 7.40562 14.1261 7.24543 13.9889L3.04111 10.3875C2.66112 10.062 2.86335 9.43954 3.36209 9.39956L8.88034 8.95716C9.0906 8.94031 9.27375 8.80724 9.35476 8.61248L11.4807 3.50102Z" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg> <svg class="text-black shrink-0" width="12" height="12" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M11.4807 3.50102C11.6729 3.03905 12.3273 3.03905 12.5195 3.50102L14.6454 8.61248C14.7264 8.80724 14.9096 8.94031 15.1199 8.95716L20.6381 9.39956C21.1369 9.43954 21.3391 10.062 20.9591 10.3875L16.7548 13.9889C16.5946 14.1261 16.5246 14.3414 16.5736 14.5466L17.858 19.9315C17.9741 20.4182 17.4447 20.8028 17.0177 20.542L12.2933 17.6564C12.1133 17.5465 11.8869 17.5465 11.7069 17.6564L6.98251 20.542C6.55551 20.8028 6.02606 20.4182 6.14215 19.9315L7.42664 14.5466C7.47558 14.3414 7.40562 14.1261 7.24543 13.9889L3.04111 10.3875C2.66112 10.062 2.86335 9.43954 3.36209 9.39956L8.88034 8.95716C9.0906 8.94031 9.27375 8.80724 9.35476 8.61248L11.4807 3.50102Z" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg> <span class="text-body-sm">0 avis</span>
</div>
</div>
<button type="button" x-data x-init="$store.asideBlocs.addAside('corte-ingles')" @click.prevent.stop="$store.asideBlocs.toggleAside('corte-ingles')" class="w-full justify-center btn btn-dark btn-solid btn-size-lg">
Acheter
</button>
</div>
</a> <a href="#" class="relative group flex flex-col justify-between overflow-hidden h-full col-span-2 md:col-span-6 lg:col-span-4">
<div class="relative aspect-square bg-gray-100">
<img src="/img/product/img.png" alt="LE MASQUE PURIFIANT" class="w-full h-full object-cover aspect-[5/6]">
<div class="hidden group-hover:md:flex w-full justify-center absolute z-10 bottom-2.5">
</div>
</div>
<div class="flex flex-col justify-between">
<div class="flex flex-col justify-between gap-1 py-2">
<div class="flex flex-col ">
<h3 class="text-body-base group-hover:text-brand-700 font-bold line-clamp-1">LE MASQUE PURIFIANT</h3>
<p class="text-body-sm truncate">Peau normale à grasse • <span class="text-black/56">50ml</span></p>
</div>
<div class="flex items-center space-x-1">
<svg class="text-black shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7881 3.213C11.2364 2.13505 12.7635 2.13505 13.2118 3.213L15.2938 8.21871L20.6979 8.65196C21.8616 8.74525 22.3335 10.1975 21.4469 10.957L17.3295 14.484L18.5874 19.7575C18.8583 20.8931 17.6229 21.7906 16.6266 21.1821L11.9999 18.3561L7.37329 21.1821C6.37697 21.7906 5.14158 20.8931 5.41246 19.7575L6.67038 14.484L2.55303 10.957C1.66639 10.1975 2.13826 8.74525 3.302 8.65196L8.70609 8.21871L10.7881 3.213Z" fill="currentColor" />
</svg> <svg class="text-black shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7881 3.213C11.2364 2.13505 12.7635 2.13505 13.2118 3.213L15.2938 8.21871L20.6979 8.65196C21.8616 8.74525 22.3335 10.1975 21.4469 10.957L17.3295 14.484L18.5874 19.7575C18.8583 20.8931 17.6229 21.7906 16.6266 21.1821L11.9999 18.3561L7.37329 21.1821C6.37697 21.7906 5.14158 20.8931 5.41246 19.7575L6.67038 14.484L2.55303 10.957C1.66639 10.1975 2.13826 8.74525 3.302 8.65196L8.70609 8.21871L10.7881 3.213Z" fill="currentColor" />
</svg> <svg class="text-black shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7881 3.213C11.2364 2.13505 12.7635 2.13505 13.2118 3.213L15.2938 8.21871L20.6979 8.65196C21.8616 8.74525 22.3335 10.1975 21.4469 10.957L17.3295 14.484L18.5874 19.7575C18.8583 20.8931 17.6229 21.7906 16.6266 21.1821L11.9999 18.3561L7.37329 21.1821C6.37697 21.7906 5.14158 20.8931 5.41246 19.7575L6.67038 14.484L2.55303 10.957C1.66639 10.1975 2.13826 8.74525 3.302 8.65196L8.70609 8.21871L10.7881 3.213Z" fill="currentColor" />
</svg> <svg class="text-black shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7881 3.213C11.2364 2.13505 12.7635 2.13505 13.2118 3.213L15.2938 8.21871L20.6979 8.65196C21.8616 8.74525 22.3335 10.1975 21.4469 10.957L17.3295 14.484L18.5874 19.7575C18.8583 20.8931 17.6229 21.7906 16.6266 21.1821L11.9999 18.3561L7.37329 21.1821C6.37697 21.7906 5.14158 20.8931 5.41246 19.7575L6.67038 14.484L2.55303 10.957C1.66639 10.1975 2.13826 8.74525 3.302 8.65196L8.70609 8.21871L10.7881 3.213Z" fill="currentColor" />
</svg> <svg class="text-black shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7881 3.213C11.2364 2.13505 12.7635 2.13505 13.2118 3.213L15.2938 8.21871L20.6979 8.65196C21.8616 8.74525 22.3335 10.1975 21.4469 10.957L17.3295 14.484L18.5874 19.7575C18.8583 20.8931 17.6229 21.7906 16.6266 21.1821L11.9999 18.3561L7.37329 21.1821C6.37697 21.7906 5.14158 20.8931 5.41246 19.7575L6.67038 14.484L2.55303 10.957C1.66639 10.1975 2.13826 8.74525 3.302 8.65196L8.70609 8.21871L10.7881 3.213Z" fill="currentColor" />
</svg> <span class="text-body-sm">5 | 2 avis</span>
</div>
</div>
<button type="button" x-data x-init="$store.asideBlocs.addAside('corte-ingles')" @click.prevent.stop="$store.asideBlocs.toggleAside('corte-ingles')" class="w-full justify-center btn btn-dark btn-solid btn-size-lg">
Acheter
</button>
</div>
</a> <a href="#" class="relative group flex flex-col justify-between overflow-hidden h-full col-span-2 md:col-span-6 lg:col-span-4">
<div class="relative aspect-square bg-gray-100">
<img src="/img/product/img.png" alt="Gel nettoyant purifiant" class="w-full h-full object-cover aspect-[5/6]">
<div class="hidden group-hover:md:flex w-full justify-center absolute z-10 bottom-2.5">
</div>
</div>
<div class="flex flex-col justify-between">
<div class="flex flex-col justify-between gap-1 py-2">
<div class="flex flex-col ">
<h3 class="text-body-base group-hover:text-brand-700 font-bold line-clamp-1">Gel nettoyant purifiant</h3>
<p class="text-body-sm truncate">Peau normale à grasse • <span class="text-black/56">200ml</span></p>
</div>
<div class="flex items-center space-x-1">
<svg class="text-black shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7881 3.213C11.2364 2.13505 12.7635 2.13505 13.2118 3.213L15.2938 8.21871L20.6979 8.65196C21.8616 8.74525 22.3335 10.1975 21.4469 10.957L17.3295 14.484L18.5874 19.7575C18.8583 20.8931 17.6229 21.7906 16.6266 21.1821L11.9999 18.3561L7.37329 21.1821C6.37697 21.7906 5.14158 20.8931 5.41246 19.7575L6.67038 14.484L2.55303 10.957C1.66639 10.1975 2.13826 8.74525 3.302 8.65196L8.70609 8.21871L10.7881 3.213Z" fill="currentColor" />
</svg> <svg class="text-black shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7881 3.213C11.2364 2.13505 12.7635 2.13505 13.2118 3.213L15.2938 8.21871L20.6979 8.65196C21.8616 8.74525 22.3335 10.1975 21.4469 10.957L17.3295 14.484L18.5874 19.7575C18.8583 20.8931 17.6229 21.7906 16.6266 21.1821L11.9999 18.3561L7.37329 21.1821C6.37697 21.7906 5.14158 20.8931 5.41246 19.7575L6.67038 14.484L2.55303 10.957C1.66639 10.1975 2.13826 8.74525 3.302 8.65196L8.70609 8.21871L10.7881 3.213Z" fill="currentColor" />
</svg> <svg class="text-black shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7881 3.213C11.2364 2.13505 12.7635 2.13505 13.2118 3.213L15.2938 8.21871L20.6979 8.65196C21.8616 8.74525 22.3335 10.1975 21.4469 10.957L17.3295 14.484L18.5874 19.7575C18.8583 20.8931 17.6229 21.7906 16.6266 21.1821L11.9999 18.3561L7.37329 21.1821C6.37697 21.7906 5.14158 20.8931 5.41246 19.7575L6.67038 14.484L2.55303 10.957C1.66639 10.1975 2.13826 8.74525 3.302 8.65196L8.70609 8.21871L10.7881 3.213Z" fill="currentColor" />
</svg> <svg class="text-black shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7881 3.213C11.2364 2.13505 12.7635 2.13505 13.2118 3.213L15.2938 8.21871L20.6979 8.65196C21.8616 8.74525 22.3335 10.1975 21.4469 10.957L17.3295 14.484L18.5874 19.7575C18.8583 20.8931 17.6229 21.7906 16.6266 21.1821L11.9999 18.3561L7.37329 21.1821C6.37697 21.7906 5.14158 20.8931 5.41246 19.7575L6.67038 14.484L2.55303 10.957C1.66639 10.1975 2.13826 8.74525 3.302 8.65196L8.70609 8.21871L10.7881 3.213Z" fill="currentColor" />
</svg> <svg class="text-black shrink-0" width="12" height="12" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M11.4807 3.50102C11.6729 3.03905 12.3273 3.03905 12.5195 3.50102L14.6454 8.61248C14.7264 8.80724 14.9096 8.94031 15.1199 8.95716L20.6381 9.39956C21.1369 9.43954 21.3391 10.062 20.9591 10.3875L16.7548 13.9889C16.5946 14.1261 16.5246 14.3414 16.5736 14.5466L17.858 19.9315C17.9741 20.4182 17.4447 20.8028 17.0177 20.542L12.2933 17.6564C12.1133 17.5465 11.8869 17.5465 11.7069 17.6564L6.98251 20.542C6.55551 20.8028 6.02606 20.4182 6.14215 19.9315L7.42664 14.5466C7.47558 14.3414 7.40562 14.1261 7.24543 13.9889L3.04111 10.3875C2.66112 10.062 2.86335 9.43954 3.36209 9.39956L8.88034 8.95716C9.0906 8.94031 9.27375 8.80724 9.35476 8.61248L11.4807 3.50102Z" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg> <span class="text-body-sm">4.7 | 39 avis</span>
</div>
</div>
<button type="button" x-data x-init="$store.asideBlocs.addAside('corte-ingles')" @click.prevent.stop="$store.asideBlocs.toggleAside('corte-ingles')" class="w-full justify-center btn btn-dark btn-solid btn-size-lg">
Acheter
</button>
</div>
</a> <a href="#" class="relative group flex flex-col justify-between overflow-hidden h-full col-span-2 md:col-span-6 lg:col-span-4">
<div class="relative aspect-square bg-gray-100">
<img src="/img/product/img.png" alt="LE MASQUE PURIFIANT" class="w-full h-full object-cover aspect-[5/6]">
<div class="hidden group-hover:md:flex w-full justify-center absolute z-10 bottom-2.5">
</div>
</div>
<div class="flex flex-col justify-between">
<div class="flex flex-col justify-between gap-1 py-2">
<div class="flex flex-col ">
<h3 class="text-body-base group-hover:text-brand-700 font-bold line-clamp-1">LE MASQUE PURIFIANT</h3>
<p class="text-body-sm truncate">Peau normale à grasse • <span class="text-black/56">50ml</span></p>
</div>
<div class="flex items-center space-x-1">
<svg class="text-black shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7881 3.213C11.2364 2.13505 12.7635 2.13505 13.2118 3.213L15.2938 8.21871L20.6979 8.65196C21.8616 8.74525 22.3335 10.1975 21.4469 10.957L17.3295 14.484L18.5874 19.7575C18.8583 20.8931 17.6229 21.7906 16.6266 21.1821L11.9999 18.3561L7.37329 21.1821C6.37697 21.7906 5.14158 20.8931 5.41246 19.7575L6.67038 14.484L2.55303 10.957C1.66639 10.1975 2.13826 8.74525 3.302 8.65196L8.70609 8.21871L10.7881 3.213Z" fill="currentColor" />
</svg> <svg class="text-black shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7881 3.213C11.2364 2.13505 12.7635 2.13505 13.2118 3.213L15.2938 8.21871L20.6979 8.65196C21.8616 8.74525 22.3335 10.1975 21.4469 10.957L17.3295 14.484L18.5874 19.7575C18.8583 20.8931 17.6229 21.7906 16.6266 21.1821L11.9999 18.3561L7.37329 21.1821C6.37697 21.7906 5.14158 20.8931 5.41246 19.7575L6.67038 14.484L2.55303 10.957C1.66639 10.1975 2.13826 8.74525 3.302 8.65196L8.70609 8.21871L10.7881 3.213Z" fill="currentColor" />
</svg> <svg class="text-black shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7881 3.213C11.2364 2.13505 12.7635 2.13505 13.2118 3.213L15.2938 8.21871L20.6979 8.65196C21.8616 8.74525 22.3335 10.1975 21.4469 10.957L17.3295 14.484L18.5874 19.7575C18.8583 20.8931 17.6229 21.7906 16.6266 21.1821L11.9999 18.3561L7.37329 21.1821C6.37697 21.7906 5.14158 20.8931 5.41246 19.7575L6.67038 14.484L2.55303 10.957C1.66639 10.1975 2.13826 8.74525 3.302 8.65196L8.70609 8.21871L10.7881 3.213Z" fill="currentColor" />
</svg> <svg class="text-black shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7881 3.213C11.2364 2.13505 12.7635 2.13505 13.2118 3.213L15.2938 8.21871L20.6979 8.65196C21.8616 8.74525 22.3335 10.1975 21.4469 10.957L17.3295 14.484L18.5874 19.7575C18.8583 20.8931 17.6229 21.7906 16.6266 21.1821L11.9999 18.3561L7.37329 21.1821C6.37697 21.7906 5.14158 20.8931 5.41246 19.7575L6.67038 14.484L2.55303 10.957C1.66639 10.1975 2.13826 8.74525 3.302 8.65196L8.70609 8.21871L10.7881 3.213Z" fill="currentColor" />
</svg> <svg class="text-black shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7881 3.213C11.2364 2.13505 12.7635 2.13505 13.2118 3.213L15.2938 8.21871L20.6979 8.65196C21.8616 8.74525 22.3335 10.1975 21.4469 10.957L17.3295 14.484L18.5874 19.7575C18.8583 20.8931 17.6229 21.7906 16.6266 21.1821L11.9999 18.3561L7.37329 21.1821C6.37697 21.7906 5.14158 20.8931 5.41246 19.7575L6.67038 14.484L2.55303 10.957C1.66639 10.1975 2.13826 8.74525 3.302 8.65196L8.70609 8.21871L10.7881 3.213Z" fill="currentColor" />
</svg> <span class="text-body-sm">5 | 2 avis</span>
</div>
</div>
<button type="button" x-data x-init="$store.asideBlocs.addAside('corte-ingles')" @click.prevent.stop="$store.asideBlocs.toggleAside('corte-ingles')" class="w-full justify-center btn btn-dark btn-solid btn-size-lg">
Acheter
</button>
</div>
</a> <a href="#" class="relative group flex flex-col justify-between overflow-hidden h-full col-span-2 md:col-span-6 lg:col-span-4">
<div class="relative aspect-square bg-gray-100">
<img src="/img/product/img.png" alt="LE LAIT DEMAQUILLANT" class="w-full h-full object-cover aspect-[5/6]">
<div class="hidden group-hover:md:flex w-full justify-center absolute z-10 bottom-2.5">
</div>
</div>
<div class="flex flex-col justify-between">
<div class="flex flex-col justify-between gap-1 py-2">
<div class="flex flex-col ">
<h3 class="text-body-base group-hover:text-brand-700 font-bold line-clamp-1">LE LAIT DEMAQUILLANT</h3>
<p class="text-body-sm truncate">Nettoie - Apaise • <span class="text-black/56">200ml</span></p>
</div>
<div class="flex items-center space-x-1">
<svg class="text-black shrink-0" width="12" height="12" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M11.4807 3.50102C11.6729 3.03905 12.3273 3.03905 12.5195 3.50102L14.6454 8.61248C14.7264 8.80724 14.9096 8.94031 15.1199 8.95716L20.6381 9.39956C21.1369 9.43954 21.3391 10.062 20.9591 10.3875L16.7548 13.9889C16.5946 14.1261 16.5246 14.3414 16.5736 14.5466L17.858 19.9315C17.9741 20.4182 17.4447 20.8028 17.0177 20.542L12.2933 17.6564C12.1133 17.5465 11.8869 17.5465 11.7069 17.6564L6.98251 20.542C6.55551 20.8028 6.02606 20.4182 6.14215 19.9315L7.42664 14.5466C7.47558 14.3414 7.40562 14.1261 7.24543 13.9889L3.04111 10.3875C2.66112 10.062 2.86335 9.43954 3.36209 9.39956L8.88034 8.95716C9.0906 8.94031 9.27375 8.80724 9.35476 8.61248L11.4807 3.50102Z" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg> <svg class="text-black shrink-0" width="12" height="12" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M11.4807 3.50102C11.6729 3.03905 12.3273 3.03905 12.5195 3.50102L14.6454 8.61248C14.7264 8.80724 14.9096 8.94031 15.1199 8.95716L20.6381 9.39956C21.1369 9.43954 21.3391 10.062 20.9591 10.3875L16.7548 13.9889C16.5946 14.1261 16.5246 14.3414 16.5736 14.5466L17.858 19.9315C17.9741 20.4182 17.4447 20.8028 17.0177 20.542L12.2933 17.6564C12.1133 17.5465 11.8869 17.5465 11.7069 17.6564L6.98251 20.542C6.55551 20.8028 6.02606 20.4182 6.14215 19.9315L7.42664 14.5466C7.47558 14.3414 7.40562 14.1261 7.24543 13.9889L3.04111 10.3875C2.66112 10.062 2.86335 9.43954 3.36209 9.39956L8.88034 8.95716C9.0906 8.94031 9.27375 8.80724 9.35476 8.61248L11.4807 3.50102Z" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg> <svg class="text-black shrink-0" width="12" height="12" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M11.4807 3.50102C11.6729 3.03905 12.3273 3.03905 12.5195 3.50102L14.6454 8.61248C14.7264 8.80724 14.9096 8.94031 15.1199 8.95716L20.6381 9.39956C21.1369 9.43954 21.3391 10.062 20.9591 10.3875L16.7548 13.9889C16.5946 14.1261 16.5246 14.3414 16.5736 14.5466L17.858 19.9315C17.9741 20.4182 17.4447 20.8028 17.0177 20.542L12.2933 17.6564C12.1133 17.5465 11.8869 17.5465 11.7069 17.6564L6.98251 20.542C6.55551 20.8028 6.02606 20.4182 6.14215 19.9315L7.42664 14.5466C7.47558 14.3414 7.40562 14.1261 7.24543 13.9889L3.04111 10.3875C2.66112 10.062 2.86335 9.43954 3.36209 9.39956L8.88034 8.95716C9.0906 8.94031 9.27375 8.80724 9.35476 8.61248L11.4807 3.50102Z" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg> <svg class="text-black shrink-0" width="12" height="12" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M11.4807 3.50102C11.6729 3.03905 12.3273 3.03905 12.5195 3.50102L14.6454 8.61248C14.7264 8.80724 14.9096 8.94031 15.1199 8.95716L20.6381 9.39956C21.1369 9.43954 21.3391 10.062 20.9591 10.3875L16.7548 13.9889C16.5946 14.1261 16.5246 14.3414 16.5736 14.5466L17.858 19.9315C17.9741 20.4182 17.4447 20.8028 17.0177 20.542L12.2933 17.6564C12.1133 17.5465 11.8869 17.5465 11.7069 17.6564L6.98251 20.542C6.55551 20.8028 6.02606 20.4182 6.14215 19.9315L7.42664 14.5466C7.47558 14.3414 7.40562 14.1261 7.24543 13.9889L3.04111 10.3875C2.66112 10.062 2.86335 9.43954 3.36209 9.39956L8.88034 8.95716C9.0906 8.94031 9.27375 8.80724 9.35476 8.61248L11.4807 3.50102Z" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg> <svg class="text-black shrink-0" width="12" height="12" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M11.4807 3.50102C11.6729 3.03905 12.3273 3.03905 12.5195 3.50102L14.6454 8.61248C14.7264 8.80724 14.9096 8.94031 15.1199 8.95716L20.6381 9.39956C21.1369 9.43954 21.3391 10.062 20.9591 10.3875L16.7548 13.9889C16.5946 14.1261 16.5246 14.3414 16.5736 14.5466L17.858 19.9315C17.9741 20.4182 17.4447 20.8028 17.0177 20.542L12.2933 17.6564C12.1133 17.5465 11.8869 17.5465 11.7069 17.6564L6.98251 20.542C6.55551 20.8028 6.02606 20.4182 6.14215 19.9315L7.42664 14.5466C7.47558 14.3414 7.40562 14.1261 7.24543 13.9889L3.04111 10.3875C2.66112 10.062 2.86335 9.43954 3.36209 9.39956L8.88034 8.95716C9.0906 8.94031 9.27375 8.80724 9.35476 8.61248L11.4807 3.50102Z" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg> <span class="text-body-sm">0 avis</span>
</div>
</div>
<button type="button" x-data x-init="$store.asideBlocs.addAside('corte-ingles')" @click.prevent.stop="$store.asideBlocs.toggleAside('corte-ingles')" class="w-full justify-center btn btn-dark btn-solid btn-size-lg">
Acheter
</button>
</div>
</a>
<div class="@container group h-full col-span-2 md:col-span-6 lg:col-span-4">
<div class="relative h-full">
<picture class="absolute inset-0 w-full h-full">
<source srcset="/img/diagnostic/desktop-1.png" media="(min-width: 769px)" />
<img src="/img/diagnostic/mobile-1.png" alt="Analyser votre peau" class="object-cover w-full h-full object-right-top" loading="lazy" />
</picture>
<div class="absolute inset-0 group-hover:bg-black/08 mix-blend-overlay"></div>
<section class="relative flex items-center min-h-[353px] md:min-h-[590px] 2xl:min-h-[660px] 3xl:min-h-[820px] adjusted-marg-y-sm">
<article class="self-end relative flex gap-3 w-full flex-col adjusted-marg-l-sm border-l-8 border-naos">
<div class="flex flex-col gap-1.5">
<h2 class="h2 [&>span]:font-normal text-black">
Excepteur sint occaecat cupidatat
</h2>
<p class="h6-base [&>span]:md:font-semibold [&>span]:md:uppercase text-black">
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.
</p>
<a href="#" class="
link-medium
link-dark
link-icon
font-bold items-center
">
<svg class=" shrink-0" width="20" height="20" stroke="currentColor" stroke-width="1.5" viewBox="0 0 21 20" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M10.5 5V10H14.25M18 10C18 14.1421 14.6421 17.5 10.5 17.5C6.35786 17.5 3 14.1421 3 10C3 5.85786 6.35786 2.5 10.5 2.5C14.6421 2.5 18 5.85786 18 10Z" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg>
<span class="">30 min</span>
</a>
</div>
<div class="flex items-center gap-4">
<a href="#" type="button" class="w-max btn btn-dark btn-outline btn-size-lg">
Secondaire
</a>
</div>
</article>
</section>
</div>
</div>
</div>
</div>
<div class="container adjusted-marg-y-md">
<h2 class="h2 pb-2">
Protecteurs Purs solaires
</h2>
<div class="grid-layout gap-y-8 gap-x-3 md:gap-10">
<a href="#" class="relative group flex flex-col justify-between overflow-hidden h-full col-span-2 md:col-span-6 lg:col-span-4">
<div class="relative aspect-square bg-gray-100">
<img src="/img/product/img.png" alt="LE LAIT DEMAQUILLANT" class="w-full h-full object-cover aspect-[5/6]">
<div class="hidden group-hover:md:flex w-full justify-center absolute z-10 bottom-2.5">
</div>
</div>
<div class="flex flex-col justify-between">
<div class="flex flex-col justify-between gap-1 py-2">
<div class="flex flex-col ">
<h3 class="text-body-base group-hover:text-brand-700 font-bold line-clamp-1">LE LAIT DEMAQUILLANT</h3>
<p class="text-body-sm truncate">Nettoie - Apaise • <span class="text-black/56">200ml</span></p>
</div>
<div class="flex items-center space-x-1">
<svg class="text-black shrink-0" width="12" height="12" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M11.4807 3.50102C11.6729 3.03905 12.3273 3.03905 12.5195 3.50102L14.6454 8.61248C14.7264 8.80724 14.9096 8.94031 15.1199 8.95716L20.6381 9.39956C21.1369 9.43954 21.3391 10.062 20.9591 10.3875L16.7548 13.9889C16.5946 14.1261 16.5246 14.3414 16.5736 14.5466L17.858 19.9315C17.9741 20.4182 17.4447 20.8028 17.0177 20.542L12.2933 17.6564C12.1133 17.5465 11.8869 17.5465 11.7069 17.6564L6.98251 20.542C6.55551 20.8028 6.02606 20.4182 6.14215 19.9315L7.42664 14.5466C7.47558 14.3414 7.40562 14.1261 7.24543 13.9889L3.04111 10.3875C2.66112 10.062 2.86335 9.43954 3.36209 9.39956L8.88034 8.95716C9.0906 8.94031 9.27375 8.80724 9.35476 8.61248L11.4807 3.50102Z" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg> <svg class="text-black shrink-0" width="12" height="12" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M11.4807 3.50102C11.6729 3.03905 12.3273 3.03905 12.5195 3.50102L14.6454 8.61248C14.7264 8.80724 14.9096 8.94031 15.1199 8.95716L20.6381 9.39956C21.1369 9.43954 21.3391 10.062 20.9591 10.3875L16.7548 13.9889C16.5946 14.1261 16.5246 14.3414 16.5736 14.5466L17.858 19.9315C17.9741 20.4182 17.4447 20.8028 17.0177 20.542L12.2933 17.6564C12.1133 17.5465 11.8869 17.5465 11.7069 17.6564L6.98251 20.542C6.55551 20.8028 6.02606 20.4182 6.14215 19.9315L7.42664 14.5466C7.47558 14.3414 7.40562 14.1261 7.24543 13.9889L3.04111 10.3875C2.66112 10.062 2.86335 9.43954 3.36209 9.39956L8.88034 8.95716C9.0906 8.94031 9.27375 8.80724 9.35476 8.61248L11.4807 3.50102Z" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg> <svg class="text-black shrink-0" width="12" height="12" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M11.4807 3.50102C11.6729 3.03905 12.3273 3.03905 12.5195 3.50102L14.6454 8.61248C14.7264 8.80724 14.9096 8.94031 15.1199 8.95716L20.6381 9.39956C21.1369 9.43954 21.3391 10.062 20.9591 10.3875L16.7548 13.9889C16.5946 14.1261 16.5246 14.3414 16.5736 14.5466L17.858 19.9315C17.9741 20.4182 17.4447 20.8028 17.0177 20.542L12.2933 17.6564C12.1133 17.5465 11.8869 17.5465 11.7069 17.6564L6.98251 20.542C6.55551 20.8028 6.02606 20.4182 6.14215 19.9315L7.42664 14.5466C7.47558 14.3414 7.40562 14.1261 7.24543 13.9889L3.04111 10.3875C2.66112 10.062 2.86335 9.43954 3.36209 9.39956L8.88034 8.95716C9.0906 8.94031 9.27375 8.80724 9.35476 8.61248L11.4807 3.50102Z" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg> <svg class="text-black shrink-0" width="12" height="12" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M11.4807 3.50102C11.6729 3.03905 12.3273 3.03905 12.5195 3.50102L14.6454 8.61248C14.7264 8.80724 14.9096 8.94031 15.1199 8.95716L20.6381 9.39956C21.1369 9.43954 21.3391 10.062 20.9591 10.3875L16.7548 13.9889C16.5946 14.1261 16.5246 14.3414 16.5736 14.5466L17.858 19.9315C17.9741 20.4182 17.4447 20.8028 17.0177 20.542L12.2933 17.6564C12.1133 17.5465 11.8869 17.5465 11.7069 17.6564L6.98251 20.542C6.55551 20.8028 6.02606 20.4182 6.14215 19.9315L7.42664 14.5466C7.47558 14.3414 7.40562 14.1261 7.24543 13.9889L3.04111 10.3875C2.66112 10.062 2.86335 9.43954 3.36209 9.39956L8.88034 8.95716C9.0906 8.94031 9.27375 8.80724 9.35476 8.61248L11.4807 3.50102Z" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg> <svg class="text-black shrink-0" width="12" height="12" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M11.4807 3.50102C11.6729 3.03905 12.3273 3.03905 12.5195 3.50102L14.6454 8.61248C14.7264 8.80724 14.9096 8.94031 15.1199 8.95716L20.6381 9.39956C21.1369 9.43954 21.3391 10.062 20.9591 10.3875L16.7548 13.9889C16.5946 14.1261 16.5246 14.3414 16.5736 14.5466L17.858 19.9315C17.9741 20.4182 17.4447 20.8028 17.0177 20.542L12.2933 17.6564C12.1133 17.5465 11.8869 17.5465 11.7069 17.6564L6.98251 20.542C6.55551 20.8028 6.02606 20.4182 6.14215 19.9315L7.42664 14.5466C7.47558 14.3414 7.40562 14.1261 7.24543 13.9889L3.04111 10.3875C2.66112 10.062 2.86335 9.43954 3.36209 9.39956L8.88034 8.95716C9.0906 8.94031 9.27375 8.80724 9.35476 8.61248L11.4807 3.50102Z" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg> <span class="text-body-sm">0 avis</span>
</div>
</div>
<button type="button" x-data x-init="$store.asideBlocs.addAside('corte-ingles')" @click.prevent.stop="$store.asideBlocs.toggleAside('corte-ingles')" class="w-full justify-center btn btn-dark btn-solid btn-size-lg">
Acheter
</button>
</div>
</a> <a href="#" class="relative group flex flex-col justify-between overflow-hidden h-full col-span-2 md:col-span-6 lg:col-span-4">
<div class="relative aspect-square bg-gray-100">
<img src="/img/product/img.png" alt="LE MASQUE PURIFIANT" class="w-full h-full object-cover aspect-[5/6]">
<div class="hidden group-hover:md:flex w-full justify-center absolute z-10 bottom-2.5">
</div>
</div>
<div class="flex flex-col justify-between">
<div class="flex flex-col justify-between gap-1 py-2">
<div class="flex flex-col ">
<h3 class="text-body-base group-hover:text-brand-700 font-bold line-clamp-1">LE MASQUE PURIFIANT</h3>
<p class="text-body-sm truncate">Peau normale à grasse • <span class="text-black/56">50ml</span></p>
</div>
<div class="flex items-center space-x-1">
<svg class="text-black shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7881 3.213C11.2364 2.13505 12.7635 2.13505 13.2118 3.213L15.2938 8.21871L20.6979 8.65196C21.8616 8.74525 22.3335 10.1975 21.4469 10.957L17.3295 14.484L18.5874 19.7575C18.8583 20.8931 17.6229 21.7906 16.6266 21.1821L11.9999 18.3561L7.37329 21.1821C6.37697 21.7906 5.14158 20.8931 5.41246 19.7575L6.67038 14.484L2.55303 10.957C1.66639 10.1975 2.13826 8.74525 3.302 8.65196L8.70609 8.21871L10.7881 3.213Z" fill="currentColor" />
</svg> <svg class="text-black shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7881 3.213C11.2364 2.13505 12.7635 2.13505 13.2118 3.213L15.2938 8.21871L20.6979 8.65196C21.8616 8.74525 22.3335 10.1975 21.4469 10.957L17.3295 14.484L18.5874 19.7575C18.8583 20.8931 17.6229 21.7906 16.6266 21.1821L11.9999 18.3561L7.37329 21.1821C6.37697 21.7906 5.14158 20.8931 5.41246 19.7575L6.67038 14.484L2.55303 10.957C1.66639 10.1975 2.13826 8.74525 3.302 8.65196L8.70609 8.21871L10.7881 3.213Z" fill="currentColor" />
</svg> <svg class="text-black shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7881 3.213C11.2364 2.13505 12.7635 2.13505 13.2118 3.213L15.2938 8.21871L20.6979 8.65196C21.8616 8.74525 22.3335 10.1975 21.4469 10.957L17.3295 14.484L18.5874 19.7575C18.8583 20.8931 17.6229 21.7906 16.6266 21.1821L11.9999 18.3561L7.37329 21.1821C6.37697 21.7906 5.14158 20.8931 5.41246 19.7575L6.67038 14.484L2.55303 10.957C1.66639 10.1975 2.13826 8.74525 3.302 8.65196L8.70609 8.21871L10.7881 3.213Z" fill="currentColor" />
</svg> <svg class="text-black shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7881 3.213C11.2364 2.13505 12.7635 2.13505 13.2118 3.213L15.2938 8.21871L20.6979 8.65196C21.8616 8.74525 22.3335 10.1975 21.4469 10.957L17.3295 14.484L18.5874 19.7575C18.8583 20.8931 17.6229 21.7906 16.6266 21.1821L11.9999 18.3561L7.37329 21.1821C6.37697 21.7906 5.14158 20.8931 5.41246 19.7575L6.67038 14.484L2.55303 10.957C1.66639 10.1975 2.13826 8.74525 3.302 8.65196L8.70609 8.21871L10.7881 3.213Z" fill="currentColor" />
</svg> <svg class="text-black shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7881 3.213C11.2364 2.13505 12.7635 2.13505 13.2118 3.213L15.2938 8.21871L20.6979 8.65196C21.8616 8.74525 22.3335 10.1975 21.4469 10.957L17.3295 14.484L18.5874 19.7575C18.8583 20.8931 17.6229 21.7906 16.6266 21.1821L11.9999 18.3561L7.37329 21.1821C6.37697 21.7906 5.14158 20.8931 5.41246 19.7575L6.67038 14.484L2.55303 10.957C1.66639 10.1975 2.13826 8.74525 3.302 8.65196L8.70609 8.21871L10.7881 3.213Z" fill="currentColor" />
</svg> <span class="text-body-sm">5 | 2 avis</span>
</div>
</div>
<button type="button" x-data x-init="$store.asideBlocs.addAside('corte-ingles')" @click.prevent.stop="$store.asideBlocs.toggleAside('corte-ingles')" class="w-full justify-center btn btn-dark btn-solid btn-size-lg">
Acheter
</button>
</div>
</a> <a href="#" class="relative group flex flex-col justify-between overflow-hidden h-full col-span-2 md:col-span-6 lg:col-span-4">
<div class="relative aspect-square bg-gray-100">
<img src="/img/product/img.png" alt="Gel nettoyant purifiant" class="w-full h-full object-cover aspect-[5/6]">
<div class="hidden group-hover:md:flex w-full justify-center absolute z-10 bottom-2.5">
</div>
</div>
<div class="flex flex-col justify-between">
<div class="flex flex-col justify-between gap-1 py-2">
<div class="flex flex-col ">
<h3 class="text-body-base group-hover:text-brand-700 font-bold line-clamp-1">Gel nettoyant purifiant</h3>
<p class="text-body-sm truncate">Peau normale à grasse • <span class="text-black/56">200ml</span></p>
</div>
<div class="flex items-center space-x-1">
<svg class="text-black shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7881 3.213C11.2364 2.13505 12.7635 2.13505 13.2118 3.213L15.2938 8.21871L20.6979 8.65196C21.8616 8.74525 22.3335 10.1975 21.4469 10.957L17.3295 14.484L18.5874 19.7575C18.8583 20.8931 17.6229 21.7906 16.6266 21.1821L11.9999 18.3561L7.37329 21.1821C6.37697 21.7906 5.14158 20.8931 5.41246 19.7575L6.67038 14.484L2.55303 10.957C1.66639 10.1975 2.13826 8.74525 3.302 8.65196L8.70609 8.21871L10.7881 3.213Z" fill="currentColor" />
</svg> <svg class="text-black shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7881 3.213C11.2364 2.13505 12.7635 2.13505 13.2118 3.213L15.2938 8.21871L20.6979 8.65196C21.8616 8.74525 22.3335 10.1975 21.4469 10.957L17.3295 14.484L18.5874 19.7575C18.8583 20.8931 17.6229 21.7906 16.6266 21.1821L11.9999 18.3561L7.37329 21.1821C6.37697 21.7906 5.14158 20.8931 5.41246 19.7575L6.67038 14.484L2.55303 10.957C1.66639 10.1975 2.13826 8.74525 3.302 8.65196L8.70609 8.21871L10.7881 3.213Z" fill="currentColor" />
</svg> <svg class="text-black shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7881 3.213C11.2364 2.13505 12.7635 2.13505 13.2118 3.213L15.2938 8.21871L20.6979 8.65196C21.8616 8.74525 22.3335 10.1975 21.4469 10.957L17.3295 14.484L18.5874 19.7575C18.8583 20.8931 17.6229 21.7906 16.6266 21.1821L11.9999 18.3561L7.37329 21.1821C6.37697 21.7906 5.14158 20.8931 5.41246 19.7575L6.67038 14.484L2.55303 10.957C1.66639 10.1975 2.13826 8.74525 3.302 8.65196L8.70609 8.21871L10.7881 3.213Z" fill="currentColor" />
</svg> <svg class="text-black shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7881 3.213C11.2364 2.13505 12.7635 2.13505 13.2118 3.213L15.2938 8.21871L20.6979 8.65196C21.8616 8.74525 22.3335 10.1975 21.4469 10.957L17.3295 14.484L18.5874 19.7575C18.8583 20.8931 17.6229 21.7906 16.6266 21.1821L11.9999 18.3561L7.37329 21.1821C6.37697 21.7906 5.14158 20.8931 5.41246 19.7575L6.67038 14.484L2.55303 10.957C1.66639 10.1975 2.13826 8.74525 3.302 8.65196L8.70609 8.21871L10.7881 3.213Z" fill="currentColor" />
</svg> <svg class="text-black shrink-0" width="12" height="12" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M11.4807 3.50102C11.6729 3.03905 12.3273 3.03905 12.5195 3.50102L14.6454 8.61248C14.7264 8.80724 14.9096 8.94031 15.1199 8.95716L20.6381 9.39956C21.1369 9.43954 21.3391 10.062 20.9591 10.3875L16.7548 13.9889C16.5946 14.1261 16.5246 14.3414 16.5736 14.5466L17.858 19.9315C17.9741 20.4182 17.4447 20.8028 17.0177 20.542L12.2933 17.6564C12.1133 17.5465 11.8869 17.5465 11.7069 17.6564L6.98251 20.542C6.55551 20.8028 6.02606 20.4182 6.14215 19.9315L7.42664 14.5466C7.47558 14.3414 7.40562 14.1261 7.24543 13.9889L3.04111 10.3875C2.66112 10.062 2.86335 9.43954 3.36209 9.39956L8.88034 8.95716C9.0906 8.94031 9.27375 8.80724 9.35476 8.61248L11.4807 3.50102Z" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg> <span class="text-body-sm">4.7 | 39 avis</span>
</div>
</div>
<button type="button" x-data x-init="$store.asideBlocs.addAside('corte-ingles')" @click.prevent.stop="$store.asideBlocs.toggleAside('corte-ingles')" class="w-full justify-center btn btn-dark btn-solid btn-size-lg">
Acheter
</button>
</div>
</a> <a href="#" class="relative group flex flex-col justify-between overflow-hidden h-full col-span-2 md:col-span-6 lg:col-span-4">
<div class="relative aspect-square bg-gray-100">
<img src="/img/product/img.png" alt="LE MASQUE PURIFIANT" class="w-full h-full object-cover aspect-[5/6]">
<div class="hidden group-hover:md:flex w-full justify-center absolute z-10 bottom-2.5">
</div>
</div>
<div class="flex flex-col justify-between">
<div class="flex flex-col justify-between gap-1 py-2">
<div class="flex flex-col ">
<h3 class="text-body-base group-hover:text-brand-700 font-bold line-clamp-1">LE MASQUE PURIFIANT</h3>
<p class="text-body-sm truncate">Peau normale à grasse • <span class="text-black/56">50ml</span></p>
</div>
<div class="flex items-center space-x-1">
<svg class="text-black shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7881 3.213C11.2364 2.13505 12.7635 2.13505 13.2118 3.213L15.2938 8.21871L20.6979 8.65196C21.8616 8.74525 22.3335 10.1975 21.4469 10.957L17.3295 14.484L18.5874 19.7575C18.8583 20.8931 17.6229 21.7906 16.6266 21.1821L11.9999 18.3561L7.37329 21.1821C6.37697 21.7906 5.14158 20.8931 5.41246 19.7575L6.67038 14.484L2.55303 10.957C1.66639 10.1975 2.13826 8.74525 3.302 8.65196L8.70609 8.21871L10.7881 3.213Z" fill="currentColor" />
</svg> <svg class="text-black shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7881 3.213C11.2364 2.13505 12.7635 2.13505 13.2118 3.213L15.2938 8.21871L20.6979 8.65196C21.8616 8.74525 22.3335 10.1975 21.4469 10.957L17.3295 14.484L18.5874 19.7575C18.8583 20.8931 17.6229 21.7906 16.6266 21.1821L11.9999 18.3561L7.37329 21.1821C6.37697 21.7906 5.14158 20.8931 5.41246 19.7575L6.67038 14.484L2.55303 10.957C1.66639 10.1975 2.13826 8.74525 3.302 8.65196L8.70609 8.21871L10.7881 3.213Z" fill="currentColor" />
</svg> <svg class="text-black shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7881 3.213C11.2364 2.13505 12.7635 2.13505 13.2118 3.213L15.2938 8.21871L20.6979 8.65196C21.8616 8.74525 22.3335 10.1975 21.4469 10.957L17.3295 14.484L18.5874 19.7575C18.8583 20.8931 17.6229 21.7906 16.6266 21.1821L11.9999 18.3561L7.37329 21.1821C6.37697 21.7906 5.14158 20.8931 5.41246 19.7575L6.67038 14.484L2.55303 10.957C1.66639 10.1975 2.13826 8.74525 3.302 8.65196L8.70609 8.21871L10.7881 3.213Z" fill="currentColor" />
</svg> <svg class="text-black shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7881 3.213C11.2364 2.13505 12.7635 2.13505 13.2118 3.213L15.2938 8.21871L20.6979 8.65196C21.8616 8.74525 22.3335 10.1975 21.4469 10.957L17.3295 14.484L18.5874 19.7575C18.8583 20.8931 17.6229 21.7906 16.6266 21.1821L11.9999 18.3561L7.37329 21.1821C6.37697 21.7906 5.14158 20.8931 5.41246 19.7575L6.67038 14.484L2.55303 10.957C1.66639 10.1975 2.13826 8.74525 3.302 8.65196L8.70609 8.21871L10.7881 3.213Z" fill="currentColor" />
</svg> <svg class="text-black shrink-0" width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7881 3.213C11.2364 2.13505 12.7635 2.13505 13.2118 3.213L15.2938 8.21871L20.6979 8.65196C21.8616 8.74525 22.3335 10.1975 21.4469 10.957L17.3295 14.484L18.5874 19.7575C18.8583 20.8931 17.6229 21.7906 16.6266 21.1821L11.9999 18.3561L7.37329 21.1821C6.37697 21.7906 5.14158 20.8931 5.41246 19.7575L6.67038 14.484L2.55303 10.957C1.66639 10.1975 2.13826 8.74525 3.302 8.65196L8.70609 8.21871L10.7881 3.213Z" fill="currentColor" />
</svg> <span class="text-body-sm">5 | 2 avis</span>
</div>
</div>
<button type="button" x-data x-init="$store.asideBlocs.addAside('corte-ingles')" @click.prevent.stop="$store.asideBlocs.toggleAside('corte-ingles')" class="w-full justify-center btn btn-dark btn-solid btn-size-lg">
Acheter
</button>
</div>
</a> <a href="#" class="relative group flex flex-col justify-between overflow-hidden h-full col-span-2 md:col-span-6 lg:col-span-4">
<div class="relative aspect-square bg-gray-100">
<img src="/img/product/img.png" alt="LE LAIT DEMAQUILLANT" class="w-full h-full object-cover aspect-[5/6]">
<div class="hidden group-hover:md:flex w-full justify-center absolute z-10 bottom-2.5">
</div>
</div>
<div class="flex flex-col justify-between">
<div class="flex flex-col justify-between gap-1 py-2">
<div class="flex flex-col ">
<h3 class="text-body-base group-hover:text-brand-700 font-bold line-clamp-1">LE LAIT DEMAQUILLANT</h3>
<p class="text-body-sm truncate">Nettoie - Apaise • <span class="text-black/56">200ml</span></p>
</div>
<div class="flex items-center space-x-1">
<svg class="text-black shrink-0" width="12" height="12" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M11.4807 3.50102C11.6729 3.03905 12.3273 3.03905 12.5195 3.50102L14.6454 8.61248C14.7264 8.80724 14.9096 8.94031 15.1199 8.95716L20.6381 9.39956C21.1369 9.43954 21.3391 10.062 20.9591 10.3875L16.7548 13.9889C16.5946 14.1261 16.5246 14.3414 16.5736 14.5466L17.858 19.9315C17.9741 20.4182 17.4447 20.8028 17.0177 20.542L12.2933 17.6564C12.1133 17.5465 11.8869 17.5465 11.7069 17.6564L6.98251 20.542C6.55551 20.8028 6.02606 20.4182 6.14215 19.9315L7.42664 14.5466C7.47558 14.3414 7.40562 14.1261 7.24543 13.9889L3.04111 10.3875C2.66112 10.062 2.86335 9.43954 3.36209 9.39956L8.88034 8.95716C9.0906 8.94031 9.27375 8.80724 9.35476 8.61248L11.4807 3.50102Z" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg> <svg class="text-black shrink-0" width="12" height="12" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M11.4807 3.50102C11.6729 3.03905 12.3273 3.03905 12.5195 3.50102L14.6454 8.61248C14.7264 8.80724 14.9096 8.94031 15.1199 8.95716L20.6381 9.39956C21.1369 9.43954 21.3391 10.062 20.9591 10.3875L16.7548 13.9889C16.5946 14.1261 16.5246 14.3414 16.5736 14.5466L17.858 19.9315C17.9741 20.4182 17.4447 20.8028 17.0177 20.542L12.2933 17.6564C12.1133 17.5465 11.8869 17.5465 11.7069 17.6564L6.98251 20.542C6.55551 20.8028 6.02606 20.4182 6.14215 19.9315L7.42664 14.5466C7.47558 14.3414 7.40562 14.1261 7.24543 13.9889L3.04111 10.3875C2.66112 10.062 2.86335 9.43954 3.36209 9.39956L8.88034 8.95716C9.0906 8.94031 9.27375 8.80724 9.35476 8.61248L11.4807 3.50102Z" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg> <svg class="text-black shrink-0" width="12" height="12" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M11.4807 3.50102C11.6729 3.03905 12.3273 3.03905 12.5195 3.50102L14.6454 8.61248C14.7264 8.80724 14.9096 8.94031 15.1199 8.95716L20.6381 9.39956C21.1369 9.43954 21.3391 10.062 20.9591 10.3875L16.7548 13.9889C16.5946 14.1261 16.5246 14.3414 16.5736 14.5466L17.858 19.9315C17.9741 20.4182 17.4447 20.8028 17.0177 20.542L12.2933 17.6564C12.1133 17.5465 11.8869 17.5465 11.7069 17.6564L6.98251 20.542C6.55551 20.8028 6.02606 20.4182 6.14215 19.9315L7.42664 14.5466C7.47558 14.3414 7.40562 14.1261 7.24543 13.9889L3.04111 10.3875C2.66112 10.062 2.86335 9.43954 3.36209 9.39956L8.88034 8.95716C9.0906 8.94031 9.27375 8.80724 9.35476 8.61248L11.4807 3.50102Z" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg> <svg class="text-black shrink-0" width="12" height="12" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M11.4807 3.50102C11.6729 3.03905 12.3273 3.03905 12.5195 3.50102L14.6454 8.61248C14.7264 8.80724 14.9096 8.94031 15.1199 8.95716L20.6381 9.39956C21.1369 9.43954 21.3391 10.062 20.9591 10.3875L16.7548 13.9889C16.5946 14.1261 16.5246 14.3414 16.5736 14.5466L17.858 19.9315C17.9741 20.4182 17.4447 20.8028 17.0177 20.542L12.2933 17.6564C12.1133 17.5465 11.8869 17.5465 11.7069 17.6564L6.98251 20.542C6.55551 20.8028 6.02606 20.4182 6.14215 19.9315L7.42664 14.5466C7.47558 14.3414 7.40562 14.1261 7.24543 13.9889L3.04111 10.3875C2.66112 10.062 2.86335 9.43954 3.36209 9.39956L8.88034 8.95716C9.0906 8.94031 9.27375 8.80724 9.35476 8.61248L11.4807 3.50102Z" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg> <svg class="text-black shrink-0" width="12" height="12" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M11.4807 3.50102C11.6729 3.03905 12.3273 3.03905 12.5195 3.50102L14.6454 8.61248C14.7264 8.80724 14.9096 8.94031 15.1199 8.95716L20.6381 9.39956C21.1369 9.43954 21.3391 10.062 20.9591 10.3875L16.7548 13.9889C16.5946 14.1261 16.5246 14.3414 16.5736 14.5466L17.858 19.9315C17.9741 20.4182 17.4447 20.8028 17.0177 20.542L12.2933 17.6564C12.1133 17.5465 11.8869 17.5465 11.7069 17.6564L6.98251 20.542C6.55551 20.8028 6.02606 20.4182 6.14215 19.9315L7.42664 14.5466C7.47558 14.3414 7.40562 14.1261 7.24543 13.9889L3.04111 10.3875C2.66112 10.062 2.86335 9.43954 3.36209 9.39956L8.88034 8.95716C9.0906 8.94031 9.27375 8.80724 9.35476 8.61248L11.4807 3.50102Z" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg> <span class="text-body-sm">0 avis</span>
</div>
</div>
<button type="button" x-data x-init="$store.asideBlocs.addAside('corte-ingles')" @click.prevent.stop="$store.asideBlocs.toggleAside('corte-ingles')" class="w-full justify-center btn btn-dark btn-solid btn-size-lg">
Acheter
</button>
</div>
</a>
<div class="@container group h-full col-span-2 md:col-span-6 lg:col-span-4">
<div class="relative h-full">
<picture class="absolute inset-0 w-full h-full">
<source srcset="/img/diagnostic/desktop-1.png" media="(min-width: 769px)" />
<img src="/img/diagnostic/mobile-1.png" alt="Analyser votre peau" class="object-cover w-full h-full object-right-top" loading="lazy" />
</picture>
<div class="absolute inset-0 group-hover:bg-black/08 mix-blend-overlay"></div>
<section class="relative flex items-center min-h-[353px] md:min-h-[590px] 2xl:min-h-[660px] 3xl:min-h-[820px] adjusted-marg-y-sm">
<article class="self-end relative flex gap-3 w-full flex-col adjusted-marg-l-sm border-l-8 border-naos">
<div class="flex flex-col gap-1.5">
<h2 class="h2 [&>span]:font-normal text-black">
Excepteur sint occaecat cupidatat
</h2>
<p class="h6-base [&>span]:md:font-semibold [&>span]:md:uppercase text-black">
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.
</p>
<a href="#" class="
link-medium
link-dark
link-icon
font-bold items-center
">
<svg class=" shrink-0" width="20" height="20" stroke="currentColor" stroke-width="1.5" viewBox="0 0 21 20" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M10.5 5V10H14.25M18 10C18 14.1421 14.6421 17.5 10.5 17.5C6.35786 17.5 3 14.1421 3 10C3 5.85786 6.35786 2.5 10.5 2.5C14.6421 2.5 18 5.85786 18 10Z" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg>
<span class="">30 min</span>
</a>
</div>
<div class="flex items-center gap-4">
<a href="#" type="button" class="w-max btn btn-dark btn-outline btn-size-lg">
Secondaire
</a>
</div>
</article>
</section>
</div>
</div>
</div>
</div>
<section class="container adjusted-marg-y-md">
<div class="flex flex-col adjusted-gap-xs">
<div class="flex flex-col gap-1.5">
<svg class="text-brand shrink-0" width="87" height="39" viewBox="0 0 87 39" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M74.1956 0L74.1511 1.06957C73.8476 8.86957 70.9204 15.351 65.4363 20.3289C59.6289 25.5889 52.2444 28.2593 43.4951 28.2593C34.9629 28.2593 27.6993 25.596 21.8969 20.3336C16.4029 15.3605 13.4683 8.87431 13.1648 1.06957L13.1277 0L0 0L0.0296173 1.14308C0.350471 12.2988 4.42775 21.4103 12.1627 28.2356C20.2457 35.3787 30.7844 39 43.4951 39C56.2082 39 66.7444 35.3787 74.8299 28.2356C82.5624 21.415 86.6471 12.3012 86.9679 1.14308L87 0L74.1956 0Z" fill="currentColor" />
</svg>
<h2 class="h5-base"><span class="font-bold">Le respect de votre peau</span> est la première source d’inspiration de nos produits.</h2>
</div>
<div class="grid 2xl:flex grid-cols-4 md:grid-cols-6 gap-1.5 2xl:gap-2 3xl:gap-2.5">
<div class="col-span-2 bg-white 2xl:flex-1">
<div class="adjusted-marg-xs bg-brand-light">
<div class="flex justify-center items-center gap-2 text-body-lg font-bold
flex-col sm:flex-row">
<svg class=" shrink-0" width="56" height="56" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M35.1722 9.06482C30.0644 13.812 26.4355 25.8721 26.4355 39.9999C26.4355 54.383 30.1967 66.6229 35.4504 71.1851M44.828 9.06482C49.9358 13.812 53.5647 25.8721 53.5647 39.9999C53.5647 54.383 49.8035 66.6229 44.5498 71.1851" stroke="currentColor" stroke-width="1.5" />
<path d="M64.4806 20.3675C57.7996 18.3347 45.5003 21.2342 33.2177 28.2981C20.7132 35.4897 11.9526 44.8543 10.6131 51.6677M69.3085 28.6973C67.7353 35.4773 59.0648 44.6379 46.7822 51.7018C34.2778 58.8933 21.756 61.7686 15.1628 59.5174" stroke="currentColor" stroke-width="1.5" />
<path d="M10.6916 28.572C12.2648 35.3519 20.9353 44.5125 33.2179 51.5765C45.7223 58.768 58.2441 61.6433 64.8373 59.3921M15.5195 20.2422C22.2005 18.2094 34.4998 21.1089 46.7824 28.1728C59.2869 35.3643 68.0475 44.729 69.387 51.5424" stroke="currentColor" stroke-width="1.5" />
<path d="M44.9267 6.90742C44.9267 9.61772 42.721 11.8148 40.0002 11.8148C37.2794 11.8148 35.0737 9.61772 35.0737 6.90742C35.0737 4.19713 37.2794 2 40.0002 2C42.721 2 44.9267 4.19713 44.9267 6.90742Z" fill="currentColor" stroke="currentColor" stroke-width="1.5" />
<path d="M71.2338 27.7037C68.8775 29.0589 65.8645 28.2547 64.5041 25.9075C63.1437 23.5603 63.951 20.559 66.3073 19.2038C68.6636 17.8487 71.6766 18.6529 73.037 21.0001C74.3974 23.3473 73.59 26.3486 71.2338 27.7037Z" fill="currentColor" stroke="currentColor" stroke-width="1.5" />
<path d="M13.6929 19.0781C16.0492 20.4332 16.8566 23.4346 15.4961 25.7817C14.1357 28.1289 11.1227 28.9331 8.76645 27.578C6.41016 26.2228 5.60283 23.2215 6.96324 20.8743C8.32365 18.5271 11.3366 17.7229 13.6929 19.0781Z" fill="currentColor" stroke="currentColor" stroke-width="1.5" />
<path d="M44.9267 73.0926C44.9267 70.3823 42.721 68.1852 40.0002 68.1852C37.2794 68.1852 35.0737 70.3823 35.0737 73.0926C35.0737 75.8029 37.2794 78 40.0002 78C42.721 78 44.9267 75.8029 44.9267 73.0926Z" fill="currentColor" stroke="currentColor" stroke-width="1.5" />
<path d="M13.6929 60.7963C16.0492 59.4412 16.8566 56.4398 15.4961 54.0927C14.1357 51.7455 11.1227 50.9413 8.76645 52.2964C6.41016 53.6516 5.60283 56.6529 6.96324 59.0001C8.32365 61.3473 11.3366 62.1515 13.6929 60.7963Z" fill="currentColor" stroke="currentColor" stroke-width="1.5" />
<path d="M71.2338 52.1707C68.8775 50.8155 65.8645 51.6197 64.5041 53.9669C63.1437 56.3141 63.951 59.3154 66.3073 60.6706C68.6636 62.0257 71.6766 61.2215 73.037 58.8743C74.3974 56.5271 73.5901 53.5258 71.2338 52.1707Z" fill="currentColor" stroke="currentColor" stroke-width="1.5" />
</svg> <span class="break-all">Ecobiologie</span>
</div>
</div>
<div class="pt-4 adjusted-marg-xs text-center text-black/72">
Plus de 40 ans d’éxpérience à protéger <a class="link-base underline font-bold" href="">l’écosystème</a> de la peau et renforcer ses mécanismes naturels.
</div>
</div>
<div class="col-span-2 bg-white 2xl:flex-1">
<div class="adjusted-marg-xs bg-brand-light">
<div class="flex justify-center items-center gap-2 text-body-lg font-bold
flex-col sm:flex-row">
<svg class=" shrink-0" width="56" height="56" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M39.7417 10.6064V69.8314" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" stroke-dasharray="4 4" />
<path d="M71.9997 52.8664C71.9997 50.3512 69.9608 48.3123 67.4457 48.3123C64.9305 48.3123 62.8916 50.3512 62.8916 52.8664C62.8916 55.3815 64.9305 57.4204 67.4457 57.4204C69.9608 57.4204 71.9997 55.3815 71.9997 52.8664Z" stroke="currentColor" stroke-width="1.40127" stroke-miterlimit="10" />
<path d="M71.9997 26.5541C71.9997 24.039 69.9608 22 67.4457 22C64.9305 22 62.8916 24.039 62.8916 26.5541C62.8916 29.0692 64.9305 31.1082 67.4457 31.1082C69.9608 31.1082 71.9997 29.0692 71.9997 26.5541Z" stroke="currentColor" stroke-width="1.40127" stroke-miterlimit="10" />
<path d="M56.1201 40.2162C56.1201 37.4216 53.8546 35.1561 51.0601 35.1561C48.2655 35.1561 46 37.4216 46 40.2162C46 43.0108 48.2655 45.2762 51.0601 45.2762C53.8547 45.2762 56.1201 43.0108 56.1201 40.2162Z" stroke="currentColor" stroke-width="1.40127" stroke-miterlimit="10" />
<path d="M54.7959 43.2522L63.904 50.3363" stroke="currentColor" stroke-width="1.40127" stroke-miterlimit="10" />
<path d="M54.7959 36.1681L63.904 29.084" stroke="currentColor" stroke-width="1.40127" stroke-miterlimit="10" />
<path d="M8.00029 52.8664C8.00029 50.3512 10.0392 48.3123 12.5543 48.3123C15.0695 48.3123 17.1084 50.3512 17.1084 52.8664C17.1084 55.3815 15.0695 57.4204 12.5543 57.4204C10.0392 57.4204 8.00029 55.3815 8.00029 52.8664Z" fill="currentColor" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" />
<path d="M8.00029 26.5541C8.00029 24.039 10.0392 22 12.5543 22C15.0695 22 17.1084 24.039 17.1084 26.5541C17.1084 29.0692 15.0695 31.1082 12.5543 31.1082C10.0392 31.1082 8.00029 29.0692 8.00029 26.5541Z" fill="currentColor" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" />
<path d="M23.8799 40.2162C23.8799 37.4216 26.1454 35.1561 28.9399 35.1561C31.7345 35.1561 34 37.4216 34 40.2162C34 43.0108 31.7345 45.2762 28.9399 45.2762C26.1453 45.2762 23.8799 43.0108 23.8799 40.2162Z" fill="currentColor" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" />
<path d="M25.2041 43.2522L16.096 50.3363" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" />
<path d="M25.2041 36.1681L16.096 29.084" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" />
</svg> <span class="break-all">Biomimétisme</span>
</div>
</div>
<div class="pt-4 adjusted-marg-xs text-center text-black/72">
Nos Soins Purs sont inspirés des constituants <a class="link-base underline font-bold" href="">naturels de la peau</a> pour une parfaite assimilation.
</div>
</div>
<div class="col-span-2 bg-white 2xl:flex-1">
<div class="adjusted-marg-xs bg-brand-light">
<div class="flex justify-center items-center gap-2 text-body-lg font-bold
flex-col sm:flex-row">
<svg class=" shrink-0" width="56" height="56" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<g clip-path="url(#clip0_15195_11057)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M39.9605 55C39.9605 55 47.9211 64.36 47.9211 68.7435C47.9211 73.127 44.3571 76.6805 39.9606 76.6805C35.5641 76.6805 32 73.127 32 68.7435C32 64.36 39.9605 55 39.9605 55ZM45.8871 69.4513L45.9617 68.705L44.4692 68.5558L44.3945 69.302C44.2772 70.4749 43.9323 71.3408 43.4462 71.9291C42.97 72.5056 42.3192 72.8649 41.4754 72.9703L40.7312 73.0634L40.9173 74.5518L41.6615 74.4587C42.8591 74.309 43.8668 73.7753 44.6027 72.8845C45.3287 72.0056 45.7492 70.8301 45.8871 69.4513Z" fill="currentColor" />
<path d="M13.9995 32.1013C17.4446 29.8619 39.4855 17.1196 65.1477 32.1013" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" />
<path d="M12.9253 23.2839C14.5758 22.4256 37.57 10.0501 66.2126 23.2839" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" />
<path d="M11.0674 19.1875C13.9997 15.5045 39.9103 -2.22136e-05 68.1123 18.8519" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" />
<path d="M14.0151 10.0503C23.6054 4.46341 41.2637 -2.27054 65.8043 10.7604" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" />
<path d="M9.03205 0C9.03205 0 8.95994 3.33967 9.03205 3.9639C9.05608 4.17458 14.384 11.5796 14.384 11.5796C15.8021 13.9751 10.987 16.4486 10.987 17.8532C10.9629 19.9912 11.4917 21.2319 12.9258 23.284C10.4662 26.5145 12.7496 31.1416 13.9994 32.0936C14.2558 35.363 14.2238 37.9848 18.6464 39.2801C18.6464 39.2801 33.4845 43.205 34.5581 43.5795L34.9026 50.2979C34.9266 50.7349 35.207 51.1172 35.6236 51.2733H35.6477C38.5881 51.9209 40.7753 51.8507 43.4914 51.2733C43.4914 51.2733 43.5074 51.2733 43.5154 51.2733C43.932 51.1172 44.2124 50.7349 44.2365 50.2979L44.581 43.5795C45.6546 43.205 60.4927 39.2801 60.4927 39.2801C64.9153 37.9848 64.8832 35.363 65.1396 32.0936C66.3814 31.1416 68.6729 26.5145 66.2132 23.284C67.6393 21.2241 68.1681 19.9912 68.1521 17.8532C68.1521 16.4486 63.3449 13.9829 64.755 11.5796C64.755 11.5796 70.083 4.17458 70.107 3.9639C70.1791 3.33967 70.107 0 70.107 0" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" />
</g>
<defs>
<clipPath id="clip0_15195_11057">
<rect width="80" height="80" fill="white" />
</clipPath>
</defs>
</svg> <span class="break-all">Brevet IN-SKIN™</span>
</div>
</div>
<div class="pt-4 adjusted-marg-xs text-center text-black/72">
Notre <a class="link-base underline font-bold" href="">technologie</a> favorise la pénétration des Actifs Purs pour agir là où la peau en a besoin.
</div>
</div>
<div class="col-span-2 md:col-span-3 bg-white 2xl:flex-1">
<div class="adjusted-marg-xs bg-brand-light">
<div class="flex justify-center items-center gap-2 text-body-lg font-bold
flex-col sm:flex-row">
<svg class=" shrink-0" width="56" height="56" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M50.1922 14.4564V29.8907L66.1523 55.712C71.6916 64.6739 64.9406 76 54.0593 76H24.0712C13.19 76 6.43888 64.6739 11.9782 55.712L27.9383 29.8907V14.4564M50.1922 14.4564H27.9383M50.1922 14.4564L50.1922 4H27.9383V14.4564M35.6908 46.2606L27.8616 56.05M42.6451 46.5244L50.1223 55.8882M29.6987 59.6088C29.6987 62.0838 27.602 64.0901 25.0155 64.0901C22.429 64.0901 20.3322 62.0838 20.3322 59.6088C20.3322 57.1338 22.429 55.1275 25.0155 55.1275C27.602 55.1275 29.6987 57.1338 29.6987 59.6088ZM57.7983 59.5198C57.7983 62.0439 55.6599 64.0901 53.022 64.0901C50.3841 64.0901 48.2457 62.0439 48.2457 59.5198C48.2457 56.9957 50.3841 54.9494 53.022 54.9494C55.6599 54.9494 57.7983 56.9957 57.7983 59.5198ZM44.9618 42.0411C44.9618 45.1573 42.3218 47.6834 39.0652 47.6834C35.8087 47.6834 33.1687 45.1573 33.1687 42.0411C33.1687 38.925 35.8087 36.3988 39.0652 36.3988C42.3218 36.3988 44.9618 38.925 44.9618 42.0411Z" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M74.9619 24.2281C74.9619 32.5124 68.2462 39.2281 59.9619 39.2281C51.6776 39.2281 44.9619 32.5124 44.9619 24.2281C44.9619 15.9439 51.6776 9.22815 59.9619 9.22815C68.2462 9.22815 74.9619 15.9439 74.9619 24.2281ZM66.8454 20.4103L67.3757 19.88L66.3151 18.8193L65.7847 19.3496L57.6188 27.5155L54.1397 24.0364L53.6094 23.5061L52.5487 24.5668L53.079 25.0971L57.0885 29.1065C57.3814 29.3994 57.8563 29.3994 58.1491 29.1065L66.8454 20.4103Z" fill="currentColor" />
</svg> <span class="break-all">Formule pure</span>
</div>
</div>
<div class="pt-4 adjusted-marg-xs text-center text-black/72">
Sur 30 000 ingrédients cosmétiques, <a class="link-base underline font-bold" href="">seuls 300 ont été choisis</a> pour leur pureté et affinités avec la peau.
</div>
</div>
<div class="col-span-4 md:col-span-3 bg-white 2xl:flex-1">
<div class="adjusted-marg-xs bg-brand-light">
<div class="flex justify-center items-center gap-2 text-body-lg font-bold
flex-row">
<svg class=" shrink-0" width="56" height="56" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<g clip-path="url(#clip0_15195_11052)">
<path d="M0.47998 25.267L4.01578 21.7603V21.7505H17.9516V14.3357L21.2306 11.9848L24.0454 15.5698H28.0454C28.6775 14.6491 29.3195 13.7186 29.9615 12.7978L36.6973 10.2903L39.1269 6.82283V3.21824L41.6158 0.749878C42.9294 1.02414 44.2331 1.28861 45.5466 1.56287L51.5713 4.98135L54.5639 9.94746L74.475 16.1869L76.48 18.91L72.7466 21.7603V28.5385C70.6824 32.2313 68.6281 35.9142 66.5639 39.607L67.601 41.5268H69.0133L70.2578 42.761V55.0048C71.8084 57.3067 73.359 59.5987 74.9096 61.8908L74.6133 65.3484L68.9047 70.197L66.3565 70.6182C63.1466 69.3448 59.9466 68.0714 56.7368 66.7981L53.8726 66.8373L48.0849 69.2958L46.5738 71.5683V75.5843L44.9047 76.7499L34.3664 72.9494C32.8849 73.3608 31.4133 73.782 29.9318 74.1934L19.3343 69.9031L17.201 65.8675L21.2997 43.4956C19.9763 42.3104 18.6429 41.1154 17.3195 39.9302L15.3047 34.6115L11.1071 30.8208L3.07751 28.6463L0.47998 25.267Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
<path d="M56.5 64C58.9853 64 61 61.9853 61 59.5C61 57.0147 58.9853 55 56.5 55C54.0147 55 52 57.0147 52 59.5C52 61.9853 54.0147 64 56.5 64Z" fill="currentColor" />
</g>
<defs>
<clipPath id="clip0_15195_11052">
<rect width="80" height="80" fill="white" />
</clipPath>
</defs>
</svg> <span class="break-all">Made in France </span>
</div>
</div>
<div class="pt-4 adjusted-marg-xs text-center text-black/72">
Nos produits sont formulés et fabriqués dans nos laboratoires à <a class="link-base underline font-bold" href="">Aix-en-Provence.</a>
</div>
</div>
</div>
</div>
</section>
<div x-data class="fixed right-0 z-40 inset-y-0 lg:inset-y-0 max-w-full">
<div x-cloak x-transition.opacity x-show="$store.asideBlocs.asides.find(aside => aside.name === 'corte-ingles')?.open" class="fixed inset-0 w-full h-full bg-black/40"></div>
<div x-cloak x-transition:enter="transition ease-out duration-300" x-transition:enter-start="translate-x-full" x-transition:enter-end="translate-x-0" x-transition:leave="transition ease-in duration-300" x-transition:leave-start="translate-x-0" x-transition:leave-end="translate-x-full" class="relative bg-white overflow-hidden h-full lg:h-full w-screen md:w-[372px] 2xl:w-[368px] 3xl:w-[508px] flex flex-col lg:rounded-t-none p-8" x-show="$store.asideBlocs.asides.find(aside => aside.name === 'corte-ingles')?.open" @click.outside="$store.asideBlocs.closeAside('corte-ingles')">
<div class="font-medium h4 flex justify-between items-center mb-4">
<span></span>
<button type="button" @click="$store.asideBlocs.closeAside('corte-ingles')" aria-label="Label text" class=" btn btn-neutral btn-outline btn-size-sm btn-only-icon">
<svg class=" shrink-0" width="24" height="24" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M6 18 18 6M6 6l12 12" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg>
</button>
</div>
<div class="overflow-auto flex-1">
<section class="flex flex-col gap-8">
<div class="flex flex-col gap-4">
<h2 class="h4">Titre</h2>
<h3 class="h5 text-black/64">Texte de présentation</h3>
</div>
<div>
<a href="https://www.elcorteingles.pt/etat-pur/espaco-saude/?srsltid=AfmBOop60U5cTWirTysiQn4hxbRRlKwM7Nhn_WtcrmRpmsYByXW9BFPX" type="button" target="_blank" rel="noopenner noreferer" aria-label="Acheter (s'ouvre dans un nouvel onglet)" class="justify-center btn btn-dark btn-solid btn-size-lg">
Acheter
</a>
</div>
</section>
</div>
</div>
</div>
{% render "@hero" %}
<div class="container grid-layout adjusted-marg-y-md">
<p class="h4-base [&>span]:font-semibold col-span-4 sm:col-span-6 sm:col-start-4 text-center italic">
Widget Wisiwygs sur magento.
Des soins adaptés à tous les types de peau, des plus saines aux plus fragilisées ou sensibles.
</p>
</div>
<div class="container py-6">
<div class="block sm:flex justify-between items-center">
<h2 class="h2 pb-2">
Nettoyants Purs
</h2>
{% render "@template-button" with {
label:'Filtrer (1)',
type: 'solid',
icon_type: 'leading-icon',
icon: {
name: 'heroicons--adjustments-outline',
},
button_class: "border border-black z-10 fixed mb-0 md:mb-2 md:relative bottom-4 md:bottom-0 right-6 md:mt-0 md:right-0",
color: "light",
custom_button_attrs: [
{
'name': 'x-data',
'value': ""
},
{
'name': 'x-init',
'value': "$store.asideBlocs.addAside('filter')"
},
{
'name': '@click',
'value': "$store.asideBlocs.toggleAside('filter')"
}
]
} %}
</div>
{% render "@products-grid--espagnol" %}
</div>
<div class="container adjusted-marg-y-md">
<h2 class="h2 pb-2">
Hydratants Purs visage
</h2>
{% render "@products-grid--espagnol" %}
</div>
<div class="container adjusted-marg-y-md">
<h2 class="h2 pb-2">
Hydratants Purs corps
</h2>
{% render "@products-grid--espagnol" %}
</div>
<div class="container adjusted-marg-y-md">
<h2 class="h2 pb-2">
Protecteurs Purs solaires
</h2>
{% render "@products-grid--espagnol" %}
</div>
{% render "@argument-cards" %}
{% render "@pdp-corte-ingles" %}
/* No context defined. */
No notes defined.