<!doctype html>
<!--
___ ___ ___ ___
/ /\ /__/\ / /\ / /\
/ /:/_ \ \:\ / /:/ / /::\
/ /:/ /\ ___ ___ \ \:\ / /:/ / /:/\:\
/ /:/ /:/ /__/\ / /\ ___ \ \:\ / /:/ ___ / /:/ \:\
/__/:/ /:/ \ \:\ / /:/ /__/\ \__\:\ /__/:/ / /\ /__/:/ \__\:\
\ \:\/:/ \ \:\ /:/ \ \:\ / /:/ \ \:\ / /:/ \ \:\ / /:/
\ \::/ \ \:\/:/ \ \:\ /:/ \ \:\ /:/ \ \:\ /:/
\ \:\ \ \::/ \ \:\/:/ \ \:\/:/ \ \:\/:/
\ \:\ \__\/ \ \::/ \ \::/ \ \::/
\__\/ \__\/ \__\/ \__\/
--------------------------------------------------------------------
# Cornerstone v4.1.0
# Documentation: https://help.fluorescent.co/v/cornerstone
# Purchase: https://themes.shopify.com/themes/cornerstone/
# A product by Fluorescent: https://fluorescent.co/
--------------------------------------------------------------------
-->
<html class="no-js" lang="fr" style="--announcement-height: 1px;">
<meta name="p:domain_verify" content="f4d1843fd6b2d24d963360bc9b01f053"/><meta name="ahrefs-site-verification" content="9a93baf03124aeba005eab3bed5eed6ed3769615adbeda8ee24b96946a7d70ea">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="description" content="Achetez en ligne les meilleurs produits de beauté,santé et bien-être de vos marques préférées (Avène ,cerave,la roche posay, bioderma,vichy,uriage,isdin,filorga…)">
<link rel="canonical" href="https://beautymarket.ma/">
<link rel="preconnect" href="https://cdn.shopify.com" crossorigin><link rel="shortcut icon" href="//beautymarket.ma/cdn/shop/files/beautysaxchet_47506dfd-30f8-430b-8156-1901ab14cd32.png?crop=center&height=32&v=1736594446&width=32" type="image/png"><title>Beautymarket
– beautymarket.maroc</title>
<meta property="og:url" content="https://beautymarket.ma/">
<meta property="og:site_name" content="beautymarket.maroc">
<meta property="og:type" content="website">
<meta property="og:title" content="Beautymarket">
<meta property="og:description" content="Achetez en ligne les meilleurs produits de beauté,santé et bien-être de vos marques préférées (Avène ,cerave,la roche posay, bioderma,vichy,uriage,isdin,filorga…)">
<meta property="og:image" content="http://beautymarket.ma/cdn/shop/files/SACBEAUTY_1200x628.png?v=1761759826">
<meta property="og:image:secure_url" content="https://beautymarket.ma/cdn/shop/files/SACBEAUTY_1200x628.png?v=1761759826">
<meta name="twitter:title" content="Beautymarket">
<meta name="twitter:description" content="Achetez en ligne les meilleurs produits de beauté,santé et bien-être de vos marques préférées (Avène ,cerave,la roche posay, bioderma,vichy,uriage,isdin,filorga…)">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image" content="https://beautymarket.ma/cdn/shop/files/SACBEAUTY_1200x628.png?v=1761759826">
<meta name="twitter:image:width" content="480">
<meta name="twitter:image:height" content="480">
<script>
console.log('Cornerstone v4.1.0 by Fluorescent');
document.documentElement.className = document.documentElement.className.replace('no-js', '');
if (window.matchMedia(`(prefers-reduced-motion: reduce)`) === true || window.matchMedia(`(prefers-reduced-motion: reduce)`).matches === true) {
document.documentElement.classList.add('prefers-reduced-motion');
} else {
document.documentElement.classList.add('do-anim');
}
window.theme = {
version: 'v4.1.0',
themeName: 'Cornerstone',
moneyFormat: "{{amount}} dh",
coreData: {
n: "Cornerstone",
v: "v4.1.0",
},
strings: {
name: "beautymarket.maroc",
accessibility: {
play_video: "Lire",
pause_video: "Pause",
range_lower: "Plus bas",
range_upper: "Upper",
carousel_select: "Déplacer le carrousel vers la diapositive {{ number }}"
},
product: {
no_shipping_rates: "Tarif de livraison indisponible",
country_placeholder: "Pays\/Région",
review: "Écrire un commentaire"
},
products: {
product: {
unavailable: "Non disponible",
unitPrice: "Prix unitaire",
unitPriceSeparator: "par",
sku: "SKU"
}
},
cart: {
editCartNote: "Modifier les notes de commande",
addCartNote: "Ajouter une note à votre commande",
quantityError: "Vous avez le nombre maximum de ce produit dans votre panier."
},
pagination: {
viewing: "Vous regardez {{ of }} de {{ total }}",
products: "produits",
results: "Résultats"
}
},
routes: {
root: "/",
cart: {
base: "/cart",
add: "/cart/add",
change: "/cart/change",
update: "/cart/update",
clear: "/cart/clear",
// Manual routes until Shopify adds support
shipping: "/cart/shipping_rates"
},
// Manual routes until Shopify adds support
products: "/products",
productRecommendations: "/recommendations/products",
predictive_search_url: '/search/suggest',
search_url: '/search'
},
icons: {
chevron: "\u003cspan class=\"icon icon-chevron \" style=\"\"\u003e\n \u003csvg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\u003cpath d=\"M1.875 7.438 12 17.563 22.125 7.438\" stroke=\"currentColor\" stroke-width=\"2\"\/\u003e\u003c\/svg\u003e\n\u003c\/span\u003e\n\n",
close: "\u003cspan class=\"icon icon-close \" style=\"\"\u003e\n \u003csvg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\u003cpath d=\"M2.66 1.34 2 .68.68 2l.66.66 1.32-1.32zm18.68 21.32.66.66L23.32 22l-.66-.66-1.32 1.32zm1.32-20 .66-.66L22 .68l-.66.66 1.32 1.32zM1.34 21.34.68 22 2 23.32l.66-.66-1.32-1.32zm0-18.68 10 10 1.32-1.32-10-10-1.32 1.32zm11.32 10 10-10-1.32-1.32-10 10 1.32 1.32zm-1.32-1.32-10 10 1.32 1.32 10-10-1.32-1.32zm0 1.32 10 10 1.32-1.32-10-10-1.32 1.32z\" fill=\"currentColor\"\/\u003e\u003c\/svg\u003e\n\u003c\/span\u003e\n\n",
zoom: "\u003cspan class=\"icon icon-zoom \" style=\"\"\u003e\n \u003csvg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\u003cpath d=\"M10.3,19.71c5.21,0,9.44-4.23,9.44-9.44S15.51,.83,10.3,.83,.86,5.05,.86,10.27s4.23,9.44,9.44,9.44Z\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-miterlimit=\"10\" stroke-width=\"1.63\"\/\u003e\n \u003cpath d=\"M5.05,10.27H15.54\" fill=\"none\" stroke=\"currentColor\" stroke-miterlimit=\"10\" stroke-width=\"1.63\"\/\u003e\n \u003cpath class=\"cross-up\" d=\"M10.3,5.02V15.51\" fill=\"none\" stroke=\"currentColor\" stroke-miterlimit=\"10\" stroke-width=\"1.63\"\/\u003e\n \u003cpath d=\"M16.92,16.9l6.49,6.49\" fill=\"none\" stroke=\"currentColor\" stroke-miterlimit=\"10\" stroke-width=\"1.63\"\/\u003e\u003c\/svg\u003e\n\u003c\/span\u003e\n\n \u003cspan class=\"zoom-icon__text zoom-in fs-body-75\"\u003eZoomer\u003c\/span\u003e\n \u003cspan class=\"zoom-icon__text zoom-out fs-body-75\"\u003eZoom arrière\u003c\/span\u003e"
}
}
window.theme.searchableFields = "body,product_type,tag,title,variants.barcode,variants.title,vendor";
</script>
<style>
@font-face {
font-family: "DM Sans";
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("//beautymarket.ma/cdn/fonts/dm_sans/dmsans_n7.97e21d81502002291ea1de8aefb79170c6946ce5.woff2") format("woff2"),
url("//beautymarket.ma/cdn/fonts/dm_sans/dmsans_n7.af5c214f5116410ca1d53a2090665620e78e2e1b.woff") format("woff");
}
@font-face {
font-family: "DM Sans";
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("//beautymarket.ma/cdn/fonts/dm_sans/dmsans_n7.97e21d81502002291ea1de8aefb79170c6946ce5.woff2") format("woff2"),
url("//beautymarket.ma/cdn/fonts/dm_sans/dmsans_n7.af5c214f5116410ca1d53a2090665620e78e2e1b.woff") format("woff");
}
@font-face {
font-family: "DM Sans";
font-weight: 400;
font-style: normal;
font-display: swap;
src: url("//beautymarket.ma/cdn/fonts/dm_sans/dmsans_n4.ec80bd4dd7e1a334c969c265873491ae56018d72.woff2") format("woff2"),
url("//beautymarket.ma/cdn/fonts/dm_sans/dmsans_n4.87bdd914d8a61247b911147ae68e754d695c58a6.woff") format("woff");
}
@font-face {
font-family: "DM Sans";
font-weight: 500;
font-style: normal;
font-display: swap;
src: url("//beautymarket.ma/cdn/fonts/dm_sans/dmsans_n5.8a0f1984c77eb7186ceb87c4da2173ff65eb012e.woff2") format("woff2"),
url("//beautymarket.ma/cdn/fonts/dm_sans/dmsans_n5.9ad2e755a89e15b3d6c53259daad5fc9609888e6.woff") format("woff");
}
@font-face {
font-family: "DM Sans";
font-weight: 800;
font-style: normal;
font-display: swap;
src: url("//beautymarket.ma/cdn/fonts/dm_sans/dmsans_n8.9f553196c0ff5b7974586d2d89b9e478d4bc5e82.woff2") format("woff2"),
url("//beautymarket.ma/cdn/fonts/dm_sans/dmsans_n8.ad7c872105784d933f0af62ff70a7c467eb80a37.woff") format("woff");
}
@font-face {
font-family: "DM Sans";
font-weight: 500;
font-style: italic;
font-display: swap;
src: url("//beautymarket.ma/cdn/fonts/dm_sans/dmsans_i5.8654104650c013677e3def7db9b31bfbaa34e59a.woff2") format("woff2"),
url("//beautymarket.ma/cdn/fonts/dm_sans/dmsans_i5.a0dc844d8a75a4232f255fc600ad5a295572bed9.woff") format("woff");
}
@font-face {
font-family: "DM Sans";
font-weight: 800;
font-style: italic;
font-display: swap;
src: url("//beautymarket.ma/cdn/fonts/dm_sans/dmsans_i8.e520c55e5c6370aea0a21d4bdb5c2b8ca13e9666.woff2") format("woff2"),
url("//beautymarket.ma/cdn/fonts/dm_sans/dmsans_i8.e30277b7a5c1a35a4d69e25f86922fdbef8e1fc5.woff") format("woff");
}
:root {
--color-text: #121212;
--color-text-alpha-90: rgba(18, 18, 18, 0.9);
--color-text-alpha-80: rgba(18, 18, 18, 0.8);
--color-text-alpha-70: rgba(18, 18, 18, 0.7);
--color-text-alpha-60: rgba(18, 18, 18, 0.6);
--color-text-alpha-50: rgba(18, 18, 18, 0.5);
--color-text-alpha-40: rgba(18, 18, 18, 0.4);
--color-text-alpha-30: rgba(18, 18, 18, 0.3);
--color-text-alpha-25: rgba(18, 18, 18, 0.25);
--color-text-alpha-20: rgba(18, 18, 18, 0.2);
--color-text-alpha-10: rgba(18, 18, 18, 0.1);
--color-text-alpha-05: rgba(18, 18, 18, 0.05);
--color-text-link: #ffa6a8;
--color-text-error: #D02F2E;
--color-text-success: #478947;
--color-background-success: rgba(71, 137, 71, 0.1);
--color-white: #FFFFFF;
--color-black: #000000;
--color-background: #ffffff;
--color-background-alpha-80: rgba(255, 255, 255, 0.8);
--color-background-semi-transparent-80: rgba(255, 255, 255, 0.8);
--color-background-semi-transparent-90: rgba(255, 255, 255, 0.9);
--color-background-transparent: rgba(255, 255, 255, 0);
--color-border: #121212;
--color-border-meta: rgba(18, 18, 18, 0.6);
--color-overlay: rgba(0, 0, 0, 0.8);
--color-accent: #ffffff;
--color-accent-contrasting: #006ec7;
--color-background-meta: #f7f7f7;
--color-background-meta-alpha: rgba(247, 247, 247, 0.6);
--color-background-darker-meta: #eaeaea;
--color-background-darker-meta-alpha: rgba(234, 234, 234, 0.6);
--color-background-placeholder: #eaeaea;
--color-background-placeholder-lighter: #f2f2f2;
--color-foreground-placeholder: rgba(18, 18, 18, 0.4);
--color-button-primary-text: #ffffff;
--color-button-primary-text-alpha-30: rgba(255, 255, 255, 0.3);
--color-button-primary-background: #121212;
--color-button-primary-background-alpha: rgba(18, 18, 18, 0.6);
--color-button-primary-background-darken-5: #050505;
--color-button-primary-background-hover: #242424;
--color-button-secondary-text: #ffffff;
--color-button-secondary-text-alpha-30: rgba(255, 255, 255, 0.3);
--color-button-secondary-background: #ffa6a8;
--color-button-secondary-background-alpha: rgba(255, 166, 168, 0.6);
--color-button-secondary-background-darken-5: #ff8d8f;
--color-button-secondary-background-hover: #ff8285;
--color-border-button-secondary: #ffa6a8;
--color-button-tertiary-text: var(--color-text);
--color-button-tertiary-text-alpha-30: rgba(18, 18, 18, 0.3);
--color-button-tertiary-text-disabled: var(--color-text-alpha-50);
--color-button-tertiary-background: var(--color-background);
--color-button-tertiary-background-darken-5: #f2f2f2;
--color-border-button-tertiary: var(--color-text-alpha-40);
--color-border-button-tertiary-hover: var(--color-text-alpha-80);
--color-border-button-tertiary-disabled: var(--color-text-alpha-20);
--color-background-button-fab: #ffffff;
--color-foreground-button-fab: #121212;
--color-foreground-button-fab-alpha-05: rgba(18, 18, 18, 0.05);
--divider-height: 1px;
--divider-margin-top: 20px;
--divider-margin-bottom: 20px;
--color-border-input: rgba(68, 68, 68, 0.4);
--color-text-input: #444444;
--color-text-input-alpha-3: rgba(68, 68, 68, 0.03);
--color-text-input-alpha-5: rgba(68, 68, 68, 0.05);
--color-text-input-alpha-10: rgba(68, 68, 68, 0.1);
--color-background-input: #ffffff;
--color-border-input-popups-drawers: rgba(68, 68, 68, 0.4);
--color-text-input-popups-drawers: #444444;
--color-text-input-popups-drawers-alpha-5: rgba(68, 68, 68, 0.05);
--color-text-input-popups-drawers-alpha-10: rgba(68, 68, 68, 0.1);
--color-background-input-popups-drawers: #ffffff;
--payment-terms-background-color: #f7f7f7;
--color-background-sale-badge: #fc82b0;
--color-text-sale-badge: #ffffff;
--color-border-sale-badge: #fc82b0;
--color-background-sold-badge: #888888;
--color-text-sold-badge: #FFFFFF;
--color-border-sold-badge: #888888;
--color-background-new-badge: #000000;
--color-text-new-badge: #ffffff;
--color-border-new-badge: #000000;
--color-text-header: #121212;
--color-text-header-half-transparent: rgba(18, 18, 18, 0.5);
--color-background-header: #ffffff;
--color-background-header-transparent: rgba(255, 255, 255, 0);
--color-shadow-header: rgba(0, 0, 0, 0.15);
--color-background-cart-dot: #7bbfcb;
--color-text-cart-dot: #ffffff;
--color-background-search-field: #ffffff;
--color-border-search-field: #121212;
--color-text-search-field: #121212;
--color-text-main-menu: #121212;
--color-background-main-menu: #ffffff;
--color-background-footer: #ffa6a8;
--color-text-footer: #121212;
--color-text-footer-subdued: rgba(18, 18, 18, 0.7);
--color-products-sale-price: #ffa6a8;
--color-products-sale-price-alpha-05: rgba(255, 166, 168, 0.05);
--color-products-rating-star: #ffcb42;
--color-products-stock-good: #0d944b;
--color-products-stock-medium: #e10808;
--color-products-stock-bad: #737373;
--color-free-shipping-bar-below-full: #ffa6a8;
--color-free-shipping-bar-full: #0ea352;
--color-text-popups-drawers: #333333;
--color-text-popups-drawers-alpha-03: rgba(51, 51, 51, 0.03);
--color-text-popups-drawers-alpha-05: rgba(51, 51, 51, 0.05);
--color-text-popups-drawers-alpha-10: rgba(51, 51, 51, 0.1);
--color-text-popups-drawers-alpha-20: rgba(51, 51, 51, 0.2);
--color-text-popups-drawers-alpha-30: rgba(51, 51, 51, 0.3);
--color-text-popups-drawers-alpha-60: rgba(51, 51, 51, 0.6);
--color-text-popups-drawers-alpha-80: rgba(51, 51, 51, 0.8);
--color-text-popups-drawers-no-transparency-alpha-10: #ebebeb;
--color-sale-price-popups-drawers: #ff8a92;
--color-sale-price-popups-drawers-alpha-05: rgba(255, 138, 146, 0.05);
--color-links-popups-drawers: #ffa6a8;
--color-background-popups-drawers: #ffffff;
--color-background-popups-drawers-alpha-0: rgba(255, 255, 255, 0);
--color-background-popups-drawers-alt: #f4f4f4;
--color-border-popups-drawers: rgba(51, 51, 51, 0.15);
--color-border-popups-drawers-alt: #dbdbdb;
--font-logo: "DM Sans", sans-serif;
--font-logo-weight: 700;
--font-logo-style: normal;
--logo-text-transform: uppercase;
--logo-letter-spacing: 0.015em;
--logo-font-size:
clamp(2.0rem, 1.6667rem + 1.1111vw, 2.5rem)
;
--line-height-heading: 1.15;
--line-height-subheading: 1.30;
--font-heading: "DM Sans", sans-serif;
--font-heading-weight: 700;
--font-heading-bold-weight: bold;
--font-heading-style: normal;
--font-heading-base-size: 36px;
--font-heading-text-transform: uppercase;
--font-heading-base-letter-spacing: 0.04em;
--font-size-heading-display-1:
clamp(2.3625rem, 1.6875rem + 2.25vw, 3.375rem)
;
--font-size-heading-display-2:
clamp(2.0995rem, 1.4996rem + 1.9996vw, 2.9993rem)
;
--font-size-heading-display-3:
clamp(1.8374rem, 1.3124rem + 1.75vw, 2.6249rem)
;
--font-size-heading-1-base:
clamp(1.575rem, 1.125rem + 1.5vw, 2.25rem)
;
--font-size-heading-2-base:
clamp(1.3781rem, 0.9843rem + 1.3127vw, 1.9688rem)
;
--font-size-heading-3-base:
clamp(1.2206rem, 0.8718rem + 1.1627vw, 1.7438rem)
;
--font-size-heading-4-base:
clamp(1.0238rem, 0.7313rem + 0.9749vw, 1.4625rem)
;
--font-size-heading-5-base:
clamp(0.8663rem, 0.6188rem + 0.8249vw, 1.2375rem)
;
--font-size-heading-6-base:
clamp(0.7875rem, 0.5625rem + 0.75vw, 1.125rem)
;
--line-height-body: 1.5;
--font-body: "DM Sans", sans-serif;
--font-body-weight: 500;
--font-body-style: normal;
--font-body-italic: italic;
--font-body-bold-weight: 800;
--font-body-base-size: 18px;
--font-size-body-400:
clamp(1.8743rem, 1.8743rem + 0.0vw, 1.8743rem)
;
--font-size-body-350:
clamp(1.7494rem, 1.7494rem + 0.0vw, 1.7494rem)
;
--font-size-body-300:
clamp(1.6245rem, 1.6245rem + 0.0vw, 1.6245rem)
;
--font-size-body-250:
clamp(1.4996rem, 1.4996rem + 0.0vw, 1.4996rem)
;
--font-size-body-200:
clamp(1.3748rem, 1.3748rem + 0.0vw, 1.3748rem)
;
--font-size-body-150:
clamp(1.2499rem, 1.2499rem + 0.0vw, 1.2499rem)
;
--font-size-body-100:
clamp(1.125rem, 1.125rem + 0.0vw, 1.125rem)
;
--font-size-body-75:
clamp(0.999rem, 0.999rem + 0.0vw, 0.999rem)
;
--font-size-body-60:
clamp(0.925rem, 0.925rem + 0.0vw, 0.925rem)
;
--font-size-body-50:
clamp(0.8741rem, 0.8741rem + 0.0vw, 0.8741rem)
;
--font-size-body-25:
clamp(0.8123rem, 0.8123rem + 0.0vw, 0.8123rem)
;
--font-size-body-20:
clamp(0.7493rem, 0.7493rem + 0.0vw, 0.7493rem)
;
--font-size-navigation-base: 18px;
--font-navigation: var(--font-body);
--font-weight-navigation: var(--font-body-weight);
--line-height-button: 1.4;
--font-size-button: var(--font-size-body-100);
--font-size-button-small: var(--font-size-body-75);
--font-size-button-x-small: var(--font-size-body-75);
--font-weight-text-button: var(--font-body-weight);
--font-button: var(--font-body);
--font-weight-button: 500;
--font-product-listing-title: var(--font-body);
--font-product-listing-title-text-transform: uppercase;
--font-product-listing-title-letter-spacing: 0.04em;
--font-size-product-listing-title:
clamp(0.8719rem, 0.8719rem + 0.0vw, 0.8719rem)
;
--font-product-badge: var(--font-body);
--font-weight-badge: 500;
--font-product-badge-text-transform: none;
--font-size-product-badge: var(--font-size-body-50);
--font-product-price: var(--font-body);
--font-weight-product-price: 500;
}
@supports not (font-size: clamp(10px, 3.3vw, 20px)) {
:root {
--logo-font-size:
2.25rem
;
--font-size-heading-display-1:
2.8688rem
;
--font-size-heading-display-2:
2.5494rem
;
--font-size-heading-display-3:
2.2311rem
;
--font-size-heading-1-base:
1.9125rem
;
--font-size-heading-2-base:
1.6734rem
;
--font-size-heading-3-base:
1.4822rem
;
--font-size-heading-4-base:
1.2431rem
;
--font-size-heading-5-base:
1.0519rem
;
--font-size-heading-6-base:
0.9563rem
;
--font-size-body-400:
1.8743rem
;
--font-size-body-350:
1.7494rem
;
--font-size-body-300:
1.6245rem
;
--font-size-body-250:
1.4996rem
;
--font-size-body-200:
1.3748rem
;
--font-size-body-150:
1.2499rem
;
--font-size-body-100:
1.125rem
;
--font-size-body-75:
0.999rem
;
--font-size-body-60:
0.925rem
;
--font-size-body-50:
0.8741rem
;
--font-size-body-25:
0.8123rem
;
--font-size-body-20:
0.7493rem
;
--font-size-product-listing-title:
0.8719rem
;
}
}
.product-badge[data-handle="express-dispatch"] .product-badge__inner{color: #ffffff; background-color: #4D9C4C; border-color: #4D9C4C;}</style>
<script>
flu = window.flu || {};
flu.chunks = {
photoswipe: "//beautymarket.ma/cdn/shop/t/35/assets/photoswipe-chunk.js?v=17330699505520629161754934608",
nouislider: "//beautymarket.ma/cdn/shop/t/35/assets/nouislider-chunk.js?v=131351027671466727271754934608",
polyfillInert: "//beautymarket.ma/cdn/shop/t/35/assets/polyfill-inert-chunk.js?v=9775187524458939151754934608",
polyfillResizeObserver: "//beautymarket.ma/cdn/shop/t/35/assets/polyfill-resize-observer-chunk.js?v=49253094118087005231754934608",
};
</script>
<script type="module" src="//beautymarket.ma/cdn/shop/t/35/assets/theme.min.js?v=19491240555684627231754934609"></script>
<meta name="viewport" content="width=device-width,initial-scale=1">
<script defer>
var defineVH = function () {
document.documentElement.style.setProperty('--vh', window.innerHeight * 0.01 + 'px');
};
window.addEventListener('resize', defineVH);
window.addEventListener('orientationchange', defineVH);
defineVH();
</script>
<link href="//beautymarket.ma/cdn/shop/t/35/assets/theme.css?v=184430098585717441481754934609" rel="stylesheet" type="text/css" media="all" />
<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="facebook-domain-verification" content="jjxqbuauldi5pbknmshwvqp29wrgok">
<meta name="facebook-domain-verification" content="rqwoc3vg0j57c63glam7a4x1urgp6j">
<meta name="google-site-verification" content="fBJZWUjzYJNayJEvEKHBJgItYssUe8430hg1cxHqBdw">
<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/57279381679/digital_wallets/dialog">
<meta name="shopify-requires-components" content="true" product-ids="8431573401775,8431584805039,8431585427631,8474627145903,8476857401519,8476975005871,8484859838639,8484860657839,8484870062255,8486596968623,8540749201583,8548230103215,8548240031919,8548244193455,8548250452143,8548258087087,8548259954863,8548261691567,8548266377391,8548267327663,8548268343471">
<link rel="alternate" hreflang="x-default" href="https://beautymarket.ma/">
<link rel="alternate" hreflang="fr" href="https://beautymarket.ma/">
<link rel="alternate" hreflang="ar" href="https://beautymarket.ma/ar">
<script async="async" src="/checkouts/internal/preloads.js?locale=fr-MA"></script>
<script id="shopify-features" type="application/json">{"accessToken":"5b8830c60c74a886f1f0d13f5178752f","betas":["rich-media-storefront-analytics"],"domain":"beautymarket.ma","predictiveSearch":true,"shopId":57279381679,"locale":"fr"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "beautymarket-maroc.myshopify.com";
Shopify.locale = "fr";
Shopify.currency = {"active":"MAD","rate":"1.0"};
Shopify.country = "MA";
Shopify.theme = {"name":"Cornestone ","id":145711399087,"schema_name":"Cornerstone","schema_version":"4.1.0","theme_store_id":2348,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "beautymarket.ma/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";
Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<script defer="defer" async type="module" src="//beautymarket.ma/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.fr.esm.js"></script>
<script type="module">
await import("//beautymarket.ma/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.fr.esm.js");
window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
</script>
<script>
window.Shopify = window.Shopify || {};
if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
window.Shopify.featureAssets['shop-js'] = {"shop-toast-manager":["modules/v2/loader.shop-toast-manager.fr.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.fr.esm.js"],"avatar":["modules/v2/loader.avatar.fr.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.fr.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.fr.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.fr.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.fr.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.fr.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.fr.esm.js"],"shop-button":["modules/v2/loader.shop-button.fr.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.fr.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.fr.esm.js"],"pay-button":["modules/v2/loader.pay-button.fr.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.fr.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.fr.esm.js"],"shop-login":["modules/v2/loader.shop-login.fr.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.fr.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.fr.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.fr.esm.js"]};
</script>
<script id="__st">var __st={"a":57279381679,"offset":3600,"reqid":"b1a8a606-d48d-4411-a5d7-af3d46d16c53-1775166828","pageurl":"beautymarket.ma\/","u":"2686ef88425d","p":"home"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.2.iife.js',D={infoText:'Protégé par hCaptcha',privacyText:'Confidentialité',termsText:'Conditions'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
<script integrity="sha256-Rd0I1U3I5BUKM/ZklNQ9ssBhyhvFP+5roZEEsW2MGUw=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//beautymarket.ma/cdn/shopifycloud/storefront/assets/storefront/load_feature-496de5fe.js" crossorigin="anonymous"></script>
<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://beautymarket.ma/cdn/shopifycloud/portable-wallets/latest/portable-wallets.fr.js",t.type="module",document.head.appendChild(t)}};
</script>
<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
</script>
<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
</script>
<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
<script src="https://cdn.shopify.com/extensions/019d4f96-62a6-7ef0-bcc5-897cc1912e5b/pre-order-28-87/assets/pre-order.min.js" type="text/javascript" defer="defer"></script>
<script src="https://cdn.shopify.com/extensions/019ce157-6d37-7b8c-8e5b-3c2897d60adb/dondy-whatsapp-chat-widget-89/assets/ChatBubble.js" type="text/javascript" defer="defer"></script>
<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 57279381679,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
<script id="web-pixels-manager-setup">(function e(e,d,r,n,o){if(void 0===o&&(o={}),!Boolean(null===(a=null===(i=window.Shopify)||void 0===i?void 0:i.analytics)||void 0===a?void 0:a.replayQueue)){var i,a;window.Shopify=window.Shopify||{};var t=window.Shopify;t.analytics=t.analytics||{};var s=t.analytics;s.replayQueue=[],s.publish=function(e,d,r){return s.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var l=function(){var e={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/},d=e.modern,r=e.legacy,n=navigator.userAgent;return n.match(d)?"modern":n.match(r)?"legacy":"unknown"}(),u="modern"===l?"modern":"legacy",c=(null!=n?n:{modern:"",legacy:""})[u],f=function(e){return[e.baseUrl,"/wpm","/b",e.hashVersion,"modern"===e.buildTarget?"m":"l",".js"].join("")}({baseUrl:d,hashVersion:r,buildTarget:u}),m=function(e){var d=e.version,r=e.bundleTarget,n=e.surface,o=e.pageUrl,i=e.monorailEndpoint;return{emit:function(e){var a=e.status,t=e.errorMsg,s=(new Date).getTime(),l=JSON.stringify({metadata:{event_sent_at_ms:s},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:d,bundle_target:r,page_url:o,status:a,surface:n,error_msg:t},metadata:{event_created_at_ms:s}}]});if(!i)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(i,l)}catch(e){}var u=new XMLHttpRequest;try{return u.open("POST",i,!0),u.setRequestHeader("Content-Type","text/plain"),u.send(l),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}}}({version:r,bundleTarget:l,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint});try{o.browserTarget=l,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,i=e.onerror,a=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,a&&(l.integrity=a,l.crossOrigin="anonymous"),s)for(var f in s)if(Object.prototype.hasOwnProperty.call(s,f))try{l.dataset[f]=s[f]}catch(e){}if(o&&l.addEventListener("load",o),i&&l.addEventListener("error",i),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:f,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null===(d=null===(e=window.Shopify)||void 0===e?void 0:e.analytics)||void 0===d?void 0:d.initialized)}()){var d=window.webPixelsManager.init(e)||void 0;if(d){var r=window.Shopify.analytics;r.replayQueue.forEach((function(e){var r=e[0],n=e[1],o=e[2];d.publishCustomEvent(r,n,o)})),r.replayQueue=[],r.publish=d.publishCustomEvent,r.visitor=d.visitor,r.initialized=!0}}},onerror:function(){return m.emit({status:"failed",errorMsg:"".concat(f," has failed to load")})},sri:function(e){var d=/^sha384-[A-Za-z0-9+/=]+$/;return"string"==typeof e&&d.test(e)}(c)?c:"",scriptDataAttributes:o}),m.emit({status:"loading"})}catch(e){m.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}})({shopId: 57279381679,storefrontBaseUrl: "https://beautymarket.ma",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["2dca8a86","5476ea20","ed8389fc"],webPixelsConfigList: [{"id":"486768815","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-EKLG54TP48\\\",\\\"AW-11203035161\\\",\\\"GT-WFFWQQ5\\\"],\\\"target_country\\\":\\\"MA\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-EKLG54TP48\\\",\\\"AW-11203035161\\\/_efMCImypNkaEJmAg94p\\\"]},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-EKLG54TP48\\\",\\\"AW-11203035161\\\/hSNYCJWypNkaEJmAg94p\\\"]},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-EKLG54TP48\\\",\\\"AW-11203035161\\\/mbneCJKypNkaEJmAg94p\\\",\\\"MC-V11M9KSD4P\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-EKLG54TP48\\\",\\\"AW-11203035161\\\/k-YoCIaypNkaEJmAg94p\\\",\\\"MC-V11M9KSD4P\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-EKLG54TP48\\\",\\\"AW-11203035161\\\/JLqxCI-ypNkaEJmAg94p\\\",\\\"MC-V11M9KSD4P\\\"]},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-EKLG54TP48\\\",\\\"AW-11203035161\\\/KaXfCJiypNkaEJmAg94p\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-EKLG54TP48\\\",\\\"AW-11203035161\\\/xfjlCIyypNkaEJmAg94p\\\"]}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"ac521efa9cd6866459cd0b40264a3f38","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a","3b5414a6"]},{"id":"203718831","configuration":"{\"pixel_id\":\"1386503625191397\",\"pixel_type\":\"facebook_pixel\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"ca16bc87fe92b6042fbaa3acc2fbdaa6","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a","3b5414a6"]},{"id":"35979439","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"7","type":"CUSTOM","privacyPurposes":["SALE_OF_DATA"],"name":"GTM"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0450","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0450","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"beautymarket.maroc","paymentSettings":{"currencyCode":"MAD"},"myshopifyDomain":"beautymarket-maroc.myshopify.com","countryCode":"MA","storefrontUrl":"https:\/\/beautymarket.ma"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},"https://beautymarket.ma/cdn","cfa8229ew36b6053dp1e134caame9d83f21",{"modern":"","legacy":""},{"shopId":"57279381679","storefrontBaseUrl":"https:\/\/beautymarket.ma","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"2dca8a86\", \"5476ea20\", \"ed8389fc\"]","isMerchantRequest":"false","hashVersion":"cfa8229ew36b6053dp1e134caame9d83f21","publish":"custom","events":"[[\"page_viewed\",{}]]"});</script><script>
window.ShopifyAnalytics = window.ShopifyAnalytics || {};
window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
window.ShopifyAnalytics.meta.currency = 'MAD';
var meta = {"page":{"pageType":"home","requestId":"b1a8a606-d48d-4411-a5d7-af3d46d16c53-1775166828"}};
for (var attr in meta) {
window.ShopifyAnalytics.meta[attr] = meta[attr];
}
</script>
<script class="analytics">
(function () {
var customDocumentWrite = function(content) {
var jquery = null;
if (window.jQuery) {
jquery = window.jQuery;
} else if (window.Checkout && window.Checkout.$) {
jquery = window.Checkout.$;
}
if (jquery) {
jquery('body').append(content);
}
};
var hasLoggedConversion = function(token) {
if (token) {
return document.cookie.indexOf('loggedConversion=' + token) !== -1;
}
return false;
}
var setCookieIfConversion = function(token) {
if (token) {
var twoMonthsFromNow = new Date(Date.now());
twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
}
}
var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
if (trekkie.integrations) {
return;
}
trekkie.methods = [
'identify',
'page',
'ready',
'track',
'trackForm',
'trackLink'
];
trekkie.factory = function(method) {
return function() {
var args = Array.prototype.slice.call(arguments);
args.unshift(method);
trekkie.push(args);
return trekkie;
};
};
for (var i = 0; i < trekkie.methods.length; i++) {
var key = trekkie.methods[i];
trekkie[key] = trekkie.factory(key);
}
trekkie.load = function(config) {
trekkie.config = config || {};
trekkie.config.initialDocumentCookie = document.cookie;
var first = document.getElementsByTagName('script')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.onerror = function(e) {
var scriptFallback = document.createElement('script');
scriptFallback.type = 'text/javascript';
scriptFallback.onerror = function(error) {
var Monorail = {
produce: function produce(monorailDomain, schemaId, payload) {
var currentMs = new Date().getTime();
var event = {
schema_id: schemaId,
payload: payload,
metadata: {
event_created_at_ms: currentMs,
event_sent_at_ms: currentMs
}
};
return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
},
sendRequest: function sendRequest(endpointUrl, payload) {
// Try the sendBeacon API
if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
var blobData = new window.Blob([payload], {
type: 'text/plain'
});
if (window.navigator.sendBeacon(endpointUrl, blobData)) {
return true;
} // sendBeacon was not successful
} // XHR beacon
var xhr = new XMLHttpRequest();
try {
xhr.open('POST', endpointUrl);
xhr.setRequestHeader('Content-Type', 'text/plain');
xhr.send(payload);
} catch (e) {
console.log(e);
}
return false;
},
isIos12: function isIos12() {
return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
}
};
Monorail.produce('monorail-edge.shopifysvc.com',
'trekkie_storefront_load_errors/1.1',
{shop_id: 57279381679,
theme_id: 145711399087,
app_name: "storefront",
context_url: window.location.href,
source_url: "//beautymarket.ma/cdn/s/trekkie.storefront.793024e5c781b83428b9784ec5054da9d22f7d7f.min.js"});
};
scriptFallback.async = true;
scriptFallback.src = '//beautymarket.ma/cdn/s/trekkie.storefront.793024e5c781b83428b9784ec5054da9d22f7d7f.min.js';
first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//beautymarket.ma/cdn/s/trekkie.storefront.793024e5c781b83428b9784ec5054da9d22f7d7f.min.js';
first.parentNode.insertBefore(script, first);
};
trekkie.load(
{"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":57279381679,"isMerchantRequest":null,"themeId":145711399087,"themeCityHash":"6718341584574478687","contentLanguage":"fr","currency":"MAD","eventMetadataId":"c240a5f8-cbe3-494f-bc0f-84f561af532c"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["65f19447","b5387b81"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
);
var loaded = false;
trekkie.ready(function() {
if (loaded) return;
loaded = true;
window.ShopifyAnalytics.lib = window.trekkie;
var originalDocumentWrite = document.write;
document.write = customDocumentWrite;
try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
document.write = originalDocumentWrite;
window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"b1a8a606-d48d-4411-a5d7-af3d46d16c53-1775166828","shopifyEmitted":true});
var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
var token = match? match[1]: undefined;
if (!hasLoggedConversion(token)) {
setCookieIfConversion(token);
}
});
var eventsListenerScript = document.createElement('script');
eventsListenerScript.async = true;
eventsListenerScript.src = "//beautymarket.ma/cdn/shopifycloud/storefront/assets/shop_events_listener-3da45d37.js";
document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script
defer
src="https://beautymarket.ma/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.3.1.min.js"
data-application="storefront-renderer"
data-shop-id="57279381679"
data-render-region="gcp-europe-west1"
data-page-type="index"
data-theme-instance-id="145711399087"
data-theme-name="Cornerstone"
data-theme-version="4.1.0"
data-monorail-region="shop_domain"
data-resource-timing-sampling-rate="10"
data-shs="true"
data-shs-beacon="true"
data-shs-export-with-fetch="true"
data-shs-logs-sample-rate="1"
data-shs-beacon-endpoint="https://beautymarket.ma/api/collect"
></script>
<script>window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {const LONG_FRAME_THRESHOLD = 50;const longAnimationFrames = [];let activeRafId = null;function collectLongFrames() {let previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}const delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!PerformanceObserver.supportedEntryTypes.includes('long-animation-frame')) {collectLongFrames();const timeoutId = setTimeout(() => {cancelAnimationFrame(activeRafId);}, 10_000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function(stopCollection = false) {if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();</script></head>
<body class="template-index">
<div class="page">
<div class="theme-editor-scroll-offset"></div>
<div class="header__space" data-header-space></div>
<!-- BEGIN sections: header-group -->
<div id="shopify-section-sections--18718532960431__announcement-bar" class="shopify-section shopify-section-group-header-group announcement-bar-wrapper"><div
class="announcement-bar announcement-bar--has-border"
data-section-id="sections--18718532960431__announcement-bar"
data-scroller-id="announcement-bar-sections--18718532960431__announcement-bar"
data-section-type="announcement-bar"
data-item-count="1"
style=" --color-background: #fc82b0; --color-gradient-overlay: #fc82b0; --color-gradient-overlay-transparent: rgba(252, 130, 176, 0); --color-text: #ffffff; --color-border: rgba(255, 255, 255, 0.3) "
>
<div class="announcement-bar__inner"><div class="announcement-bar__announcements-wrapper">
<script src="//beautymarket.ma/cdn/shop/t/35/assets/scroll-slider.js?v=137308953565903322681754934608" type="module"></script>
<script src="//beautymarket.ma/cdn/shop/t/35/assets/slideshow.js?v=6014208066395939321754934608" type="module"></script>
<slideshow-component
class="scroll-slider scroll-slider--full-width-below-720 scroll-all-sizes"
style="--columns: 1; --peek: 0px; --gap: 20px;"
data-id="announcement-bar-sections--18718532960431__announcement-bar"
data-navigation-container=".announcement-bar"
data-autoplay="true"
data-autoplay-delay="8000"
data-autoplay-pause-on-hover="true"
data-is-slideshow="true"
>
<div class="scroll-slider__slider announcement-bar__announcements">
<div
class="announcement-bar__item ff-body fs-body-60"
data-index="0"
><div class="announcement-bar__item-inner">
<span >LIVRAISON GRATUITE LE JOUR MÊME — Commandes avant midi à Tanger, Tétouan, Rabat, Salé, Témara, Fès, Meknès & Ifrane.</span>
</div>
</div>
</div>
</slideshow-component>
</div></div>
</div>
</div><div id="shopify-section-sections--18718532960431__header" class="shopify-section shopify-section-group-header-group header__outer-wrapper"><script>
document.documentElement.classList.add("sticky-header-enabled");</script>
<header
class="header header--layout-below-logo-center-search-left header--mobile-layout-logo-center-menu-left header--has-logo header--has-accounts header--has-nav-bar header--has-mobile-search-bar"
data-section-id="sections--18718532960431__header"
data-section-type="header"
data-enable-sticky-header="true"
data-navigation-interaction="hover"
data-navigation-position="below"
data-is-sticky="true"
data-search-enabled="true"
data-mobile-search-appearance="bar"
data-drop-shadow="none"
style=" --logo-width: 120px; --mobile-logo-width: 105px; --color-text-transparent: #000000; --color-text-featured-link: #c8a46b; "
>
<script type="application/json" data-search-settings>
{
"limit": 6
}
</script>
<a href="#main" class="header__skip-to-content btn btn--primary btn--small" tabindex="1">
Ignorer et passer au contenu
</a>
<div class="header__background-container">
<div class="header__inner-wrapper">
<div class="header__inner">
<div
class="header__content header__content-desktop three-segment"
>
<div
class="header__content-segment header__content-segment-desktop header__content-segment-search header__content-segment--left"
>
<button
class="header__menu-icon header__menu-icon--nav-bar header__icon-touch header__icon-menu"
aria-label="Ouvrir le menu de navigation"
aria-expanded="false"
data-aria-label-closed="Ouvrir le menu de navigation"
data-aria-label-opened="Fermer le menu de navigation"
data-nav-bar-button
>
<span
class="icon-button header-menu"
data-size="large">
<span class="icon-button__icon">
<span class="icon icon-header-menu icon--primary" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.77789 12.6414H21.2221M2.77789 5H21.2221M2.77789 20.3694H21.2221" stroke="currentColor" stroke-width="1.33203"/></svg>
</span>
<span class="icon icon-header-menu-close icon--secondary" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.462 6.479 5.538 19.402M5.538 6.479l12.924 12.923" stroke="currentColor" stroke-width="1.2" stroke-miterlimit="6.667" stroke-linejoin="round"/></svg>
</span>
</span>
</span>
</button><div
class="header__quick-search-bar"
data-has-product-type-selector="false"
>
<div
class="quick-search quick-search--desktop"
data-quick-search
data-quick-search-scope="desktop"
data-quick-search-active="false"
>
<div class="quick-search__inner">
<div class="quick-search__trigger-container">
<div
class="quick-search__bar"
>
<div
class="quick-search__bar-inner"
style=" --color-text-input: var(--color-text-search-field); --color-background-input: var(--color-background-search-field); --color-border-input: var(--color-border-search-field); "
><button
type="button"
class="quick-search__faux-input"
data-quick-search-faux-input
data-placeholder-active="true"
aria-label="Ouvrir la modale de recherche"
data-placeholder-when-type-active="Recherche dans '{{ type }}'"
data-placeholder="Recherche…"
>
<span data-quick-search-faux-text>
Recherche…
</span>
</button>
<button
type="button"
class="quick-search__submit"
aria-label="Recherche"
data-color-source="search_field"
data-quick-search-faux-submit
>
<span class="icon icon-search" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g><path fill="currentColor" fill-rule="evenodd" d="M9.993 1.627c4.627 0 8.391 3.819 8.391 8.512 0 4.692-3.764 8.51-8.39 8.51-4.626 0-8.39-3.818-8.39-8.51 0-4.693 3.764-8.512 8.39-8.512Zm0 18.65c2.555 0 4.88-.985 6.65-2.59L22.866 24 24 22.85l-6.246-6.336a10.176 10.176 0 0 0 2.234-6.375C19.988 4.549 15.504 0 9.993 0 4.483 0 0 4.549 0 10.139c0 5.59 4.484 10.138 9.993 10.138Z" clip-rule="evenodd"/></g><defs><clippath id="searchClip"><path fill="currentColor" d="M0 0h24v24H0z"/></clippath></defs></svg>
</span>
</button>
</div>
</div>
</div>
<div class="quick-search__active-search-container" data-search-active-container>
<form
action="/search"
class="quick-search__form"
autocomplete="off"
data-quick-search-form
data-scroll-lock-ignore
>
<input type="hidden" name="options[prefix]" value="last">
<label
for="QuickSearchInputdesktop"
class="visually-hidden"
aria-label="Recherche…"
></label>
<div class="quick-search__bar">
<div class="quick-search__bar-inner"><input
class="quick-search__input"
id="QuickSearchInputdesktop"
type="text"
name="q"
value=""
placeholder="Recherche…"
data-quick-search-input
>
<button
type="reset"
class="quick-search__clear"
aria-label="Clair"
data-quick-search-clear
>
<span class="icon icon-close-small" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="square" stroke-width="3.292" d="M3.346 3.346 12 12m0 0 8.653 8.654M12 12l8.653-8.654M12 12l-8.654 8.654"/></svg>
</span>
</button>
<button
type="submit"
class="quick-search__submit"
aria-label="Recherche"
data-color-source="search_field"
data-quick-search-submit
>
<span class="icon icon-search" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g><path fill="currentColor" fill-rule="evenodd" d="M9.993 1.627c4.627 0 8.391 3.819 8.391 8.512 0 4.692-3.764 8.51-8.39 8.51-4.626 0-8.39-3.818-8.39-8.51 0-4.693 3.764-8.512 8.39-8.512Zm0 18.65c2.555 0 4.88-.985 6.65-2.59L22.866 24 24 22.85l-6.246-6.336a10.176 10.176 0 0 0 2.234-6.375C19.988 4.549 15.504 0 9.993 0 4.483 0 0 4.549 0 10.139c0 5.59 4.484 10.138 9.993 10.138Z" clip-rule="evenodd"/></g><defs><clippath id="searchClip"><path fill="currentColor" d="M0 0h24v24H0z"/></clippath></defs></svg>
</span>
</button>
</div>
<button
type="button"
class="btn btn--text quick-search__cancel"
data-quick-search-cancel
>
annuler
</button>
</div>
<div class="quick-search__results-wrapper" data-scroll-lock-ignore>
<div class="quick-search__results" data-quick-search-results data-scroll-lock-ignore></div>
<div class="quick-search__loading">
<div
class="loader"
style=""
>
<svg
aria-hidden="true"
focusable="false"
role="presentation"
class="loader__spinner"
viewbox="0 0 66 66"
xmlns="http://www.w3.org/2000/svg"
>
<circle class="loader__circle-background" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
<circle class="loader__circle" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
</svg>
</div>
</div>
<div class="quick-search__footer">
<button
type="submit"
class="quick-search__view-all"
>
<span
class="quick-search__view-all-label"
data-label="Tout afficher"
data-label-with-query="Voir tous les résultats pour "{{ query }}""
>Tout afficher</span>
<span class="icon icon-chevron-small" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2.75"/></svg>
</span>
</button>
</div>
</div>
<div class="quick-search__suggested-wrapper">
<div class="quick-search__suggested"><ul class="quick-search__resource-list"><li class="quick-search__resource-list-item">
<a class="quick-search__result" href="/pages/dermocorner-soins-dermo-cosmetiques-la-roche-posay-vichy-cerave">
<span class="quick-search__result-heading ff-body fs-body-100">DERMO-CORNER</span>
</a>
</li><li class="quick-search__resource-list-item">
<a class="quick-search__result" href="/collections/promotions">
<span class="quick-search__result-heading ff-body fs-body-100">PROMOTIONS !</span>
</a>
</li><li class="quick-search__resource-list-item">
<a class="quick-search__result" href="/pages/produits-coreens">
<span class="quick-search__result-heading ff-body fs-body-100">K-beauty</span>
</a>
</li><li class="quick-search__resource-list-item">
<a class="quick-search__result" href="/collections/visage">
<span class="quick-search__result-heading ff-body fs-body-100">Visage</span>
</a>
</li><li class="quick-search__resource-list-item">
<a class="quick-search__result" href="/collections/cheveux">
<span class="quick-search__result-heading ff-body fs-body-100">Cheveux</span>
</a>
</li><li class="quick-search__resource-list-item">
<a class="quick-search__result" href="/collections/maquillage">
<span class="quick-search__result-heading ff-body fs-body-100">Maquillage</span>
</a>
</li><li class="quick-search__resource-list-item">
<a class="quick-search__result" href="/collections/corps">
<span class="quick-search__result-heading ff-body fs-body-100">Corps & Bain</span>
</a>
</li><li class="quick-search__resource-list-item">
<a class="quick-search__result" href="/collections/bebe-et-maman">
<span class="quick-search__result-heading ff-body fs-body-100">Maman & Bébé</span>
</a>
</li><li class="quick-search__resource-list-item">
<a class="quick-search__result" href="/collections/homme">
<span class="quick-search__result-heading ff-body fs-body-100">Homme </span>
</a>
</li><li class="quick-search__resource-list-item">
<a class="quick-search__result" href="/collections/bucco-dentaire">
<span class="quick-search__result-heading ff-body fs-body-100">Dentaire</span>
</a>
</li><li class="quick-search__resource-list-item">
<a class="quick-search__result" href="/collections/hygiene-1">
<span class="quick-search__result-heading ff-body fs-body-100">Hygiène</span>
</a>
</li><li class="quick-search__resource-list-item">
<a class="quick-search__result" href="/collections/appareils-brosses-cheveux">
<span class="quick-search__result-heading ff-body fs-body-100">Accessoires </span>
</a>
</li><li class="quick-search__resource-list-item">
<a class="quick-search__result" href="/collections/minceur/Minceur">
<span class="quick-search__result-heading ff-body fs-body-100">Minceur</span>
</a>
</li><li class="quick-search__resource-list-item">
<a class="quick-search__result" href="/pages/sport">
<span class="quick-search__result-heading ff-body fs-body-100">Sport</span>
</a>
</li><li class="quick-search__resource-list-item">
<a class="quick-search__result" href="/collections/complements-alimentaires">
<span class="quick-search__result-heading ff-body fs-body-100">Complements Alimentaires</span>
</a>
</li><li class="quick-search__resource-list-item">
<a class="quick-search__result" href="https://beautymarket.ma/pages/premium">
<span class="quick-search__result-heading ff-body fs-body-100">Premium Hair Care</span>
</a>
</li></ul></div>
</div></form>
</div>
</div>
</div>
</div></div>
<div
class="header__content-segment header__content-segment-desktop header__content-segment-logo header__content-segment--center"
>
<h1 class="header__logo">
<a
class="header__logo-link"
href="/"
aria-label="beautymarket.maroc"
>
<div class="header__logo-wrapper">
<div
class="image regular-logo"
style=""
>
<img
alt=""
class="image__img"
fetchpriority="high"
width="1629"
height="1017"
src="//beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=320"
srcset="//beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=100 100w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=150 150w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=200 200w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=240 240w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=280 280w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=300 300w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=360 360w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=400 400w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=450 450w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=500 500w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=550 550w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=600 600w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=650 650w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=700 700w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=750 750w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=800 800w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=850 850w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=900 900w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=950 950w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=1000 1000w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=1100 1100w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=1200 1200w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=1300 1300w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=1400 1400w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=1500 1500w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=1600 1600w"
sizes="(max-width: 960px) 105px, 120px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</div>
<span class="header__logo-text">beautymarket.maroc</span>
</a>
</h1></div>
<div
class="header__content-segment header__content-segment-desktop header__content-segment--right"
>
<div class="header__account-button-wrapper has-label">
<a
class="header__icon-with-label-touch header__icon-with-label-touch--account"
href="/account"
aria-label="Aller à la page du compte"
data-account-link
>
<div class="header__icon-with-label-touch-icon"><span class="icon icon-header-account" style="--icon-width: 26px; --icon-height: 26px;">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.69 2.164C12.553 2.16384 13.3995 2.4008 14.137 2.849C14.8896 3.30776 15.5085 3.95603 15.932 4.729C16.364 5.51 16.593 6.397 16.597 7.301C16.6017 8.20104 16.3803 9.08784 15.953 9.88C15.5555 10.6181 14.9806 11.2456 14.28 11.706C14.2326 11.7274 14.1885 11.7553 14.149 11.789C13.4166 12.2327 12.5773 12.4688 11.721 12.472C10.8546 12.4731 10.0045 12.2358 9.264 11.786C8.50865 11.3257 7.88757 10.675 7.463 9.899C7.02936 9.10917 6.80144 8.22293 6.80021 7.3219C6.79899 6.42086 7.02451 5.534 7.456 4.743C7.87732 3.96851 8.49455 3.31817 9.246 2.857C9.98182 2.40652 10.8272 2.1668 11.69 2.164ZM14.56 12.88C13.6953 13.3724 12.7181 13.6332 11.723 13.637C10.7149 13.6382 9.72409 13.3754 8.849 12.875C7.1875 13.4999 5.75828 14.6206 4.755 16.085C3.67685 17.6542 3.10139 19.0961 3.105 21C3.105 21.321 2.858 21.582 2.553 21.582C2.247 21.582 2 21.322 2 21C2 18.837 2.652 17.148 3.861 15.399C4.8441 13.9673 6.1891 12.8217 7.759 12.079C7.25783 11.6185 6.83497 11.0794 6.507 10.483C5.97435 9.51303 5.69442 8.42459 5.693 7.318V7.316C5.6927 6.21317 5.96951 5.12795 6.498 4.16C7.01465 3.21132 7.77117 2.4148 8.692 1.85C9.59426 1.29744 10.631 1.0034 11.689 1C12.7467 0.999971 13.7842 1.29055 14.688 1.84C15.6102 2.4019 16.3689 3.19603 16.888 4.143C17.418 5.101 17.698 6.188 17.702 7.297C17.7078 8.39979 17.4365 9.48637 16.913 10.457C16.5841 11.0658 16.1566 11.6159 15.648 12.085C17.2132 12.8276 18.5542 13.9709 19.535 15.399C20.7514 17.1702 21.4005 18.8514 21.396 21C21.396 21.321 21.149 21.582 20.843 21.582C20.538 21.582 20.29 21.322 20.29 21C20.2935 19.0961 19.7181 17.6542 18.64 16.085C17.6397 14.6246 16.2157 13.506 14.56 12.88Z" fill="currentColor" stroke="currentColor" stroke-width="0.19"/></svg>
</span>
</div>
<div class="header__icon-with-label-touch-label">Connexion</div>
</a>
<div class="header__account-quick-view" data-account-quick-view aria-hidden="true">
<div class="header__account-quick-view-inner">
<div class="login" data-scope="component" data-account-login>
<div class="login__success-wrapper">
<div class="login__success" data-success-message tabindex="-1">
<div class="ff-body fs-body-100">
Nous vous avons envoyé un e-mail contenant un lien pour mettre à jour votre mot de passe.
</div>
</div>
</div>
<div id="login-form" class="login__wrapper" data-part="login" aria-hidden="false">
<header class="login__header">
<h4 class="login__heading ff-heading fs-heading-5-base">Connexion</h4>
</header>
<div class="login__main">
<form method="post" action="/account/login" id="header-account-login" accept-charset="UTF-8" data-login-with-shop-sign-in="true" novalidate="novalidate" class="login__form"><input type="hidden" name="form_type" value="customer_login" /><input type="hidden" name="utf8" value="✓" />
<label for="header-account-login-CustomerEmail">E-mail</label>
<input
type="email"
class="input"
name="customer[email]"
id="header-account-login-CustomerEmail"
autocomplete="email"
autocorrect="off"
autocapitalize="off"
>
<div class="login__label-wrapper">
<label for="header-account-login-CustomerPassword">Mot de passe</label>
<button
type="button"
class="btn btn--text-link fs-body-75"
data-toggle
aria-controls="header-account-login-register-form"
>
Mot de passe oublié ?
</button>
</div>
<input
type="password"
class="input"
value=""
name="customer[password]"
id="header-account-login-CustomerPassword"
>
<button type="submit" class="login__button btn btn--primary btn--full">
Connexion
</button>
<div class="login__links ff-body fs-body-100">
<span>Nouveau client ?</span>
<a class="link" href="/account/register">Créer un compte</a>
</div>
</form>
</div>
</div>
<div id="header-account-login-register-form" class="login__wrapper hide" data-part="reset" aria-hidden="true">
<div class="login__header">
<h2 class="login__heading ff-heading fs-heading-3-base">Réinitialiser son mot de passe</h2>
<p class="login__subheading fs-body-75">Nous vous ferons parvenir un e-mail pour réinitialiser votre mot de passe</p>
</div>
<div class="login__main">
<form method="post" action="/account/recover" accept-charset="UTF-8" class="login__form"><input type="hidden" name="form_type" value="recover_customer_password" /><input type="hidden" name="utf8" value="✓" />
<label for="header-account-login-RecoverEmail">E-mail</label>
<input
type="email"
value=""
name="email"
id="header-account-login-RecoverEmail"
class="input"
autocorrect="off"
autocapitalize="off"
>
<button type="submit" class="login__button btn btn--primary btn--full">
Envoyer
</button>
<div class="login__links ff-body fs-body-100">
<button type="button" data-toggle class="btn btn--text-link" aria-controls="login-form">
annuler
</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<a
class="header__cart-link header__icon-with-label-touch no-transition header__icon-with-label-touch--cart"
href="/cart"
aria-label="Ouvrir la modale du panier"
data-header-cart
>
<div class="header__icon-with-label-touch-icon">
<span
class="icon-button header-shopping-bag"
data-size="large">
<span class="icon-button__icon">
<span class="icon icon-header-shopping-bag icon--primary" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.431 20.5H4.57802L2.23502 8.36267H8.06002C7.88885 9.30174 7.74412 10.2454 7.62602 11.1927C7.61487 11.2728 7.62102 11.3543 7.64405 11.4318C7.66708 11.5094 7.70645 11.581 7.75951 11.6421C7.81257 11.7031 7.8781 11.752 7.95167 11.7856C8.02524 11.8192 8.10515 11.8366 8.18602 11.8367C8.32245 11.8355 8.4538 11.7847 8.55555 11.6938C8.6573 11.6029 8.72251 11.4781 8.73902 11.3427C8.86502 10.3467 9.03002 9.34567 9.20902 8.36767H14.874C15.039 9.39067 15.169 10.4057 15.254 11.3207C15.2598 11.3946 15.2802 11.4666 15.3139 11.5326C15.3477 11.5986 15.3941 11.6572 15.4506 11.7052C15.5072 11.7531 15.5726 11.7895 15.6432 11.812C15.7138 11.8346 15.7882 11.843 15.862 11.8367C16.0118 11.822 16.1497 11.7485 16.2453 11.6322C16.3409 11.516 16.3865 11.3665 16.372 11.2167C16.2817 10.2635 16.164 9.31308 16.019 8.36666H21.759L19.431 20.5ZM11.978 1.637C13.095 1.637 14.066 4.00167 14.683 7.22167H9.43802C10.158 3.79367 11.146 1.637 11.978 1.637ZM22.869 7.42566C22.8156 7.36303 22.7492 7.31272 22.6744 7.2782C22.5997 7.24367 22.5184 7.22575 22.436 7.22567H15.832C15.232 3.89767 14.07 0.5 11.978 0.5C10.153 0.5 8.96402 3.83467 8.27502 7.22167H1.56502C1.48277 7.22313 1.40173 7.24167 1.32702 7.2761C1.25231 7.31053 1.18557 7.36009 1.13102 7.42167C1.07765 7.48556 1.03912 7.5605 1.01819 7.64108C0.997269 7.72166 0.994477 7.80588 1.01002 7.88767L3.55802 21.161C3.57909 21.2919 3.64593 21.4111 3.74665 21.4974C3.84737 21.5836 3.97542 21.6313 4.10802 21.632H19.901C20.0339 21.6323 20.1625 21.585 20.2634 21.4986C20.3643 21.4121 20.4309 21.2923 20.451 21.161L22.991 7.88667C23.0058 7.80558 23.0025 7.72223 22.9814 7.64256C22.9604 7.56288 22.922 7.48883 22.869 7.42566Z" fill="currentColor"/></svg>
</span>
</span>
</span>
</div>
<div class="header__icon-with-label-touch-label" data-cart-count="0">
Panier</div>
</a>
</div></div>
<div
class="header__content header__content-mobile three-segment"
>
<div class="header__content-segment header__content-segment--left">
<button
class="header__menu-icon header__icon-touch header__icon-menu"
aria-label="Ouvrir le menu modal"
aria-expanded="false"
data-aria-label-closed="Ouvrir le menu modal"
data-aria-label-opened="Fermer le menu"
data-menu-button
>
<span
class="icon-button header-menu"
data-size="large">
<span class="icon-button__icon">
<span class="icon icon-header-menu icon--primary" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.77789 12.6414H21.2221M2.77789 5H21.2221M2.77789 20.3694H21.2221" stroke="currentColor" stroke-width="1.33203"/></svg>
</span>
</span>
</span>
</button></div>
<h1 class="header__logo">
<a
class="header__logo-link"
href="/"
aria-label="beautymarket.maroc"
>
<div class="header__logo-wrapper">
<div
class="image regular-logo"
style=""
>
<img
alt=""
class="image__img"
fetchpriority="high"
width="1629"
height="1017"
src="//beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=320"
srcset="//beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=100 100w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=150 150w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=200 200w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=240 240w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=280 280w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=300 300w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=360 360w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=400 400w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=450 450w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=500 500w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=550 550w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=600 600w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=650 650w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=700 700w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=750 750w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=800 800w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=850 850w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=900 900w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=950 950w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=1000 1000w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=1100 1100w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=1200 1200w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=1300 1300w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=1400 1400w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=1500 1500w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=1600 1600w"
sizes="(max-width: 960px) 105px, 120px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</div>
<span class="header__logo-text">beautymarket.maroc</span>
</a>
</h1>
<div class="header__content-segment header__content-segment--right">
<a
class="header__cart-link header__icon-touch no-transition header__icon-touch--cart"
href="/cart"
aria-label="Ouvrir la modale du panier"
data-header-cart
data-cart-count="0"
>
<span
class="icon-button header-shopping-bag"
data-size="large">
<span class="icon-button__icon">
<span class="icon icon-header-shopping-bag icon--primary" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.431 20.5H4.57802L2.23502 8.36267H8.06002C7.88885 9.30174 7.74412 10.2454 7.62602 11.1927C7.61487 11.2728 7.62102 11.3543 7.64405 11.4318C7.66708 11.5094 7.70645 11.581 7.75951 11.6421C7.81257 11.7031 7.8781 11.752 7.95167 11.7856C8.02524 11.8192 8.10515 11.8366 8.18602 11.8367C8.32245 11.8355 8.4538 11.7847 8.55555 11.6938C8.6573 11.6029 8.72251 11.4781 8.73902 11.3427C8.86502 10.3467 9.03002 9.34567 9.20902 8.36767H14.874C15.039 9.39067 15.169 10.4057 15.254 11.3207C15.2598 11.3946 15.2802 11.4666 15.3139 11.5326C15.3477 11.5986 15.3941 11.6572 15.4506 11.7052C15.5072 11.7531 15.5726 11.7895 15.6432 11.812C15.7138 11.8346 15.7882 11.843 15.862 11.8367C16.0118 11.822 16.1497 11.7485 16.2453 11.6322C16.3409 11.516 16.3865 11.3665 16.372 11.2167C16.2817 10.2635 16.164 9.31308 16.019 8.36666H21.759L19.431 20.5ZM11.978 1.637C13.095 1.637 14.066 4.00167 14.683 7.22167H9.43802C10.158 3.79367 11.146 1.637 11.978 1.637ZM22.869 7.42566C22.8156 7.36303 22.7492 7.31272 22.6744 7.2782C22.5997 7.24367 22.5184 7.22575 22.436 7.22567H15.832C15.232 3.89767 14.07 0.5 11.978 0.5C10.153 0.5 8.96402 3.83467 8.27502 7.22167H1.56502C1.48277 7.22313 1.40173 7.24167 1.32702 7.2761C1.25231 7.31053 1.18557 7.36009 1.13102 7.42167C1.07765 7.48556 1.03912 7.5605 1.01819 7.64108C0.997269 7.72166 0.994477 7.80588 1.01002 7.88767L3.55802 21.161C3.57909 21.2919 3.64593 21.4111 3.74665 21.4974C3.84737 21.5836 3.97542 21.6313 4.10802 21.632H19.901C20.0339 21.6323 20.1625 21.585 20.2634 21.4986C20.3643 21.4121 20.4309 21.2923 20.451 21.161L22.991 7.88667C23.0058 7.80558 23.0025 7.72223 22.9814 7.64256C22.9604 7.56288 22.922 7.48883 22.869 7.42566Z" fill="currentColor"/></svg>
</span>
</span>
</span>
</a></div>
</div>
<div class="header__content header__content-mobile header__content--search-bar">
<div class="header__quick-search-bar">
<div
class="quick-search quick-search--mobile"
data-quick-search
data-quick-search-scope="mobile"
data-quick-search-active="false"
>
<div class="quick-search__inner">
<div class="quick-search__trigger-container">
<div
class="quick-search__bar"
>
<div
class="quick-search__bar-inner"
style=" --color-text-input: var(--color-text-search-field); --color-background-input: var(--color-background-search-field); --color-border-input: var(--color-border-search-field); "
><button
type="button"
class="quick-search__faux-input"
data-quick-search-faux-input
data-placeholder-active="true"
aria-label="Ouvrir la modale de recherche"
data-placeholder-when-type-active="Recherche dans '{{ type }}'"
data-placeholder="Recherche…"
>
<span data-quick-search-faux-text>
Recherche…
</span>
</button>
<button
type="button"
class="quick-search__submit"
aria-label="Recherche"
data-color-source="search_field"
data-quick-search-faux-submit
>
<span class="icon icon-search" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g><path fill="currentColor" fill-rule="evenodd" d="M9.993 1.627c4.627 0 8.391 3.819 8.391 8.512 0 4.692-3.764 8.51-8.39 8.51-4.626 0-8.39-3.818-8.39-8.51 0-4.693 3.764-8.512 8.39-8.512Zm0 18.65c2.555 0 4.88-.985 6.65-2.59L22.866 24 24 22.85l-6.246-6.336a10.176 10.176 0 0 0 2.234-6.375C19.988 4.549 15.504 0 9.993 0 4.483 0 0 4.549 0 10.139c0 5.59 4.484 10.138 9.993 10.138Z" clip-rule="evenodd"/></g><defs><clippath id="searchClip"><path fill="currentColor" d="M0 0h24v24H0z"/></clippath></defs></svg>
</span>
</button>
</div>
</div>
</div>
<div class="quick-search__active-search-container" data-search-active-container>
<form
action="/search"
class="quick-search__form"
autocomplete="off"
data-quick-search-form
data-scroll-lock-ignore
>
<input type="hidden" name="options[prefix]" value="last">
<label
for="QuickSearchInputmobile"
class="visually-hidden"
aria-label="Recherche…"
></label>
<div class="quick-search__bar">
<div class="quick-search__bar-inner"><input
class="quick-search__input"
id="QuickSearchInputmobile"
type="text"
name="q"
value=""
placeholder="Recherche…"
data-quick-search-input
>
<button
type="reset"
class="quick-search__clear"
aria-label="Clair"
data-quick-search-clear
>
<span class="icon icon-close-small" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="square" stroke-width="3.292" d="M3.346 3.346 12 12m0 0 8.653 8.654M12 12l8.653-8.654M12 12l-8.654 8.654"/></svg>
</span>
</button>
<button
type="submit"
class="quick-search__submit"
aria-label="Recherche"
data-color-source="search_field"
data-quick-search-submit
>
<span class="icon icon-search" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g><path fill="currentColor" fill-rule="evenodd" d="M9.993 1.627c4.627 0 8.391 3.819 8.391 8.512 0 4.692-3.764 8.51-8.39 8.51-4.626 0-8.39-3.818-8.39-8.51 0-4.693 3.764-8.512 8.39-8.512Zm0 18.65c2.555 0 4.88-.985 6.65-2.59L22.866 24 24 22.85l-6.246-6.336a10.176 10.176 0 0 0 2.234-6.375C19.988 4.549 15.504 0 9.993 0 4.483 0 0 4.549 0 10.139c0 5.59 4.484 10.138 9.993 10.138Z" clip-rule="evenodd"/></g><defs><clippath id="searchClip"><path fill="currentColor" d="M0 0h24v24H0z"/></clippath></defs></svg>
</span>
</button>
</div>
<button
type="button"
class="btn btn--text quick-search__cancel"
data-quick-search-cancel
>
annuler
</button>
</div>
<div class="quick-search__results-wrapper" data-scroll-lock-ignore>
<div class="quick-search__results" data-quick-search-results data-scroll-lock-ignore></div>
<div class="quick-search__loading">
<div
class="loader"
style=""
>
<svg
aria-hidden="true"
focusable="false"
role="presentation"
class="loader__spinner"
viewbox="0 0 66 66"
xmlns="http://www.w3.org/2000/svg"
>
<circle class="loader__circle-background" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
<circle class="loader__circle" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
</svg>
</div>
</div>
<div class="quick-search__footer">
<button
type="submit"
class="quick-search__view-all"
>
<span
class="quick-search__view-all-label"
data-label="Tout afficher"
data-label-with-query="Voir tous les résultats pour "{{ query }}""
>Tout afficher</span>
<span class="icon icon-chevron-small" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2.75"/></svg>
</span>
</button>
</div>
</div>
<div class="quick-search__suggested-wrapper">
<div class="quick-search__suggested"><ul class="quick-search__resource-list"><li class="quick-search__resource-list-item">
<a class="quick-search__result" href="/pages/dermocorner-soins-dermo-cosmetiques-la-roche-posay-vichy-cerave">
<span class="quick-search__result-heading ff-body fs-body-100">DERMO-CORNER</span>
</a>
</li><li class="quick-search__resource-list-item">
<a class="quick-search__result" href="/collections/promotions">
<span class="quick-search__result-heading ff-body fs-body-100">PROMOTIONS !</span>
</a>
</li><li class="quick-search__resource-list-item">
<a class="quick-search__result" href="/pages/produits-coreens">
<span class="quick-search__result-heading ff-body fs-body-100">K-beauty</span>
</a>
</li><li class="quick-search__resource-list-item">
<a class="quick-search__result" href="/collections/visage">
<span class="quick-search__result-heading ff-body fs-body-100">Visage</span>
</a>
</li><li class="quick-search__resource-list-item">
<a class="quick-search__result" href="/collections/cheveux">
<span class="quick-search__result-heading ff-body fs-body-100">Cheveux</span>
</a>
</li><li class="quick-search__resource-list-item">
<a class="quick-search__result" href="/collections/maquillage">
<span class="quick-search__result-heading ff-body fs-body-100">Maquillage</span>
</a>
</li><li class="quick-search__resource-list-item">
<a class="quick-search__result" href="/collections/corps">
<span class="quick-search__result-heading ff-body fs-body-100">Corps & Bain</span>
</a>
</li><li class="quick-search__resource-list-item">
<a class="quick-search__result" href="/collections/bebe-et-maman">
<span class="quick-search__result-heading ff-body fs-body-100">Maman & Bébé</span>
</a>
</li><li class="quick-search__resource-list-item">
<a class="quick-search__result" href="/collections/homme">
<span class="quick-search__result-heading ff-body fs-body-100">Homme </span>
</a>
</li><li class="quick-search__resource-list-item">
<a class="quick-search__result" href="/collections/bucco-dentaire">
<span class="quick-search__result-heading ff-body fs-body-100">Dentaire</span>
</a>
</li><li class="quick-search__resource-list-item">
<a class="quick-search__result" href="/collections/hygiene-1">
<span class="quick-search__result-heading ff-body fs-body-100">Hygiène</span>
</a>
</li><li class="quick-search__resource-list-item">
<a class="quick-search__result" href="/collections/appareils-brosses-cheveux">
<span class="quick-search__result-heading ff-body fs-body-100">Accessoires </span>
</a>
</li><li class="quick-search__resource-list-item">
<a class="quick-search__result" href="/collections/minceur/Minceur">
<span class="quick-search__result-heading ff-body fs-body-100">Minceur</span>
</a>
</li><li class="quick-search__resource-list-item">
<a class="quick-search__result" href="/pages/sport">
<span class="quick-search__result-heading ff-body fs-body-100">Sport</span>
</a>
</li><li class="quick-search__resource-list-item">
<a class="quick-search__result" href="/collections/complements-alimentaires">
<span class="quick-search__result-heading ff-body fs-body-100">Complements Alimentaires</span>
</a>
</li><li class="quick-search__resource-list-item">
<a class="quick-search__result" href="https://beautymarket.ma/pages/premium">
<span class="quick-search__result-heading ff-body fs-body-100">Premium Hair Care</span>
</a>
</li></ul></div>
</div></form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="header__nav-bar"
data-navigation-bar
style="--color-text-transparent: #000000;"
>
<div class="header__nav-bar-inner">
<nav class="header__links" data-navigation>
<ul class="navigation__links-list fs-navigation-base">
<li
>
<a
href="/pages/dermocorner-soins-dermo-cosmetiques-la-roche-posay-vichy-cerave"
class=""
data-link
>
<span class="link-hover">
DERMO-CORNER
</span>
</a>
</li><li
>
<a
href="/collections/promotions"
class=""
data-link
>
<span class="link-hover">
PROMOTIONS !
</span>
</a>
</li><li
>
<a
href="/pages/produits-coreens"
class=""
data-link
>
<span class="link-hover">
K-beauty
</span>
</a>
</li><li
data-submenu-parent
>
<a
href="/collections/visage"
class="navigation__submenu-trigger fs-navigation-base"
data-link
data-parent
data-dropdown-trigger
aria-haspopup="true"
aria-expanded="false"
>
<span class="link-hover">
Visage
</span>
<span class="navigation__links-icon">
<span class="icon icon-chevron-small" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2.75"/></svg>
</span>
</span>
</a>
<div
class="navigation__submenu ff-body fs-body-100"
data-submenu
data-depth="1"
aria-hidden="true"
>
<ul class="navigation__submenu-list ff-body"><li class="navigation__submenu-item animation--dropdown-item">
<a
class="navigation__submenu-trigger has-icon"
data-dropdown-trigger
data-link
aria-haspopup="true"
aria-expanded="false"
href="/collections/solaire"
>
<span class="navigation__submenu-child-link">
<label>Solaire</label>
<span class="icon icon-chevron-small navigation__submenu-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2.75"/></svg>
</span>
</span>
</a>
<div
class="navigation__submenu ff-body fs-body-100"
data-submenu
data-depth="2"
aria-hidden="true"
>
<ul class="navigation__submenu-list ff-body"><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/solaire/PROTECTION-SLAIRE-VISAGE"
class=""
data-link
>
Protection Solaire
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/auto-bronzant"
class=""
data-link
>
Auto-bronzant
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/soin-apres-soleil"
class=""
data-link
>
Soin après-soleil
</a>
</li>
</ul>
</div>
<style>
/* Better moved to base.css/theme.css, but kept here as you had it */
.navigation__submenu img.menu-logo-only{
width: 180px !important;
max-width: none !important;
height: auto !important;
display: block;
}
</style>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
class="navigation__submenu-trigger has-icon"
data-dropdown-trigger
data-link
aria-haspopup="true"
aria-expanded="false"
href="/collections/visage"
>
<span class="navigation__submenu-child-link">
<label>Type de produit</label>
<span class="icon icon-chevron-small navigation__submenu-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2.75"/></svg>
</span>
</span>
</a>
<div
class="navigation__submenu ff-body fs-body-100"
data-submenu
data-depth="2"
aria-hidden="true"
>
<ul class="navigation__submenu-list ff-body"><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/nettoyant-visage"
class=""
data-link
>
Nettoyant Visage
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/visage/serum-visage"
class=""
data-link
>
Serum
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/creme-de-jour"
class=""
data-link
>
Crème de jour
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/creme-de-nuit-1"
class=""
data-link
>
Crème de nuit
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/contour-des-yeux"
class=""
data-link
>
Contour des yeux
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/demaquillant"
class=""
data-link
>
Démaquillant
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/soins-des-levres"
class=""
data-link
>
Soins des lèvres
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/soin-cible"
class=""
data-link
>
Soin ciblé
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/soin-des-cils-et-sourcils"
class=""
data-link
>
Soin Des Cils Et Sourcils
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/lotion-tonique"
class=""
data-link
>
Lotion tonique
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/eau-micellaire"
class=""
data-link
>
Eau micellaire
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/huile-visage"
class=""
data-link
>
Huile visage
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/gommage-peeling-visage/Gommage--Peeling-Visage"
class=""
data-link
>
Gommage & Peeling Visage
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/masque-visage"
class=""
data-link
>
Masque Visage
</a>
</li>
</ul>
</div>
<style>
/* Better moved to base.css/theme.css, but kept here as you had it */
.navigation__submenu img.menu-logo-only{
width: 180px !important;
max-width: none !important;
height: auto !important;
display: block;
}
</style>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
class="navigation__submenu-trigger has-icon"
data-dropdown-trigger
data-link
aria-haspopup="true"
aria-expanded="false"
href="/collections/visage"
>
<span class="navigation__submenu-child-link">
<label>Besoins</label>
<span class="icon icon-chevron-small navigation__submenu-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2.75"/></svg>
</span>
</span>
</a>
<div
class="navigation__submenu ff-body fs-body-100"
data-submenu
data-depth="2"
aria-hidden="true"
>
<ul class="navigation__submenu-list ff-body"><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/soin-anti-imperfections"
class=""
data-link
>
Anti-imperfections
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/anti-age-1"
class=""
data-link
>
Anti-rides & anti-âge
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/hydratant-nourrissant"
class=""
data-link
>
Hydratant & nourrissant
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/anti-taches"
class=""
data-link
>
Anti-taches
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/anti-pores"
class=""
data-link
>
Anti-pores
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/anti-rougeurs"
class=""
data-link
>
Anti-rougeurs
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/eclat-anti-fatigue"
class=""
data-link
>
Eclat & anti-fatigue
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/soin-matifiant"
class=""
data-link
>
Soin matifiant
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/peau-sensible"
class=""
data-link
>
Peaux sensibles
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/liftant"
class=""
data-link
>
Raffermissant & liftant
</a>
</li>
</ul>
</div>
<style>
/* Better moved to base.css/theme.css, but kept here as you had it */
.navigation__submenu img.menu-logo-only{
width: 180px !important;
max-width: none !important;
height: auto !important;
display: block;
}
</style>
</li>
</ul>
</div>
<style>
/* Better moved to base.css/theme.css, but kept here as you had it */
.navigation__submenu img.menu-logo-only{
width: 180px !important;
max-width: none !important;
height: auto !important;
display: block;
}
</style>
</li><li
data-submenu-parent
>
<a
href="/collections/cheveux"
class="navigation__submenu-trigger fs-navigation-base"
data-link
data-parent
data-dropdown-trigger
aria-haspopup="true"
aria-expanded="false"
>
<span class="link-hover">
Cheveux
</span>
<span class="navigation__links-icon">
<span class="icon icon-chevron-small" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2.75"/></svg>
</span>
</span>
</a>
<div
class="navigation__submenu ff-body fs-body-100"
data-submenu
data-depth="1"
aria-hidden="true"
>
<ul class="navigation__submenu-list ff-body"><li class="navigation__submenu-item animation--dropdown-item">
<a
class="navigation__submenu-trigger has-icon"
data-dropdown-trigger
data-link
aria-haspopup="true"
aria-expanded="false"
href="/collections/cheveux"
>
<span class="navigation__submenu-child-link">
<label>Types des produits</label>
<span class="icon icon-chevron-small navigation__submenu-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2.75"/></svg>
</span>
</span>
</a>
<div
class="navigation__submenu ff-body fs-body-100"
data-submenu
data-depth="2"
aria-hidden="true"
>
<ul class="navigation__submenu-list ff-body"><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/shampooing-1"
class=""
data-link
>
Shampoing
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/apres-shampoing"
class=""
data-link
>
Après-shampoing
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/masque-cheveux-1"
class=""
data-link
>
Masque cheveux
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/huile-cheveux"
class=""
data-link
>
Huile cheveux
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/cheveux/Coloration"
class=""
data-link
>
Coloration cheveux
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/shampoing-sec-1"
class=""
data-link
>
Shampoing sec
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/products/nuxe-reve-de-miel-shampooing-solide-douceur-65-gr"
class=""
data-link
>
Shampoing solide
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/sans-rincage-cheveux"
class=""
data-link
>
Soin sans rinçage
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/brosses-et-accessoires"
class=""
data-link
>
Brosses et accessoires
</a>
</li>
</ul>
</div>
<style>
/* Better moved to base.css/theme.css, but kept here as you had it */
.navigation__submenu img.menu-logo-only{
width: 180px !important;
max-width: none !important;
height: auto !important;
display: block;
}
</style>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
class="navigation__submenu-trigger has-icon"
data-dropdown-trigger
data-link
aria-haspopup="true"
aria-expanded="false"
href="/collections/cheveux"
>
<span class="navigation__submenu-child-link">
<label>Besoins</label>
<span class="icon icon-chevron-small navigation__submenu-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2.75"/></svg>
</span>
</span>
</a>
<div
class="navigation__submenu ff-body fs-body-100"
data-submenu
data-depth="2"
aria-hidden="true"
>
<ul class="navigation__submenu-list ff-body"><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/cheveux/Anti-chute"
class=""
data-link
>
Anti chute
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/hydratation-cheveux"
class=""
data-link
>
Hydratant & Nourrissant
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/cuir-chevelu"
class=""
data-link
>
Cuir chevelu
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/protection-solaire-cheveux"
class=""
data-link
>
Protection solaire
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/brillance-lissage"
class=""
data-link
>
Brillance & lissage
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/cheveux/Anti-pelliculaire"
class=""
data-link
>
Anti-pelliculaire & apaisant
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/cheveux-colores"
class=""
data-link
>
Cheveux colorés
</a>
</li>
</ul>
</div>
<style>
/* Better moved to base.css/theme.css, but kept here as you had it */
.navigation__submenu img.menu-logo-only{
width: 180px !important;
max-width: none !important;
height: auto !important;
display: block;
}
</style>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
class="navigation__submenu-trigger has-icon"
data-dropdown-trigger
data-link
aria-haspopup="true"
aria-expanded="false"
href="/collections/cheveux"
>
<span class="navigation__submenu-child-link">
<label>Types de cheveux</label>
<span class="icon icon-chevron-small navigation__submenu-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2.75"/></svg>
</span>
</span>
</a>
<div
class="navigation__submenu ff-body fs-body-100"
data-submenu
data-depth="2"
aria-hidden="true"
>
<ul class="navigation__submenu-list ff-body"><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/cheveux-boucles"
class=""
data-link
>
Cheveux bouclés, frisés
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/shampoing-sec"
class=""
data-link
>
Cheveux secs & abimés
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/cheveux-colores"
class=""
data-link
>
Cheveux colorés
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/cheveux-blonds"
class=""
data-link
>
Cheveux blonds
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/cheveux-normaux"
class=""
data-link
>
Cheveux normaux
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/cheveux-mixte-a-gras"
class=""
data-link
>
Cheveux Mixte à Gras
</a>
</li>
</ul>
</div>
<style>
/* Better moved to base.css/theme.css, but kept here as you had it */
.navigation__submenu img.menu-logo-only{
width: 180px !important;
max-width: none !important;
height: auto !important;
display: block;
}
</style>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/complements-alimentaires-cheveux"
class=""
data-link
>
Compléments alimentaires cheveux
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="https://beautymarket.ma/pages/premium"
class=""
data-link
>
PREMIUM
</a>
</li>
</ul>
</div>
<style>
/* Better moved to base.css/theme.css, but kept here as you had it */
.navigation__submenu img.menu-logo-only{
width: 180px !important;
max-width: none !important;
height: auto !important;
display: block;
}
</style>
</li><li
data-submenu-parent
>
<a
href="/collections/maquillage"
class="navigation__submenu-trigger fs-navigation-base"
data-link
data-parent
data-dropdown-trigger
aria-haspopup="true"
aria-expanded="false"
>
<span class="link-hover">
Maquillage
</span>
<span class="navigation__links-icon">
<span class="icon icon-chevron-small" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2.75"/></svg>
</span>
</span>
</a>
<div
class="navigation__submenu ff-body fs-body-100"
data-submenu
data-depth="1"
aria-hidden="true"
>
<ul class="navigation__submenu-list ff-body"><li class="navigation__submenu-item animation--dropdown-item">
<a
class="navigation__submenu-trigger has-icon"
data-dropdown-trigger
data-link
aria-haspopup="true"
aria-expanded="false"
href="/collections/teint"
>
<span class="navigation__submenu-child-link">
<label>Teint</label>
<span class="icon icon-chevron-small navigation__submenu-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2.75"/></svg>
</span>
</span>
</a>
<div
class="navigation__submenu ff-body fs-body-100"
data-submenu
data-depth="2"
aria-hidden="true"
>
<ul class="navigation__submenu-list ff-body"><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/fond-de-teint"
class=""
data-link
>
Fond de teint
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/anti-cernes-correcteur"
class=""
data-link
>
Anti cerne et Correcteur
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/rougir"
class=""
data-link
>
Blush
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/highlight"
class=""
data-link
>
Highlighter
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/palette"
class=""
data-link
>
Palette Teint
</a>
</li>
</ul>
</div>
<style>
/* Better moved to base.css/theme.css, but kept here as you had it */
.navigation__submenu img.menu-logo-only{
width: 180px !important;
max-width: none !important;
height: auto !important;
display: block;
}
</style>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
class="navigation__submenu-trigger has-icon"
data-dropdown-trigger
data-link
aria-haspopup="true"
aria-expanded="false"
href="/collections/maquillage/Yeux"
>
<span class="navigation__submenu-child-link">
<label>Yeux</label>
<span class="icon icon-chevron-small navigation__submenu-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2.75"/></svg>
</span>
</span>
</a>
<div
class="navigation__submenu ff-body fs-body-100"
data-submenu
data-depth="2"
aria-hidden="true"
>
<ul class="navigation__submenu-list ff-body"><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/palette-yeux"
class=""
data-link
>
Palette Yeux
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/mascara"
class=""
data-link
>
Mascara
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/eyeliner"
class=""
data-link
>
Eyeliner
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/crayon-yeux"
class=""
data-link
>
Crayon yeux & khôl
</a>
</li>
</ul>
</div>
<style>
/* Better moved to base.css/theme.css, but kept here as you had it */
.navigation__submenu img.menu-logo-only{
width: 180px !important;
max-width: none !important;
height: auto !important;
display: block;
}
</style>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
class="navigation__submenu-trigger has-icon"
data-dropdown-trigger
data-link
aria-haspopup="true"
aria-expanded="false"
href="/collections/soin-levres"
>
<span class="navigation__submenu-child-link">
<label>Lèvres</label>
<span class="icon icon-chevron-small navigation__submenu-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2.75"/></svg>
</span>
</span>
</a>
<div
class="navigation__submenu ff-body fs-body-100"
data-submenu
data-depth="2"
aria-hidden="true"
>
<ul class="navigation__submenu-list ff-body"><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/rouge-a-levres"
class=""
data-link
>
Rouge à lèvres
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/gloss"
class=""
data-link
>
Gloss
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/crayon-a-levres"
class=""
data-link
>
Crayon à lèvres
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/levres-plump"
class=""
data-link
>
Repulpeur
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/rouge-a-levres-liquide"
class=""
data-link
>
Rouge à lèvres liquide
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/rouge-a-levres-mat"
class=""
data-link
>
Rouge à lèvres mat
</a>
</li>
</ul>
</div>
<style>
/* Better moved to base.css/theme.css, but kept here as you had it */
.navigation__submenu img.menu-logo-only{
width: 180px !important;
max-width: none !important;
height: auto !important;
display: block;
}
</style>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/ongles"
class=""
data-link
>
Ongles
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/outils-et-accessoires-de-beaute"
class=""
data-link
>
Outils et Accessoires de Maquillage
</a>
</li>
</ul>
</div>
<style>
/* Better moved to base.css/theme.css, but kept here as you had it */
.navigation__submenu img.menu-logo-only{
width: 180px !important;
max-width: none !important;
height: auto !important;
display: block;
}
</style>
</li><li
data-submenu-parent
>
<a
href="/collections/corps"
class="navigation__submenu-trigger fs-navigation-base"
data-link
data-parent
data-dropdown-trigger
aria-haspopup="true"
aria-expanded="false"
>
<span class="link-hover">
Corps & Bain
</span>
<span class="navigation__links-icon">
<span class="icon icon-chevron-small" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2.75"/></svg>
</span>
</span>
</a>
<div
class="navigation__submenu ff-body fs-body-100"
data-submenu
data-depth="1"
aria-hidden="true"
>
<ul class="navigation__submenu-list ff-body"><li class="navigation__submenu-item animation--dropdown-item">
<a
class="navigation__submenu-trigger has-icon"
data-dropdown-trigger
data-link
aria-haspopup="true"
aria-expanded="false"
href="/collections/protection-solaire-1/corps"
>
<span class="navigation__submenu-child-link">
<label>Solaire</label>
<span class="icon icon-chevron-small navigation__submenu-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2.75"/></svg>
</span>
</span>
</a>
<div
class="navigation__submenu ff-body fs-body-100"
data-submenu
data-depth="2"
aria-hidden="true"
>
<ul class="navigation__submenu-list ff-body"><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/auto-bronzant-corps"
class=""
data-link
>
Auto-bronzant corps
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/protection-solaire-1"
class=""
data-link
>
Protection solaire corps
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/apres-soleil-corps"
class=""
data-link
>
Après-soleil corps
</a>
</li>
</ul>
</div>
<style>
/* Better moved to base.css/theme.css, but kept here as you had it */
.navigation__submenu img.menu-logo-only{
width: 180px !important;
max-width: none !important;
height: auto !important;
display: block;
}
</style>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
class="navigation__submenu-trigger has-icon"
data-dropdown-trigger
data-link
aria-haspopup="true"
aria-expanded="false"
href="/collections/corps"
>
<span class="navigation__submenu-child-link">
<label>Type de produit</label>
<span class="icon icon-chevron-small navigation__submenu-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2.75"/></svg>
</span>
</span>
</a>
<div
class="navigation__submenu ff-body fs-body-100"
data-submenu
data-depth="2"
aria-hidden="true"
>
<ul class="navigation__submenu-list ff-body"><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/nettoyant-corps"
class=""
data-link
>
Nettoyant
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/hydratant-corps"
class=""
data-link
>
Crème hydratante
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/gommage-peeling-corps"
class=""
data-link
>
Gommage & Peeling Corps
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/huile-corps"
class=""
data-link
>
Huile nourrissante
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/eau-de-soin"
class=""
data-link
>
Eau de soin
</a>
</li>
</ul>
</div>
<style>
/* Better moved to base.css/theme.css, but kept here as you had it */
.navigation__submenu img.menu-logo-only{
width: 180px !important;
max-width: none !important;
height: auto !important;
display: block;
}
</style>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
class="navigation__submenu-trigger has-icon"
data-dropdown-trigger
data-link
aria-haspopup="true"
aria-expanded="false"
href="/collections/corps"
>
<span class="navigation__submenu-child-link">
<label>Besoins</label>
<span class="icon icon-chevron-small navigation__submenu-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2.75"/></svg>
</span>
</span>
</a>
<div
class="navigation__submenu ff-body fs-body-100"
data-submenu
data-depth="2"
aria-hidden="true"
>
<ul class="navigation__submenu-list ff-body"><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/anti-vergetures"
class=""
data-link
>
Soin anti vergetures
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/hydratant-corps"
class=""
data-link
>
Soin hydratant & nourrissant
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/mains-ongles"
class=""
data-link
>
Soin des mains
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/soin-des-ongles"
class=""
data-link
>
soin des ongles
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/soin-des-pieds"
class=""
data-link
>
Soin des pieds
</a>
</li>
</ul>
</div>
<style>
/* Better moved to base.css/theme.css, but kept here as you had it */
.navigation__submenu img.menu-logo-only{
width: 180px !important;
max-width: none !important;
height: auto !important;
display: block;
}
</style>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
class="navigation__submenu-trigger has-icon"
data-dropdown-trigger
data-link
aria-haspopup="true"
aria-expanded="false"
href="/collections/bain-et-douche"
>
<span class="navigation__submenu-child-link">
<label>Bain & Douche</label>
<span class="icon icon-chevron-small navigation__submenu-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2.75"/></svg>
</span>
</span>
</a>
<div
class="navigation__submenu ff-body fs-body-100"
data-submenu
data-depth="2"
aria-hidden="true"
>
<ul class="navigation__submenu-list ff-body"><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/gel-douche"
class=""
data-link
>
Gel douche
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/savon-solide"
class=""
data-link
>
Savon solide
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/huile-de-bain"
class=""
data-link
>
Huile de bain
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/huiles-lavantes"
class=""
data-link
>
Huiles lavantes
</a>
</li>
</ul>
</div>
<style>
/* Better moved to base.css/theme.css, but kept here as you had it */
.navigation__submenu img.menu-logo-only{
width: 180px !important;
max-width: none !important;
height: auto !important;
display: block;
}
</style>
</li>
</ul>
</div>
<style>
/* Better moved to base.css/theme.css, but kept here as you had it */
.navigation__submenu img.menu-logo-only{
width: 180px !important;
max-width: none !important;
height: auto !important;
display: block;
}
</style>
</li><li
data-submenu-parent
>
<a
href="/collections/bebe-et-maman"
class="navigation__submenu-trigger fs-navigation-base"
data-link
data-parent
data-dropdown-trigger
aria-haspopup="true"
aria-expanded="false"
>
<span class="link-hover">
Maman & Bébé
</span>
<span class="navigation__links-icon">
<span class="icon icon-chevron-small" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2.75"/></svg>
</span>
</span>
</a>
<div
class="navigation__submenu ff-body fs-body-100"
data-submenu
data-depth="1"
aria-hidden="true"
>
<ul class="navigation__submenu-list ff-body"><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/pack-soin-maman-bebe"
class=""
data-link
>
Pack Soin Maman & Bébé
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/protection-solaire-bebe-maman"
class=""
data-link
>
Protection Solaire
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
class="navigation__submenu-trigger has-icon"
data-dropdown-trigger
data-link
aria-haspopup="true"
aria-expanded="false"
href="/collections/hygiene-bebe"
>
<span class="navigation__submenu-child-link">
<label>Hygiène bébé</label>
<span class="icon icon-chevron-small navigation__submenu-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2.75"/></svg>
</span>
</span>
</a>
<div
class="navigation__submenu ff-body fs-body-100"
data-submenu
data-depth="2"
aria-hidden="true"
>
<ul class="navigation__submenu-list ff-body"><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/nettoyant-bebe"
class=""
data-link
>
Nettoyant Bébé
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/couches-bebe-et-change"
class=""
data-link
>
Couches bébé et change
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/lingettes"
class=""
data-link
>
Lingettes
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/creme-de-change"
class=""
data-link
>
Crème De Change
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/hydratation-bebe"
class=""
data-link
>
Hydratation bébé
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/bebe-eaux-parfumees"
class=""
data-link
>
Eaux parfumées
</a>
</li>
</ul>
</div>
<style>
/* Better moved to base.css/theme.css, but kept here as you had it */
.navigation__submenu img.menu-logo-only{
width: 180px !important;
max-width: none !important;
height: auto !important;
display: block;
}
</style>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
class="navigation__submenu-trigger has-icon"
data-dropdown-trigger
data-link
aria-haspopup="true"
aria-expanded="false"
href="https://beautymarket.ma/search?options%5Bprefix%5D=last&q=Accessoires+b%C3%A9b%C3%A9"
>
<span class="navigation__submenu-child-link">
<label>Accessoires bébé</label>
<span class="icon icon-chevron-small navigation__submenu-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2.75"/></svg>
</span>
</span>
</a>
<div
class="navigation__submenu ff-body fs-body-100"
data-submenu
data-depth="2"
aria-hidden="true"
>
<ul class="navigation__submenu-list ff-body"><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/thermometre-frontale-et-auriculaire"
class=""
data-link
>
Thermomètre frontale et auriculaire
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/biberon-et-tetines"
class=""
data-link
>
Biberon
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/tetines"
class=""
data-link
>
Tétines
</a>
</li>
</ul>
</div>
<style>
/* Better moved to base.css/theme.css, but kept here as you had it */
.navigation__submenu img.menu-logo-only{
width: 180px !important;
max-width: none !important;
height: auto !important;
display: block;
}
</style>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/parfums-brumes"
class=""
data-link
>
Parfums & Brumes
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
class="navigation__submenu-trigger has-icon"
data-dropdown-trigger
data-link
aria-haspopup="true"
aria-expanded="false"
href="/collections/maman"
>
<span class="navigation__submenu-child-link">
<label>Maman</label>
<span class="icon icon-chevron-small navigation__submenu-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2.75"/></svg>
</span>
</span>
</a>
<div
class="navigation__submenu ff-body fs-body-100"
data-submenu
data-depth="2"
aria-hidden="true"
>
<ul class="navigation__submenu-list ff-body"><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/soins-des-vergetures"
class=""
data-link
>
Soins des vergetures
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/complements-alimentaires-grossesses"
class=""
data-link
>
Compléments alimentaires
</a>
</li>
</ul>
</div>
<style>
/* Better moved to base.css/theme.css, but kept here as you had it */
.navigation__submenu img.menu-logo-only{
width: 180px !important;
max-width: none !important;
height: auto !important;
display: block;
}
</style>
</li>
</ul>
</div>
<style>
/* Better moved to base.css/theme.css, but kept here as you had it */
.navigation__submenu img.menu-logo-only{
width: 180px !important;
max-width: none !important;
height: auto !important;
display: block;
}
</style>
</li><li
>
<a
href="/collections/homme"
class=""
data-link
>
<span class="link-hover">
Homme
</span>
</a>
</li><li
data-submenu-parent
>
<a
href="/collections/bucco-dentaire"
class="navigation__submenu-trigger fs-navigation-base"
data-link
data-parent
data-dropdown-trigger
aria-haspopup="true"
aria-expanded="false"
>
<span class="link-hover">
Dentaire
</span>
<span class="navigation__links-icon">
<span class="icon icon-chevron-small" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2.75"/></svg>
</span>
</span>
</a>
<div
class="navigation__submenu ff-body fs-body-100"
data-submenu
data-depth="1"
aria-hidden="true"
>
<ul class="navigation__submenu-list ff-body"><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/dentifrice"
class=""
data-link
>
Dentifrice
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/bain-de-bouche"
class=""
data-link
>
Bain de bouche
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/brosses-a-dent"
class=""
data-link
>
Brosses à dent
</a>
</li>
</ul>
</div>
<style>
/* Better moved to base.css/theme.css, but kept here as you had it */
.navigation__submenu img.menu-logo-only{
width: 180px !important;
max-width: none !important;
height: auto !important;
display: block;
}
</style>
</li><li
data-submenu-parent
>
<a
href="/collections/hygiene-1"
class="navigation__submenu-trigger fs-navigation-base"
data-link
data-parent
data-dropdown-trigger
aria-haspopup="true"
aria-expanded="false"
>
<span class="link-hover">
Hygiène
</span>
<span class="navigation__links-icon">
<span class="icon icon-chevron-small" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2.75"/></svg>
</span>
</span>
</a>
<div
class="navigation__submenu ff-body fs-body-100"
data-submenu
data-depth="1"
aria-hidden="true"
>
<ul class="navigation__submenu-list ff-body"><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/deodorants"
class=""
data-link
>
Déodorants
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/hygiene-1"
class=""
data-link
>
Hygiène intime
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/protections-hygieniques"
class=""
data-link
>
Protections Hygiéniques
</a>
</li>
</ul>
</div>
<style>
/* Better moved to base.css/theme.css, but kept here as you had it */
.navigation__submenu img.menu-logo-only{
width: 180px !important;
max-width: none !important;
height: auto !important;
display: block;
}
</style>
</li><li
>
<a
href="/collections/appareils-brosses-cheveux"
class=""
data-link
>
<span class="link-hover">
Accessoires
</span>
</a>
</li><li
>
<a
href="/collections/minceur/Minceur"
class=""
data-link
>
<span class="link-hover">
Minceur
</span>
</a>
</li><li
>
<a
href="/pages/sport"
class=""
data-link
>
<span class="link-hover">
Sport
</span>
</a>
</li><li
data-submenu-parent
>
<a
href="/collections/complements-alimentaires"
class="navigation__submenu-trigger fs-navigation-base"
data-link
data-parent
data-dropdown-trigger
aria-haspopup="true"
aria-expanded="false"
>
<span class="link-hover">
Complements Alimentaires
</span>
<span class="navigation__links-icon">
<span class="icon icon-chevron-small" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2.75"/></svg>
</span>
</span>
</a>
<div
class="navigation__submenu ff-body fs-body-100"
data-submenu
data-depth="1"
aria-hidden="true"
>
<ul class="navigation__submenu-list ff-body"><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/complements-alimentaires-enfants"
class=""
data-link
>
Vitamines & Complements Alimentaires Enfants
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/complements-alimentaires-cheveux"
class=""
data-link
>
Complements Alimentaires Cheveux
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/complements-alimentaires-grossesses"
class=""
data-link
>
Complements Alimentaires Grossesses
</a>
</li>
</ul>
</div>
<style>
/* Better moved to base.css/theme.css, but kept here as you had it */
.navigation__submenu img.menu-logo-only{
width: 180px !important;
max-width: none !important;
height: auto !important;
display: block;
}
</style>
</li><li
data-submenu-parent
>
<a
href="https://beautymarket.ma/pages/premium"
class="navigation__submenu-trigger fs-navigation-base featured-link"
data-link
data-parent
data-dropdown-trigger
aria-haspopup="true"
aria-expanded="false"
>
<span class="link-hover">
<span class="menu-logo-item">
<img
src="https://cdn.shopify.com/s/files/1/0572/7938/1679/files/LOGO_NOIR.png?v=1771592429"
alt="Premium Hair Care"
class="menu-logo-item__img"
>
<span class="menu-logo-item__text">Premium Hair Care</span>
</span>
</span>
<span class="navigation__links-icon">
<span class="icon icon-chevron-small" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2.75"/></svg>
</span>
</span>
</a>
<div
class="navigation__submenu ff-body fs-body-100"
data-submenu
data-depth="1"
aria-hidden="true"
>
<ul class="navigation__submenu-list ff-body"><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/kerastase-blond-absolu"
class=""
data-link
>
Blond Absolu
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/kerastase-chroma-absolu"
class=""
data-link
>
Chroma Absolu
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/kerastase-chronologiste"
class=""
data-link
>
Chronologiste
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/kerastase-curl-manifesto"
class=""
data-link
>
Curl Manifesto
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/kerastase-discipline"
class=""
data-link
>
Discipline
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/kerastase-elixir"
class=""
data-link
>
Elixir
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/kerastase-genesis"
class=""
data-link
>
Genesis
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/kerastase-genesis-homme"
class=""
data-link
>
Genesis Homme
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/kerastase-gloss-absolu"
class=""
data-link
>
Gloss Absolu
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/kerastase-nutritive"
class=""
data-link
>
Nutritive
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/kerastase-premiere"
class=""
data-link
>
Première
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/kerastase-resistance"
class=""
data-link
>
Résistance
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/kerastase-specifique"
class=""
data-link
>
Spécifique
</a>
</li><li class="navigation__submenu-item animation--dropdown-item">
<a
href="/collections/kerastase-symbiose"
class=""
data-link
>
Symbiose
</a>
</li>
</ul>
</div>
<style>
/* Better moved to base.css/theme.css, but kept here as you had it */
.navigation__submenu img.menu-logo-only{
width: 180px !important;
max-width: none !important;
height: auto !important;
display: block;
}
</style>
</li>
</ul>
<style>
.menu-logo-item{
display: inline-flex;
align-items: center;
gap: 12px;
}
.header .menu-logo-item__img{
width: 110px !important; /* ⬅️ augmente ici si tu veux */
max-width: none !important;
height: auto !important;
display: block;
}
</style>
</nav>
</div>
</div>
<div class="no-js-menu no-js-menu--desktop">
<nav>
<ul>
<li>
<a href="/pages/dermocorner-soins-dermo-cosmetiques-la-roche-posay-vichy-cerave">DERMO-CORNER</a>
</li>
<li>
<a href="/collections/promotions">PROMOTIONS !</a>
</li>
<li>
<a href="/pages/produits-coreens">K-beauty</a>
</li>
<li>
<a href="/collections/visage">Visage</a>
</li>
<li>
<a href="/collections/solaire">Solaire</a>
</li>
<li>
<a href="/collections/solaire/PROTECTION-SLAIRE-VISAGE">Protection Solaire </a>
</li>
<li>
<a href="/collections/auto-bronzant">Auto-bronzant</a>
</li>
<li>
<a href="/collections/soin-apres-soleil">Soin après-soleil</a>
</li>
<li>
<a href="/collections/visage">Type de produit</a>
</li>
<li>
<a href="/collections/nettoyant-visage">Nettoyant Visage</a>
</li>
<li>
<a href="/collections/visage/serum-visage">Serum</a>
</li>
<li>
<a href="/collections/creme-de-jour">Crème de jour</a>
</li>
<li>
<a href="/collections/creme-de-nuit-1">Crème de nuit</a>
</li>
<li>
<a href="/collections/contour-des-yeux">Contour des yeux</a>
</li>
<li>
<a href="/collections/demaquillant">Démaquillant</a>
</li>
<li>
<a href="/collections/soins-des-levres">Soins des lèvres</a>
</li>
<li>
<a href="/collections/soin-cible">Soin ciblé</a>
</li>
<li>
<a href="/collections/soin-des-cils-et-sourcils">Soin Des Cils Et Sourcils</a>
</li>
<li>
<a href="/collections/lotion-tonique">Lotion tonique</a>
</li>
<li>
<a href="/collections/eau-micellaire">Eau micellaire</a>
</li>
<li>
<a href="/collections/huile-visage">Huile visage </a>
</li>
<li>
<a href="/collections/gommage-peeling-visage/Gommage--Peeling-Visage">Gommage & Peeling Visage</a>
</li>
<li>
<a href="/collections/masque-visage">Masque Visage </a>
</li>
<li>
<a href="/collections/visage">Besoins</a>
</li>
<li>
<a href="/collections/soin-anti-imperfections">Anti-imperfections</a>
</li>
<li>
<a href="/collections/anti-age-1">Anti-rides & anti-âge</a>
</li>
<li>
<a href="/collections/hydratant-nourrissant">Hydratant & nourrissant</a>
</li>
<li>
<a href="/collections/anti-taches">Anti-taches</a>
</li>
<li>
<a href="/collections/anti-pores">Anti-pores</a>
</li>
<li>
<a href="/collections/anti-rougeurs">Anti-rougeurs</a>
</li>
<li>
<a href="/collections/eclat-anti-fatigue">Eclat & anti-fatigue</a>
</li>
<li>
<a href="/collections/soin-matifiant">Soin matifiant</a>
</li>
<li>
<a href="/collections/peau-sensible">Peaux sensibles </a>
</li>
<li>
<a href="/collections/liftant">Raffermissant & liftant</a>
</li>
<li>
<a href="/collections/cheveux">Cheveux</a>
</li>
<li>
<a href="/collections/cheveux">Types des produits</a>
</li>
<li>
<a href="/collections/shampooing-1">Shampoing</a>
</li>
<li>
<a href="/collections/apres-shampoing">Après-shampoing</a>
</li>
<li>
<a href="/collections/masque-cheveux-1">Masque cheveux</a>
</li>
<li>
<a href="/collections/huile-cheveux">Huile cheveux</a>
</li>
<li>
<a href="/collections/cheveux/Coloration">Coloration cheveux</a>
</li>
<li>
<a href="/collections/shampoing-sec-1">Shampoing sec</a>
</li>
<li>
<a href="/products/nuxe-reve-de-miel-shampooing-solide-douceur-65-gr">Shampoing solide</a>
</li>
<li>
<a href="/collections/sans-rincage-cheveux">Soin sans rinçage</a>
</li>
<li>
<a href="/collections/brosses-et-accessoires">Brosses et accessoires</a>
</li>
<li>
<a href="/collections/cheveux">Besoins</a>
</li>
<li>
<a href="/collections/cheveux/Anti-chute">Anti chute</a>
</li>
<li>
<a href="/collections/hydratation-cheveux">Hydratant & Nourrissant</a>
</li>
<li>
<a href="/collections/cuir-chevelu">Cuir chevelu</a>
</li>
<li>
<a href="/collections/protection-solaire-cheveux">Protection solaire</a>
</li>
<li>
<a href="/collections/brillance-lissage">Brillance & lissage</a>
</li>
<li>
<a href="/collections/cheveux/Anti-pelliculaire">Anti-pelliculaire & apaisant</a>
</li>
<li>
<a href="/collections/cheveux-colores">Cheveux colorés</a>
</li>
<li>
<a href="/collections/cheveux">Types de cheveux</a>
</li>
<li>
<a href="/collections/cheveux-boucles">Cheveux bouclés, frisés</a>
</li>
<li>
<a href="/collections/shampoing-sec">Cheveux secs & abimés</a>
</li>
<li>
<a href="/collections/cheveux-colores">Cheveux colorés</a>
</li>
<li>
<a href="/collections/cheveux-blonds">Cheveux blonds</a>
</li>
<li>
<a href="/collections/cheveux-normaux">Cheveux normaux</a>
</li>
<li>
<a href="/collections/cheveux-mixte-a-gras">Cheveux Mixte à Gras</a>
</li>
<li>
<a href="/collections/complements-alimentaires-cheveux">Compléments alimentaires cheveux</a>
</li>
<li>
<a href="https://beautymarket.ma/pages/premium">PREMIUM</a>
</li>
<li>
<a href="/collections/maquillage">Maquillage</a>
</li>
<li>
<a href="/collections/teint">Teint</a>
</li>
<li>
<a href="/collections/fond-de-teint">Fond de teint</a>
</li>
<li>
<a href="/collections/anti-cernes-correcteur">Anti cerne et Correcteur</a>
</li>
<li>
<a href="/collections/rougir">Blush</a>
</li>
<li>
<a href="/collections/highlight">Highlighter</a>
</li>
<li>
<a href="/collections/palette">Palette Teint</a>
</li>
<li>
<a href="/collections/maquillage/Yeux">Yeux</a>
</li>
<li>
<a href="/collections/palette-yeux">Palette Yeux</a>
</li>
<li>
<a href="/collections/mascara">Mascara</a>
</li>
<li>
<a href="/collections/eyeliner">Eyeliner</a>
</li>
<li>
<a href="/collections/crayon-yeux">Crayon yeux & khôl</a>
</li>
<li>
<a href="/collections/soin-levres">Lèvres</a>
</li>
<li>
<a href="/collections/rouge-a-levres">Rouge à lèvres</a>
</li>
<li>
<a href="/collections/gloss">Gloss</a>
</li>
<li>
<a href="/collections/crayon-a-levres">Crayon à lèvres</a>
</li>
<li>
<a href="/collections/levres-plump">Repulpeur</a>
</li>
<li>
<a href="/collections/rouge-a-levres-liquide">Rouge à lèvres liquide</a>
</li>
<li>
<a href="/collections/rouge-a-levres-mat">Rouge à lèvres mat</a>
</li>
<li>
<a href="/collections/ongles">Ongles</a>
</li>
<li>
<a href="/collections/outils-et-accessoires-de-beaute">Outils et Accessoires de Maquillage</a>
</li>
<li>
<a href="/collections/corps">Corps & Bain</a>
</li>
<li>
<a href="/collections/protection-solaire-1/corps">Solaire</a>
</li>
<li>
<a href="/collections/auto-bronzant-corps">Auto-bronzant corps</a>
</li>
<li>
<a href="/collections/protection-solaire-1">Protection solaire corps</a>
</li>
<li>
<a href="/collections/apres-soleil-corps">Après-soleil corps</a>
</li>
<li>
<a href="/collections/corps">Type de produit</a>
</li>
<li>
<a href="/collections/nettoyant-corps">Nettoyant</a>
</li>
<li>
<a href="/collections/hydratant-corps">Crème hydratante</a>
</li>
<li>
<a href="/collections/gommage-peeling-corps">Gommage & Peeling Corps</a>
</li>
<li>
<a href="/collections/huile-corps">Huile nourrissante</a>
</li>
<li>
<a href="/collections/eau-de-soin">Eau de soin</a>
</li>
<li>
<a href="/collections/corps">Besoins</a>
</li>
<li>
<a href="/collections/anti-vergetures">Soin anti vergetures</a>
</li>
<li>
<a href="/collections/hydratant-corps">Soin hydratant & nourrissant</a>
</li>
<li>
<a href="/collections/mains-ongles">Soin des mains</a>
</li>
<li>
<a href="/collections/soin-des-ongles">soin des ongles</a>
</li>
<li>
<a href="/collections/soin-des-pieds">Soin des pieds</a>
</li>
<li>
<a href="/collections/bain-et-douche">Bain & Douche</a>
</li>
<li>
<a href="/collections/gel-douche">Gel douche</a>
</li>
<li>
<a href="/collections/savon-solide">Savon solide</a>
</li>
<li>
<a href="/collections/huile-de-bain">Huile de bain</a>
</li>
<li>
<a href="/collections/huiles-lavantes">Huiles lavantes</a>
</li>
<li>
<a href="/collections/bebe-et-maman">Maman & Bébé</a>
</li>
<li>
<a href="/collections/pack-soin-maman-bebe">Pack Soin Maman & Bébé</a>
</li>
<li>
<a href="/collections/protection-solaire-bebe-maman">Protection Solaire</a>
</li>
<li>
<a href="/collections/hygiene-bebe">Hygiène bébé</a>
</li>
<li>
<a href="/collections/nettoyant-bebe">Nettoyant Bébé</a>
</li>
<li>
<a href="/collections/couches-bebe-et-change">Couches bébé et change</a>
</li>
<li>
<a href="/collections/lingettes">Lingettes</a>
</li>
<li>
<a href="/collections/creme-de-change">Crème De Change</a>
</li>
<li>
<a href="/collections/hydratation-bebe">Hydratation bébé</a>
</li>
<li>
<a href="/collections/bebe-eaux-parfumees">Eaux parfumées</a>
</li>
<li>
<a href="https://beautymarket.ma/search?options%5Bprefix%5D=last&q=Accessoires+b%C3%A9b%C3%A9">Accessoires bébé</a>
</li>
<li>
<a href="/collections/thermometre-frontale-et-auriculaire">Thermomètre frontale et auriculaire</a>
</li>
<li>
<a href="/collections/biberon-et-tetines">Biberon </a>
</li>
<li>
<a href="/collections/tetines">Tétines</a>
</li>
<li>
<a href="/collections/parfums-brumes">Parfums & Brumes</a>
</li>
<li>
<a href="/collections/maman">Maman</a>
</li>
<li>
<a href="/collections/soins-des-vergetures">Soins des vergetures</a>
</li>
<li>
<a href="/collections/complements-alimentaires-grossesses">Compléments alimentaires </a>
</li>
<li>
<a href="/collections/homme">Homme </a>
</li>
<li>
<a href="/collections/bucco-dentaire">Dentaire</a>
</li>
<li>
<a href="/collections/dentifrice">Dentifrice</a>
</li>
<li>
<a href="/collections/bain-de-bouche">Bain de bouche</a>
</li>
<li>
<a href="/collections/brosses-a-dent">Brosses à dent</a>
</li>
<li>
<a href="/collections/hygiene-1">Hygiène</a>
</li>
<li>
<a href="/collections/deodorants">Déodorants</a>
</li>
<li>
<a href="/collections/hygiene-1">Hygiène intime</a>
</li>
<li>
<a href="/collections/protections-hygieniques">Protections Hygiéniques</a>
</li>
<li>
<a href="/collections/appareils-brosses-cheveux">Accessoires </a>
</li>
<li>
<a href="/collections/minceur/Minceur">Minceur</a>
</li>
<li>
<a href="/pages/sport">Sport</a>
</li>
<li>
<a href="/collections/complements-alimentaires">Complements Alimentaires</a>
</li>
<li>
<a href="/collections/complements-alimentaires-enfants">Vitamines & Complements Alimentaires Enfants</a>
</li>
<li>
<a href="/collections/complements-alimentaires-cheveux">Complements Alimentaires Cheveux </a>
</li>
<li>
<a href="/collections/complements-alimentaires-grossesses">Complements Alimentaires Grossesses</a>
</li>
<li>
<a href="https://beautymarket.ma/pages/premium">Premium Hair Care</a>
</li>
<li>
<a href="/collections/kerastase-blond-absolu">Blond Absolu</a>
</li>
<li>
<a href="/collections/kerastase-chroma-absolu">Chroma Absolu</a>
</li>
<li>
<a href="/collections/kerastase-chronologiste">Chronologiste </a>
</li>
<li>
<a href="/collections/kerastase-curl-manifesto">Curl Manifesto </a>
</li>
<li>
<a href="/collections/kerastase-discipline">Discipline</a>
</li>
<li>
<a href="/collections/kerastase-elixir">Elixir</a>
</li>
<li>
<a href="/collections/kerastase-genesis">Genesis</a>
</li>
<li>
<a href="/collections/kerastase-genesis-homme">Genesis Homme</a>
</li>
<li>
<a href="/collections/kerastase-gloss-absolu">Gloss Absolu</a>
</li>
<li>
<a href="/collections/kerastase-nutritive">Nutritive </a>
</li>
<li>
<a href="/collections/kerastase-premiere">Première</a>
</li>
<li>
<a href="/collections/kerastase-resistance">Résistance</a>
</li>
<li>
<a href="/collections/kerastase-specifique">Spécifique</a>
</li>
<li>
<a href="/collections/kerastase-symbiose">Symbiose</a>
</li>
</ul>
</nav>
</div>
</header>
<script>
// Set heading height at component level
const header = document.querySelector('[data-section-type="header"]');
document.documentElement.style.setProperty('--height-header', header.offsetHeight + 'px');
</script>
<div
class="purchase-confirmation-popup"
data-purchase-confirmation-popup
>
<div class="purchase-confirmation-popup__inner"></div>
</div>
<div class="flash-alert" data-flash-alert>
<div class="flash-alert__container ff-body fs-body-100"></div>
</div>
</div><div id="shopify-section-sections--18718532960431__mobile-menu" class="shopify-section shopify-section-group-header-group">
<section
class="mobile-menu"
data-mobile-menu
data-scroll-lock-ignore
data-section-type="mobile-menu"
data-section-id="sections--18718532960431__mobile-menu"
style=" --color-text-featured-link: #c8a46b; --social-media-icons-per-row: 5; --logo-width: 80px; "
>
<div class="mobile-menu__overlay" data-overlay></div>
<div
class="mobile-menu__panel"
>
<template data-template-key="mobile-menu-contents">
<button
aria-label="Fermer le menu"
class="mobile-menu-close-button"
>
<span
class="icon-button modal-drawer-close"
data-size="large">
<span class="icon-button__icon">
<span class="icon icon-modal-drawer-close icon--primary" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6 6L12.25 12.25M18.5 18.5L12.25 12.25M12.25 12.25L18.5 6M12.25 12.25L6 18.5" stroke="currentColor" stroke-width="1.16667" stroke-linecap="square"/></svg>
</span>
</span>
</span>
</button>
<div class="mobile-menu__viewport">
<div class="mobile-menu__viewport-content" data-depth="0" data-all-links>
<div class="mobile-menu__main" data-main role="navigation">
<div class="mobile-menu__links-wrapper">
<div data-pane-key="home" data-scroll-lock-ignore data-menu-depth="0">
<ul
data-primary-container="true"
>
<li class="mobile-menu__item mobile-menu__item--header">
<div class="mobile-menu__item--heading-content">
<div
class="image mobile-menu__item--heading-logo animation--lazy-load"
style=""
>
<img
alt=""
class="image__img"
fetchpriority="high"
width="1629"
height="1017"
src="//beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=320"
srcset="//beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=100 100w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=150 150w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=200 200w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=240 240w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=280 280w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=300 300w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=360 360w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=400 400w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=450 450w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=500 500w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=550 550w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=600 600w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=650 650w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=700 700w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=750 750w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=800 800w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=850 850w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=900 900w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=950 950w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=1000 1000w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=1100 1100w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=1200 1200w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=1300 1300w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=1400 1400w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=1500 1500w, //beautymarket.ma/cdn/shop/files/BMGARNIERLOGO_bdf565a2-5ea0-4ebe-b68c-1a2e8364863a.png?v=1774285223&width=1600 1600w"
sizes="80px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</div>
</li>
<li class="mobile-menu__item mobile-menu__item--callout">
<button data-action="show-sub-pane" data-link-target-pane-key="account-info" class="mobile-menu__link">
<span class="icon icon-header-account" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.69 2.164C12.553 2.16384 13.3995 2.4008 14.137 2.849C14.8896 3.30776 15.5085 3.95603 15.932 4.729C16.364 5.51 16.593 6.397 16.597 7.301C16.6017 8.20104 16.3803 9.08784 15.953 9.88C15.5555 10.6181 14.9806 11.2456 14.28 11.706C14.2326 11.7274 14.1885 11.7553 14.149 11.789C13.4166 12.2327 12.5773 12.4688 11.721 12.472C10.8546 12.4731 10.0045 12.2358 9.264 11.786C8.50865 11.3257 7.88757 10.675 7.463 9.899C7.02936 9.10917 6.80144 8.22293 6.80021 7.3219C6.79899 6.42086 7.02451 5.534 7.456 4.743C7.87732 3.96851 8.49455 3.31817 9.246 2.857C9.98182 2.40652 10.8272 2.1668 11.69 2.164ZM14.56 12.88C13.6953 13.3724 12.7181 13.6332 11.723 13.637C10.7149 13.6382 9.72409 13.3754 8.849 12.875C7.1875 13.4999 5.75828 14.6206 4.755 16.085C3.67685 17.6542 3.10139 19.0961 3.105 21C3.105 21.321 2.858 21.582 2.553 21.582C2.247 21.582 2 21.322 2 21C2 18.837 2.652 17.148 3.861 15.399C4.8441 13.9673 6.1891 12.8217 7.759 12.079C7.25783 11.6185 6.83497 11.0794 6.507 10.483C5.97435 9.51303 5.69442 8.42459 5.693 7.318V7.316C5.6927 6.21317 5.96951 5.12795 6.498 4.16C7.01465 3.21132 7.77117 2.4148 8.692 1.85C9.59426 1.29744 10.631 1.0034 11.689 1C12.7467 0.999971 13.7842 1.29055 14.688 1.84C15.6102 2.4019 16.3689 3.19603 16.888 4.143C17.418 5.101 17.698 6.188 17.702 7.297C17.7078 8.39979 17.4365 9.48637 16.913 10.457C16.5841 11.0658 16.1566 11.6159 15.648 12.085C17.2132 12.8276 18.5542 13.9709 19.535 15.399C20.7514 17.1702 21.4005 18.8514 21.396 21C21.396 21.321 21.149 21.582 20.843 21.582C20.538 21.582 20.29 21.322 20.29 21C20.2935 19.0961 19.7181 17.6542 18.64 16.085C17.6397 14.6246 16.2157 13.506 14.56 12.88Z" fill="currentColor" stroke="currentColor" stroke-width="0.19"/></svg>
</span>
<span class="fs-body-100">
Se connecter ou créer un compte
</span>
</button>
</li>
<li class="mobile_menu__promo_blocks" data-position="top">
<div class="mobile_menu__promo_block mobile-menu-block-promoted-collections" >
<div
class="mobile-menu-block-promoted-collections__inner"
data-column-count="3"
data-title-style="beneath"
>
<div
class="mobile-menu-block-promoted-collections-item"
data-title-style="beneath"
>
<a
href="/collections/best-sellers">
<div class="mobile-menu-block-promoted-collections-item__image-wrap"><div
class="image aspect-ratio--square animation--lazy-load"
style=""
>
<img
alt="Nos Best-Sellers"
class="image__img"
loading="lazy"
width="600"
height="600"
src="//beautymarket.ma/cdn/shop/collections/BESTSSE.png?v=1719571753&width=320"
srcset="//beautymarket.ma/cdn/shop/collections/BESTSSE.png?crop=center&height=100&v=1719571753&width=100 100w, //beautymarket.ma/cdn/shop/collections/BESTSSE.png?crop=center&height=150&v=1719571753&width=150 150w, //beautymarket.ma/cdn/shop/collections/BESTSSE.png?crop=center&height=200&v=1719571753&width=200 200w, //beautymarket.ma/cdn/shop/collections/BESTSSE.png?crop=center&height=240&v=1719571753&width=240 240w, //beautymarket.ma/cdn/shop/collections/BESTSSE.png?crop=center&height=280&v=1719571753&width=280 280w, //beautymarket.ma/cdn/shop/collections/BESTSSE.png?crop=center&height=300&v=1719571753&width=300 300w, //beautymarket.ma/cdn/shop/collections/BESTSSE.png?crop=center&height=360&v=1719571753&width=360 360w, //beautymarket.ma/cdn/shop/collections/BESTSSE.png?crop=center&height=400&v=1719571753&width=400 400w, //beautymarket.ma/cdn/shop/collections/BESTSSE.png?crop=center&height=450&v=1719571753&width=450 450w, //beautymarket.ma/cdn/shop/collections/BESTSSE.png?crop=center&height=500&v=1719571753&width=500 500w, //beautymarket.ma/cdn/shop/collections/BESTSSE.png?crop=center&height=550&v=1719571753&width=550 550w, //beautymarket.ma/cdn/shop/collections/BESTSSE.png?crop=center&height=600&v=1719571753&width=600 600w"
sizes="30vw"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div></div>
<div
class="mobile-menu-block-promoted-collections-item__text-wrap"
>
<h3 class="ff-body fs-body-100 mobile-menu-block-promoted-collections-item__text-title">
Nos Best-Sellers
</h3>
</div>
</a>
</div>
<div
class="mobile-menu-block-promoted-collections-item"
data-title-style="beneath"
>
<a
href="/collections/promotions">
<div class="mobile-menu-block-promoted-collections-item__image-wrap"><div
class="image aspect-ratio--square animation--lazy-load"
style=""
>
<img
alt="!!!تخفيضات هامة"
class="image__img"
loading="lazy"
width="1080"
height="1080"
src="//beautymarket.ma/cdn/shop/collections/promotion-square-sticker-sign-banner-260nw-1427755229.webp?v=1738669980&width=320"
srcset="//beautymarket.ma/cdn/shop/collections/promotion-square-sticker-sign-banner-260nw-1427755229.webp?crop=center&height=100&v=1738669980&width=100 100w, //beautymarket.ma/cdn/shop/collections/promotion-square-sticker-sign-banner-260nw-1427755229.webp?crop=center&height=150&v=1738669980&width=150 150w, //beautymarket.ma/cdn/shop/collections/promotion-square-sticker-sign-banner-260nw-1427755229.webp?crop=center&height=200&v=1738669980&width=200 200w, //beautymarket.ma/cdn/shop/collections/promotion-square-sticker-sign-banner-260nw-1427755229.webp?crop=center&height=240&v=1738669980&width=240 240w, //beautymarket.ma/cdn/shop/collections/promotion-square-sticker-sign-banner-260nw-1427755229.webp?crop=center&height=280&v=1738669980&width=280 280w, //beautymarket.ma/cdn/shop/collections/promotion-square-sticker-sign-banner-260nw-1427755229.webp?crop=center&height=300&v=1738669980&width=300 300w, //beautymarket.ma/cdn/shop/collections/promotion-square-sticker-sign-banner-260nw-1427755229.webp?crop=center&height=360&v=1738669980&width=360 360w, //beautymarket.ma/cdn/shop/collections/promotion-square-sticker-sign-banner-260nw-1427755229.webp?crop=center&height=400&v=1738669980&width=400 400w, //beautymarket.ma/cdn/shop/collections/promotion-square-sticker-sign-banner-260nw-1427755229.webp?crop=center&height=450&v=1738669980&width=450 450w, //beautymarket.ma/cdn/shop/collections/promotion-square-sticker-sign-banner-260nw-1427755229.webp?crop=center&height=500&v=1738669980&width=500 500w, //beautymarket.ma/cdn/shop/collections/promotion-square-sticker-sign-banner-260nw-1427755229.webp?crop=center&height=550&v=1738669980&width=550 550w, //beautymarket.ma/cdn/shop/collections/promotion-square-sticker-sign-banner-260nw-1427755229.webp?crop=center&height=600&v=1738669980&width=600 600w, //beautymarket.ma/cdn/shop/collections/promotion-square-sticker-sign-banner-260nw-1427755229.webp?crop=center&height=650&v=1738669980&width=650 650w, //beautymarket.ma/cdn/shop/collections/promotion-square-sticker-sign-banner-260nw-1427755229.webp?crop=center&height=700&v=1738669980&width=700 700w, //beautymarket.ma/cdn/shop/collections/promotion-square-sticker-sign-banner-260nw-1427755229.webp?crop=center&height=750&v=1738669980&width=750 750w, //beautymarket.ma/cdn/shop/collections/promotion-square-sticker-sign-banner-260nw-1427755229.webp?crop=center&height=800&v=1738669980&width=800 800w, //beautymarket.ma/cdn/shop/collections/promotion-square-sticker-sign-banner-260nw-1427755229.webp?crop=center&height=850&v=1738669980&width=850 850w, //beautymarket.ma/cdn/shop/collections/promotion-square-sticker-sign-banner-260nw-1427755229.webp?crop=center&height=900&v=1738669980&width=900 900w, //beautymarket.ma/cdn/shop/collections/promotion-square-sticker-sign-banner-260nw-1427755229.webp?crop=center&height=950&v=1738669980&width=950 950w, //beautymarket.ma/cdn/shop/collections/promotion-square-sticker-sign-banner-260nw-1427755229.webp?crop=center&height=1000&v=1738669980&width=1000 1000w"
sizes="30vw"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div></div>
<div
class="mobile-menu-block-promoted-collections-item__text-wrap"
>
<h3 class="ff-body fs-body-100 mobile-menu-block-promoted-collections-item__text-title">
!!!تخفيضات هامة
</h3>
</div>
</a>
</div>
<div
class="mobile-menu-block-promoted-collections-item"
data-title-style="beneath"
>
<a
href="/collections/gift-box">
<div class="mobile-menu-block-promoted-collections-item__image-wrap"><div
class="image aspect-ratio--square animation--lazy-load"
style=""
>
<img
alt="Gift Box"
class="image__img"
loading="lazy"
width="600"
height="600"
src="//beautymarket.ma/cdn/shop/collections/GIFTFF.png?v=1719571553&width=320"
srcset="//beautymarket.ma/cdn/shop/collections/GIFTFF.png?crop=center&height=100&v=1719571553&width=100 100w, //beautymarket.ma/cdn/shop/collections/GIFTFF.png?crop=center&height=150&v=1719571553&width=150 150w, //beautymarket.ma/cdn/shop/collections/GIFTFF.png?crop=center&height=200&v=1719571553&width=200 200w, //beautymarket.ma/cdn/shop/collections/GIFTFF.png?crop=center&height=240&v=1719571553&width=240 240w, //beautymarket.ma/cdn/shop/collections/GIFTFF.png?crop=center&height=280&v=1719571553&width=280 280w, //beautymarket.ma/cdn/shop/collections/GIFTFF.png?crop=center&height=300&v=1719571553&width=300 300w, //beautymarket.ma/cdn/shop/collections/GIFTFF.png?crop=center&height=360&v=1719571553&width=360 360w, //beautymarket.ma/cdn/shop/collections/GIFTFF.png?crop=center&height=400&v=1719571553&width=400 400w, //beautymarket.ma/cdn/shop/collections/GIFTFF.png?crop=center&height=450&v=1719571553&width=450 450w, //beautymarket.ma/cdn/shop/collections/GIFTFF.png?crop=center&height=500&v=1719571553&width=500 500w, //beautymarket.ma/cdn/shop/collections/GIFTFF.png?crop=center&height=550&v=1719571553&width=550 550w, //beautymarket.ma/cdn/shop/collections/GIFTFF.png?crop=center&height=600&v=1719571553&width=600 600w"
sizes="30vw"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div></div>
<div
class="mobile-menu-block-promoted-collections-item__text-wrap"
>
<h3 class="ff-body fs-body-100 mobile-menu-block-promoted-collections-item__text-title">
Gift Box
</h3>
</div>
</a>
</div>
</div>
</div>
</li>
<li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link no-transition featured-link"
href="https://beautymarket.ma/pages/premium"
data-action="show-sub-pane"
data-link-target-pane-key="submenu-premium-hair-care-0-1"
data-link="primary"
aria-haspopup="true"
aria-expanded="false"
>
<span class="mobile-menu__link__text fs-body-100">
<span class="menu-logo-item-mobile">
<img
src="https://cdn.shopify.com/s/files/1/0572/7938/1679/files/LOGO_NOIR.png?v=1771592429"
alt="HPremium Hair Care"
class="menu-logo-item-mobile__img"
loading="lazy"
>
<span class="menu-logo-item-mobile__text">Premium Hair Care</span>
</span>
</span>
<span class="icon icon-chevron menu-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2"/></svg>
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/pages/dermocorner-soins-dermo-cosmetiques-la-roche-posay-vichy-cerave"
>
<span class="mobile-menu__link__text fs-body-100">
DERMO-CORNER
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/promotions"
>
<span class="mobile-menu__link__text fs-body-100">
PROMOTIONS !
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/pages/produits-coreens"
>
<span class="mobile-menu__link__text fs-body-100">
K-beauty
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link no-transition"
href="/collections/visage"
data-action="show-sub-pane"
data-link-target-pane-key="submenu-visage-4-1"
data-link="primary"
aria-haspopup="true"
aria-expanded="false"
>
<span class="mobile-menu__link__text fs-body-100">
Visage
</span>
<span class="icon icon-chevron menu-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2"/></svg>
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link no-transition"
href="/collections/cheveux"
data-action="show-sub-pane"
data-link-target-pane-key="submenu-cheveux-5-1"
data-link="primary"
aria-haspopup="true"
aria-expanded="false"
>
<span class="mobile-menu__link__text fs-body-100">
Cheveux
</span>
<span class="icon icon-chevron menu-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2"/></svg>
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link no-transition"
href="/collections/maquillage"
data-action="show-sub-pane"
data-link-target-pane-key="submenu-maquillage-6-1"
data-link="primary"
aria-haspopup="true"
aria-expanded="false"
>
<span class="mobile-menu__link__text fs-body-100">
Maquillage
</span>
<span class="icon icon-chevron menu-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2"/></svg>
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link no-transition"
href="/collections/corps"
data-action="show-sub-pane"
data-link-target-pane-key="submenu-corps-bain-7-1"
data-link="primary"
aria-haspopup="true"
aria-expanded="false"
>
<span class="mobile-menu__link__text fs-body-100">
Corps & Bain
</span>
<span class="icon icon-chevron menu-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2"/></svg>
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link no-transition"
href="/collections/bebe-et-maman"
data-action="show-sub-pane"
data-link-target-pane-key="submenu-maman-bebe-8-1"
data-link="primary"
aria-haspopup="true"
aria-expanded="false"
>
<span class="mobile-menu__link__text fs-body-100">
Maman & Bébé
</span>
<span class="icon icon-chevron menu-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2"/></svg>
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/homme"
>
<span class="mobile-menu__link__text fs-body-100">
Homme
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link no-transition"
href="/collections/bucco-dentaire"
data-action="show-sub-pane"
data-link-target-pane-key="submenu-dentaire-10-1"
data-link="primary"
aria-haspopup="true"
aria-expanded="false"
>
<span class="mobile-menu__link__text fs-body-100">
Dentaire
</span>
<span class="icon icon-chevron menu-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2"/></svg>
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link no-transition"
href="/collections/hygiene-1"
data-action="show-sub-pane"
data-link-target-pane-key="submenu-hygiene-11-1"
data-link="primary"
aria-haspopup="true"
aria-expanded="false"
>
<span class="mobile-menu__link__text fs-body-100">
Hygiène
</span>
<span class="icon icon-chevron menu-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2"/></svg>
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/appareils-brosses-cheveux"
>
<span class="mobile-menu__link__text fs-body-100">
Accessoires
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/minceur/Minceur"
>
<span class="mobile-menu__link__text fs-body-100">
Minceur
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/pages/sport"
>
<span class="mobile-menu__link__text fs-body-100">
Sport
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link no-transition"
href="/collections/complements-alimentaires"
data-action="show-sub-pane"
data-link-target-pane-key="submenu-complements-alimentaires-15-1"
data-link="primary"
aria-haspopup="true"
aria-expanded="false"
>
<span class="mobile-menu__link__text fs-body-100">
Complements Alimentaires
</span>
<span class="icon icon-chevron menu-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2"/></svg>
</span>
</a>
</li>
<li class="mobile_menu__promo_blocks" data-position="bottom">
<div class="mobile_menu__promo_block mobile-menu-block-promoted-text" >
<div class="mobile-menu-block-promoted-text__inner fs-body-100 rte" data-layout="">
<h3><strong>HORAIRE DE TRAVAIL – RAMADAN</strong></h3><p>Des questions ? Nous sommes là pour vous <strong>Du lundi au vendredi : de 09h00 à 16h00</strong><br/><strong>Samedi : de 09h00 à 14h00</strong><br/><br/><br/></p>
</div>
</div>
</li>
</ul>
<div class="mobile-menu__social_icons_section">
<ul class="social-icons social-icons--left mobile-menu__social-icons" data-count="3"><li>
<a
href="https://pin.it/7guM1ElK0"
title="beautymarket.maroc sur Pinterest"
target="_blank"
rel="noopener"
>
<span class="icon icon-pinterest" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12,2C6.477,2,2,6.477,2,12c0,4.237,2.636,7.855,6.356,9.312c-0.087-0.791-0.167-2.005,0.035-2.868 c0.182-0.78,1.172-4.971,1.172-4.971s-0.299-0.599-0.299-1.484c0-1.391,0.806-2.428,1.809-2.428c0.853,0,1.265,0.641,1.265,1.408 c0,0.858-0.546,2.141-0.828,3.329c-0.236,0.996,0.499,1.807,1.481,1.807c1.777,0,3.143-1.874,3.143-4.579 c0-2.394-1.72-4.068-4.177-4.068c-2.845,0-4.515,2.134-4.515,4.34c0,0.859,0.331,1.781,0.744,2.282 c0.082,0.099,0.093,0.186,0.069,0.287c-0.076,0.316-0.244,0.995-0.277,1.134c-0.043,0.183-0.145,0.222-0.334,0.133 c-1.249-0.582-2.03-2.408-2.03-3.874c0-3.154,2.292-6.052,6.608-6.052c3.469,0,6.165,2.472,6.165,5.776 c0,3.447-2.173,6.22-5.189,6.22c-1.013,0-1.966-0.527-2.292-1.148c0,0-0.502,1.909-0.623,2.378 c-0.226,0.868-0.835,1.958-1.243,2.622C9.975,21.843,10.969,22,12,22c5.522,0,10-4.478,10-10S17.523,2,12,2z" fill="currentColor" /></svg>
</span>
</a>
</li><li>
<a
href="https://www.instagram.com/beautymarket_ma/"
title="beautymarket.maroc sur Instagram"
target="_blank"
rel="noopener"
>
<span class="icon icon-instagram" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.8,2H16.2C19.4,2 22,4.6 22,7.8V16.2A5.8,5.8 0 0,1 16.2,22H7.8C4.6,22 2,19.4 2,16.2V7.8A5.8,5.8 0 0,1 7.8,2M7.6,4A3.6,3.6 0 0,0 4,7.6V16.4C4,18.39 5.61,20 7.6,20H16.4A3.6,3.6 0 0,0 20,16.4V7.6C20,5.61 18.39,4 16.4,4H7.6M17.25,5.5A1.25,1.25 0 0,1 18.5,6.75A1.25,1.25 0 0,1 17.25,8A1.25,1.25 0 0,1 16,6.75A1.25,1.25 0 0,1 17.25,5.5M12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9Z" fill="currentColor" /></svg>
</span>
</a>
</li><li>
<a
href="https://www.tiktok.com/@beautymarket_ma"
title="beautymarket.maroc sur Tiktok"
target="_blank"
rel="noopener"
>
<span class="icon icon-tiktok" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16.16 1.35c.35 3 2 4.83 5 5v3.4a7.79 7.79 0 0 1-4.92-1.44v6.36c0 8.07-8.8 10.59-12.34 4.81C1.59 15.77 3 9.24 10.28 9v3.59a11.24 11.24 0 0 0-1.69.41c-1.62.55-2.54 1.58-2.29 3.4.49 3.47 6.87 4.5 6.34-2.29V1.36h3.52z" fill="currentColor"/></svg>
</span>
</a>
</li></ul>
</div>
</div>
<ul
data-menu-depth="1"
data-pane-key="submenu-premium-hair-care-0-1"
data-scroll-lock-ignore
aria-hidden="true"
inert
class="mobile-menu__list mobile-menu__list--sub"
>
<li class="mobile-menu__item mobile-menu__item--header">
<button
class="mobile-menu__item--heading-back-link fs-body-100"
data-action="home"
aria-label="Retour au menu principal"
>
<span class="icon icon-arrow-short back-link-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 12.4016H11.5H23M23 12.4016L13.8 3M23 12.4016L13.8 21.8032" stroke="currentColor" stroke-width="1.75"/></svg>
</span>
Retour au menu principal
</button>
</li>
<li class="mobile-menu__item mobile-menu__item--heading">
<a
class="mobile-menu__link"
data-heading="true"
href="https://beautymarket.ma/pages/premium"
>
<span class="ff-heading fs-body-300 fs-heading-4-base">Premium Hair Care</span>
</a>
</li>
<li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/kerastase-blond-absolu"
>
<span class="mobile-menu__link__text fs-body-100">
Blond Absolu
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/kerastase-chroma-absolu"
>
<span class="mobile-menu__link__text fs-body-100">
Chroma Absolu
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/kerastase-chronologiste"
>
<span class="mobile-menu__link__text fs-body-100">
Chronologiste
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/kerastase-curl-manifesto"
>
<span class="mobile-menu__link__text fs-body-100">
Curl Manifesto
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/kerastase-discipline"
>
<span class="mobile-menu__link__text fs-body-100">
Discipline
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/kerastase-elixir"
>
<span class="mobile-menu__link__text fs-body-100">
Elixir
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/kerastase-genesis"
>
<span class="mobile-menu__link__text fs-body-100">
Genesis
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/kerastase-genesis-homme"
>
<span class="mobile-menu__link__text fs-body-100">
Genesis Homme
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/kerastase-gloss-absolu"
>
<span class="mobile-menu__link__text fs-body-100">
Gloss Absolu
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/kerastase-nutritive"
>
<span class="mobile-menu__link__text fs-body-100">
Nutritive
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/kerastase-premiere"
>
<span class="mobile-menu__link__text fs-body-100">
Première
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/kerastase-resistance"
>
<span class="mobile-menu__link__text fs-body-100">
Résistance
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/kerastase-specifique"
>
<span class="mobile-menu__link__text fs-body-100">
Spécifique
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/kerastase-symbiose"
>
<span class="mobile-menu__link__text fs-body-100">
Symbiose
</span>
</a>
</li>
</ul>
<style>
.menu-logo-item-mobile{
display:inline-flex;
align-items:center;
gap:10px;
}
.menu-logo-item-mobile__img{
width:70px;
height:auto;
display:block;
}
.menu-logo-item-mobile__text{
display:inline-block;
line-height:1;
}
</style>
<ul
data-menu-depth="1"
data-pane-key="submenu-visage-4-1"
data-scroll-lock-ignore
aria-hidden="true"
inert
class="mobile-menu__list mobile-menu__list--sub"
>
<li class="mobile-menu__item mobile-menu__item--header">
<button
class="mobile-menu__item--heading-back-link fs-body-100"
data-action="home"
aria-label="Retour au menu principal"
>
<span class="icon icon-arrow-short back-link-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 12.4016H11.5H23M23 12.4016L13.8 3M23 12.4016L13.8 21.8032" stroke="currentColor" stroke-width="1.75"/></svg>
</span>
Retour au menu principal
</button>
</li>
<li class="mobile-menu__item mobile-menu__item--heading">
<a
class="mobile-menu__link"
data-heading="true"
href="/collections/visage"
>
<span class="ff-heading fs-body-300 fs-heading-4-base">Visage</span>
</a>
</li>
<li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link no-transition"
href="/collections/solaire"
data-action="show-sub-pane"
data-link-target-pane-key="submenu-visage-solaire-0-2"
data-link="primary"
aria-haspopup="true"
aria-expanded="false"
>
<span class="mobile-menu__link__text fs-body-100">
Solaire
</span>
<span class="icon icon-chevron menu-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2"/></svg>
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link no-transition"
href="/collections/visage"
data-action="show-sub-pane"
data-link-target-pane-key="submenu-visage-type-de-produit-1-2"
data-link="primary"
aria-haspopup="true"
aria-expanded="false"
>
<span class="mobile-menu__link__text fs-body-100">
Type de produit
</span>
<span class="icon icon-chevron menu-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2"/></svg>
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link no-transition"
href="/collections/visage"
data-action="show-sub-pane"
data-link-target-pane-key="submenu-visage-besoins-2-2"
data-link="primary"
aria-haspopup="true"
aria-expanded="false"
>
<span class="mobile-menu__link__text fs-body-100">
Besoins
</span>
<span class="icon icon-chevron menu-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2"/></svg>
</span>
</a>
</li>
</ul>
<ul
data-menu-depth="2"
data-pane-key="submenu-visage-solaire-0-2"
data-scroll-lock-ignore
aria-hidden="true"
inert
class="mobile-menu__list mobile-menu__list--sub"
>
<li class="mobile-menu__item mobile-menu__item--header">
<button
class="mobile-menu__item--heading-back-link fs-body-100"
data-action="home"
aria-label="Retour au menu principal"
>
<span class="icon icon-arrow-short back-link-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 12.4016H11.5H23M23 12.4016L13.8 3M23 12.4016L13.8 21.8032" stroke="currentColor" stroke-width="1.75"/></svg>
</span>
Retour au menu principal
</button>
</li>
<li class="mobile-menu__item mobile-menu__item--callout">
<button
data-action="show-sub-pane"
data-link-target-pane-key="submenu-visage-4-1"
class="mobile-menu__link fs-body-100"
>
<span class="icon icon-chevron back-link-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2"/></svg>
</span>
Visage
</button>
</li>
<li class="mobile-menu__item mobile-menu__item--heading">
<a
class="mobile-menu__link"
data-heading="true"
href="/collections/solaire"
>
<span class="ff-heading fs-body-300 fs-heading-4-base">Solaire</span>
</a>
</li>
<li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/solaire/PROTECTION-SLAIRE-VISAGE"
>
<span class="mobile-menu__link__text fs-body-100">
Protection Solaire
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/auto-bronzant"
>
<span class="mobile-menu__link__text fs-body-100">
Auto-bronzant
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/soin-apres-soleil"
>
<span class="mobile-menu__link__text fs-body-100">
Soin après-soleil
</span>
</a>
</li>
</ul>
<style>
.menu-logo-item-mobile{
display:inline-flex;
align-items:center;
gap:10px;
}
.menu-logo-item-mobile__img{
width:70px;
height:auto;
display:block;
}
.menu-logo-item-mobile__text{
display:inline-block;
line-height:1;
}
</style>
<ul
data-menu-depth="2"
data-pane-key="submenu-visage-type-de-produit-1-2"
data-scroll-lock-ignore
aria-hidden="true"
inert
class="mobile-menu__list mobile-menu__list--sub"
>
<li class="mobile-menu__item mobile-menu__item--header">
<button
class="mobile-menu__item--heading-back-link fs-body-100"
data-action="home"
aria-label="Retour au menu principal"
>
<span class="icon icon-arrow-short back-link-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 12.4016H11.5H23M23 12.4016L13.8 3M23 12.4016L13.8 21.8032" stroke="currentColor" stroke-width="1.75"/></svg>
</span>
Retour au menu principal
</button>
</li>
<li class="mobile-menu__item mobile-menu__item--callout">
<button
data-action="show-sub-pane"
data-link-target-pane-key="submenu-visage-4-1"
class="mobile-menu__link fs-body-100"
>
<span class="icon icon-chevron back-link-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2"/></svg>
</span>
Visage
</button>
</li>
<li class="mobile-menu__item mobile-menu__item--heading">
<a
class="mobile-menu__link"
data-heading="true"
href="/collections/visage"
>
<span class="ff-heading fs-body-300 fs-heading-4-base">Type de produit</span>
</a>
</li>
<li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/nettoyant-visage"
>
<span class="mobile-menu__link__text fs-body-100">
Nettoyant Visage
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/visage/serum-visage"
>
<span class="mobile-menu__link__text fs-body-100">
Serum
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/creme-de-jour"
>
<span class="mobile-menu__link__text fs-body-100">
Crème de jour
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/creme-de-nuit-1"
>
<span class="mobile-menu__link__text fs-body-100">
Crème de nuit
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/contour-des-yeux"
>
<span class="mobile-menu__link__text fs-body-100">
Contour des yeux
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/demaquillant"
>
<span class="mobile-menu__link__text fs-body-100">
Démaquillant
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/soins-des-levres"
>
<span class="mobile-menu__link__text fs-body-100">
Soins des lèvres
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/soin-cible"
>
<span class="mobile-menu__link__text fs-body-100">
Soin ciblé
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/soin-des-cils-et-sourcils"
>
<span class="mobile-menu__link__text fs-body-100">
Soin Des Cils Et Sourcils
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/lotion-tonique"
>
<span class="mobile-menu__link__text fs-body-100">
Lotion tonique
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/eau-micellaire"
>
<span class="mobile-menu__link__text fs-body-100">
Eau micellaire
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/huile-visage"
>
<span class="mobile-menu__link__text fs-body-100">
Huile visage
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/gommage-peeling-visage/Gommage--Peeling-Visage"
>
<span class="mobile-menu__link__text fs-body-100">
Gommage & Peeling Visage
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/masque-visage"
>
<span class="mobile-menu__link__text fs-body-100">
Masque Visage
</span>
</a>
</li>
</ul>
<style>
.menu-logo-item-mobile{
display:inline-flex;
align-items:center;
gap:10px;
}
.menu-logo-item-mobile__img{
width:70px;
height:auto;
display:block;
}
.menu-logo-item-mobile__text{
display:inline-block;
line-height:1;
}
</style>
<ul
data-menu-depth="2"
data-pane-key="submenu-visage-besoins-2-2"
data-scroll-lock-ignore
aria-hidden="true"
inert
class="mobile-menu__list mobile-menu__list--sub"
>
<li class="mobile-menu__item mobile-menu__item--header">
<button
class="mobile-menu__item--heading-back-link fs-body-100"
data-action="home"
aria-label="Retour au menu principal"
>
<span class="icon icon-arrow-short back-link-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 12.4016H11.5H23M23 12.4016L13.8 3M23 12.4016L13.8 21.8032" stroke="currentColor" stroke-width="1.75"/></svg>
</span>
Retour au menu principal
</button>
</li>
<li class="mobile-menu__item mobile-menu__item--callout">
<button
data-action="show-sub-pane"
data-link-target-pane-key="submenu-visage-4-1"
class="mobile-menu__link fs-body-100"
>
<span class="icon icon-chevron back-link-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2"/></svg>
</span>
Visage
</button>
</li>
<li class="mobile-menu__item mobile-menu__item--heading">
<a
class="mobile-menu__link"
data-heading="true"
href="/collections/visage"
>
<span class="ff-heading fs-body-300 fs-heading-4-base">Besoins</span>
</a>
</li>
<li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/soin-anti-imperfections"
>
<span class="mobile-menu__link__text fs-body-100">
Anti-imperfections
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/anti-age-1"
>
<span class="mobile-menu__link__text fs-body-100">
Anti-rides & anti-âge
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/hydratant-nourrissant"
>
<span class="mobile-menu__link__text fs-body-100">
Hydratant & nourrissant
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/anti-taches"
>
<span class="mobile-menu__link__text fs-body-100">
Anti-taches
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/anti-pores"
>
<span class="mobile-menu__link__text fs-body-100">
Anti-pores
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/anti-rougeurs"
>
<span class="mobile-menu__link__text fs-body-100">
Anti-rougeurs
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/eclat-anti-fatigue"
>
<span class="mobile-menu__link__text fs-body-100">
Eclat & anti-fatigue
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/soin-matifiant"
>
<span class="mobile-menu__link__text fs-body-100">
Soin matifiant
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/peau-sensible"
>
<span class="mobile-menu__link__text fs-body-100">
Peaux sensibles
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/liftant"
>
<span class="mobile-menu__link__text fs-body-100">
Raffermissant & liftant
</span>
</a>
</li>
</ul>
<style>
.menu-logo-item-mobile{
display:inline-flex;
align-items:center;
gap:10px;
}
.menu-logo-item-mobile__img{
width:70px;
height:auto;
display:block;
}
.menu-logo-item-mobile__text{
display:inline-block;
line-height:1;
}
</style><style>
.menu-logo-item-mobile{
display:inline-flex;
align-items:center;
gap:10px;
}
.menu-logo-item-mobile__img{
width:70px;
height:auto;
display:block;
}
.menu-logo-item-mobile__text{
display:inline-block;
line-height:1;
}
</style>
<ul
data-menu-depth="1"
data-pane-key="submenu-cheveux-5-1"
data-scroll-lock-ignore
aria-hidden="true"
inert
class="mobile-menu__list mobile-menu__list--sub"
>
<li class="mobile-menu__item mobile-menu__item--header">
<button
class="mobile-menu__item--heading-back-link fs-body-100"
data-action="home"
aria-label="Retour au menu principal"
>
<span class="icon icon-arrow-short back-link-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 12.4016H11.5H23M23 12.4016L13.8 3M23 12.4016L13.8 21.8032" stroke="currentColor" stroke-width="1.75"/></svg>
</span>
Retour au menu principal
</button>
</li>
<li class="mobile-menu__item mobile-menu__item--heading">
<a
class="mobile-menu__link"
data-heading="true"
href="/collections/cheveux"
>
<span class="ff-heading fs-body-300 fs-heading-4-base">Cheveux</span>
</a>
</li>
<li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link no-transition"
href="/collections/cheveux"
data-action="show-sub-pane"
data-link-target-pane-key="submenu-cheveux-types-des-produits-0-2"
data-link="primary"
aria-haspopup="true"
aria-expanded="false"
>
<span class="mobile-menu__link__text fs-body-100">
Types des produits
</span>
<span class="icon icon-chevron menu-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2"/></svg>
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link no-transition"
href="/collections/cheveux"
data-action="show-sub-pane"
data-link-target-pane-key="submenu-cheveux-besoins-1-2"
data-link="primary"
aria-haspopup="true"
aria-expanded="false"
>
<span class="mobile-menu__link__text fs-body-100">
Besoins
</span>
<span class="icon icon-chevron menu-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2"/></svg>
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link no-transition"
href="/collections/cheveux"
data-action="show-sub-pane"
data-link-target-pane-key="submenu-cheveux-types-de-cheveux-2-2"
data-link="primary"
aria-haspopup="true"
aria-expanded="false"
>
<span class="mobile-menu__link__text fs-body-100">
Types de cheveux
</span>
<span class="icon icon-chevron menu-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2"/></svg>
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/complements-alimentaires-cheveux"
>
<span class="mobile-menu__link__text fs-body-100">
Compléments alimentaires cheveux
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="https://beautymarket.ma/pages/premium"
>
<span class="mobile-menu__link__text fs-body-100">
PREMIUM
</span>
</a>
</li>
</ul>
<ul
data-menu-depth="2"
data-pane-key="submenu-cheveux-types-des-produits-0-2"
data-scroll-lock-ignore
aria-hidden="true"
inert
class="mobile-menu__list mobile-menu__list--sub"
>
<li class="mobile-menu__item mobile-menu__item--header">
<button
class="mobile-menu__item--heading-back-link fs-body-100"
data-action="home"
aria-label="Retour au menu principal"
>
<span class="icon icon-arrow-short back-link-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 12.4016H11.5H23M23 12.4016L13.8 3M23 12.4016L13.8 21.8032" stroke="currentColor" stroke-width="1.75"/></svg>
</span>
Retour au menu principal
</button>
</li>
<li class="mobile-menu__item mobile-menu__item--callout">
<button
data-action="show-sub-pane"
data-link-target-pane-key="submenu-cheveux-5-1"
class="mobile-menu__link fs-body-100"
>
<span class="icon icon-chevron back-link-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2"/></svg>
</span>
Cheveux
</button>
</li>
<li class="mobile-menu__item mobile-menu__item--heading">
<a
class="mobile-menu__link"
data-heading="true"
href="/collections/cheveux"
>
<span class="ff-heading fs-body-300 fs-heading-4-base">Types des produits</span>
</a>
</li>
<li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/shampooing-1"
>
<span class="mobile-menu__link__text fs-body-100">
Shampoing
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/apres-shampoing"
>
<span class="mobile-menu__link__text fs-body-100">
Après-shampoing
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/masque-cheveux-1"
>
<span class="mobile-menu__link__text fs-body-100">
Masque cheveux
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/huile-cheveux"
>
<span class="mobile-menu__link__text fs-body-100">
Huile cheveux
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/cheveux/Coloration"
>
<span class="mobile-menu__link__text fs-body-100">
Coloration cheveux
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/shampoing-sec-1"
>
<span class="mobile-menu__link__text fs-body-100">
Shampoing sec
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/products/nuxe-reve-de-miel-shampooing-solide-douceur-65-gr"
>
<span class="mobile-menu__link__text fs-body-100">
Shampoing solide
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/sans-rincage-cheveux"
>
<span class="mobile-menu__link__text fs-body-100">
Soin sans rinçage
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/brosses-et-accessoires"
>
<span class="mobile-menu__link__text fs-body-100">
Brosses et accessoires
</span>
</a>
</li>
</ul>
<style>
.menu-logo-item-mobile{
display:inline-flex;
align-items:center;
gap:10px;
}
.menu-logo-item-mobile__img{
width:70px;
height:auto;
display:block;
}
.menu-logo-item-mobile__text{
display:inline-block;
line-height:1;
}
</style>
<ul
data-menu-depth="2"
data-pane-key="submenu-cheveux-besoins-1-2"
data-scroll-lock-ignore
aria-hidden="true"
inert
class="mobile-menu__list mobile-menu__list--sub"
>
<li class="mobile-menu__item mobile-menu__item--header">
<button
class="mobile-menu__item--heading-back-link fs-body-100"
data-action="home"
aria-label="Retour au menu principal"
>
<span class="icon icon-arrow-short back-link-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 12.4016H11.5H23M23 12.4016L13.8 3M23 12.4016L13.8 21.8032" stroke="currentColor" stroke-width="1.75"/></svg>
</span>
Retour au menu principal
</button>
</li>
<li class="mobile-menu__item mobile-menu__item--callout">
<button
data-action="show-sub-pane"
data-link-target-pane-key="submenu-cheveux-5-1"
class="mobile-menu__link fs-body-100"
>
<span class="icon icon-chevron back-link-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2"/></svg>
</span>
Cheveux
</button>
</li>
<li class="mobile-menu__item mobile-menu__item--heading">
<a
class="mobile-menu__link"
data-heading="true"
href="/collections/cheveux"
>
<span class="ff-heading fs-body-300 fs-heading-4-base">Besoins</span>
</a>
</li>
<li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/cheveux/Anti-chute"
>
<span class="mobile-menu__link__text fs-body-100">
Anti chute
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/hydratation-cheveux"
>
<span class="mobile-menu__link__text fs-body-100">
Hydratant & Nourrissant
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/cuir-chevelu"
>
<span class="mobile-menu__link__text fs-body-100">
Cuir chevelu
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/protection-solaire-cheveux"
>
<span class="mobile-menu__link__text fs-body-100">
Protection solaire
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/brillance-lissage"
>
<span class="mobile-menu__link__text fs-body-100">
Brillance & lissage
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/cheveux/Anti-pelliculaire"
>
<span class="mobile-menu__link__text fs-body-100">
Anti-pelliculaire & apaisant
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/cheveux-colores"
>
<span class="mobile-menu__link__text fs-body-100">
Cheveux colorés
</span>
</a>
</li>
</ul>
<style>
.menu-logo-item-mobile{
display:inline-flex;
align-items:center;
gap:10px;
}
.menu-logo-item-mobile__img{
width:70px;
height:auto;
display:block;
}
.menu-logo-item-mobile__text{
display:inline-block;
line-height:1;
}
</style>
<ul
data-menu-depth="2"
data-pane-key="submenu-cheveux-types-de-cheveux-2-2"
data-scroll-lock-ignore
aria-hidden="true"
inert
class="mobile-menu__list mobile-menu__list--sub"
>
<li class="mobile-menu__item mobile-menu__item--header">
<button
class="mobile-menu__item--heading-back-link fs-body-100"
data-action="home"
aria-label="Retour au menu principal"
>
<span class="icon icon-arrow-short back-link-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 12.4016H11.5H23M23 12.4016L13.8 3M23 12.4016L13.8 21.8032" stroke="currentColor" stroke-width="1.75"/></svg>
</span>
Retour au menu principal
</button>
</li>
<li class="mobile-menu__item mobile-menu__item--callout">
<button
data-action="show-sub-pane"
data-link-target-pane-key="submenu-cheveux-5-1"
class="mobile-menu__link fs-body-100"
>
<span class="icon icon-chevron back-link-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2"/></svg>
</span>
Cheveux
</button>
</li>
<li class="mobile-menu__item mobile-menu__item--heading">
<a
class="mobile-menu__link"
data-heading="true"
href="/collections/cheveux"
>
<span class="ff-heading fs-body-300 fs-heading-4-base">Types de cheveux</span>
</a>
</li>
<li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/cheveux-boucles"
>
<span class="mobile-menu__link__text fs-body-100">
Cheveux bouclés, frisés
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/shampoing-sec"
>
<span class="mobile-menu__link__text fs-body-100">
Cheveux secs & abimés
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/cheveux-colores"
>
<span class="mobile-menu__link__text fs-body-100">
Cheveux colorés
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/cheveux-blonds"
>
<span class="mobile-menu__link__text fs-body-100">
Cheveux blonds
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/cheveux-normaux"
>
<span class="mobile-menu__link__text fs-body-100">
Cheveux normaux
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/cheveux-mixte-a-gras"
>
<span class="mobile-menu__link__text fs-body-100">
Cheveux Mixte à Gras
</span>
</a>
</li>
</ul>
<style>
.menu-logo-item-mobile{
display:inline-flex;
align-items:center;
gap:10px;
}
.menu-logo-item-mobile__img{
width:70px;
height:auto;
display:block;
}
.menu-logo-item-mobile__text{
display:inline-block;
line-height:1;
}
</style><style>
.menu-logo-item-mobile{
display:inline-flex;
align-items:center;
gap:10px;
}
.menu-logo-item-mobile__img{
width:70px;
height:auto;
display:block;
}
.menu-logo-item-mobile__text{
display:inline-block;
line-height:1;
}
</style>
<ul
data-menu-depth="1"
data-pane-key="submenu-maquillage-6-1"
data-scroll-lock-ignore
aria-hidden="true"
inert
class="mobile-menu__list mobile-menu__list--sub"
>
<li class="mobile-menu__item mobile-menu__item--header">
<button
class="mobile-menu__item--heading-back-link fs-body-100"
data-action="home"
aria-label="Retour au menu principal"
>
<span class="icon icon-arrow-short back-link-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 12.4016H11.5H23M23 12.4016L13.8 3M23 12.4016L13.8 21.8032" stroke="currentColor" stroke-width="1.75"/></svg>
</span>
Retour au menu principal
</button>
</li>
<li class="mobile-menu__item mobile-menu__item--heading">
<a
class="mobile-menu__link"
data-heading="true"
href="/collections/maquillage"
>
<span class="ff-heading fs-body-300 fs-heading-4-base">Maquillage</span>
</a>
</li>
<li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link no-transition"
href="/collections/teint"
data-action="show-sub-pane"
data-link-target-pane-key="submenu-maquillage-teint-0-2"
data-link="primary"
aria-haspopup="true"
aria-expanded="false"
>
<span class="mobile-menu__link__text fs-body-100">
Teint
</span>
<span class="icon icon-chevron menu-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2"/></svg>
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link no-transition"
href="/collections/maquillage/Yeux"
data-action="show-sub-pane"
data-link-target-pane-key="submenu-maquillage-yeux-1-2"
data-link="primary"
aria-haspopup="true"
aria-expanded="false"
>
<span class="mobile-menu__link__text fs-body-100">
Yeux
</span>
<span class="icon icon-chevron menu-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2"/></svg>
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link no-transition"
href="/collections/soin-levres"
data-action="show-sub-pane"
data-link-target-pane-key="submenu-maquillage-levres-2-2"
data-link="primary"
aria-haspopup="true"
aria-expanded="false"
>
<span class="mobile-menu__link__text fs-body-100">
Lèvres
</span>
<span class="icon icon-chevron menu-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2"/></svg>
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/ongles"
>
<span class="mobile-menu__link__text fs-body-100">
Ongles
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/outils-et-accessoires-de-beaute"
>
<span class="mobile-menu__link__text fs-body-100">
Outils et Accessoires de Maquillage
</span>
</a>
</li>
</ul>
<ul
data-menu-depth="2"
data-pane-key="submenu-maquillage-teint-0-2"
data-scroll-lock-ignore
aria-hidden="true"
inert
class="mobile-menu__list mobile-menu__list--sub"
>
<li class="mobile-menu__item mobile-menu__item--header">
<button
class="mobile-menu__item--heading-back-link fs-body-100"
data-action="home"
aria-label="Retour au menu principal"
>
<span class="icon icon-arrow-short back-link-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 12.4016H11.5H23M23 12.4016L13.8 3M23 12.4016L13.8 21.8032" stroke="currentColor" stroke-width="1.75"/></svg>
</span>
Retour au menu principal
</button>
</li>
<li class="mobile-menu__item mobile-menu__item--callout">
<button
data-action="show-sub-pane"
data-link-target-pane-key="submenu-maquillage-6-1"
class="mobile-menu__link fs-body-100"
>
<span class="icon icon-chevron back-link-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2"/></svg>
</span>
Maquillage
</button>
</li>
<li class="mobile-menu__item mobile-menu__item--heading">
<a
class="mobile-menu__link"
data-heading="true"
href="/collections/teint"
>
<span class="ff-heading fs-body-300 fs-heading-4-base">Teint</span>
</a>
</li>
<li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/fond-de-teint"
>
<span class="mobile-menu__link__text fs-body-100">
Fond de teint
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/anti-cernes-correcteur"
>
<span class="mobile-menu__link__text fs-body-100">
Anti cerne et Correcteur
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/rougir"
>
<span class="mobile-menu__link__text fs-body-100">
Blush
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/highlight"
>
<span class="mobile-menu__link__text fs-body-100">
Highlighter
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/palette"
>
<span class="mobile-menu__link__text fs-body-100">
Palette Teint
</span>
</a>
</li>
</ul>
<style>
.menu-logo-item-mobile{
display:inline-flex;
align-items:center;
gap:10px;
}
.menu-logo-item-mobile__img{
width:70px;
height:auto;
display:block;
}
.menu-logo-item-mobile__text{
display:inline-block;
line-height:1;
}
</style>
<ul
data-menu-depth="2"
data-pane-key="submenu-maquillage-yeux-1-2"
data-scroll-lock-ignore
aria-hidden="true"
inert
class="mobile-menu__list mobile-menu__list--sub"
>
<li class="mobile-menu__item mobile-menu__item--header">
<button
class="mobile-menu__item--heading-back-link fs-body-100"
data-action="home"
aria-label="Retour au menu principal"
>
<span class="icon icon-arrow-short back-link-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 12.4016H11.5H23M23 12.4016L13.8 3M23 12.4016L13.8 21.8032" stroke="currentColor" stroke-width="1.75"/></svg>
</span>
Retour au menu principal
</button>
</li>
<li class="mobile-menu__item mobile-menu__item--callout">
<button
data-action="show-sub-pane"
data-link-target-pane-key="submenu-maquillage-6-1"
class="mobile-menu__link fs-body-100"
>
<span class="icon icon-chevron back-link-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2"/></svg>
</span>
Maquillage
</button>
</li>
<li class="mobile-menu__item mobile-menu__item--heading">
<a
class="mobile-menu__link"
data-heading="true"
href="/collections/maquillage/Yeux"
>
<span class="ff-heading fs-body-300 fs-heading-4-base">Yeux</span>
</a>
</li>
<li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/palette-yeux"
>
<span class="mobile-menu__link__text fs-body-100">
Palette Yeux
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/mascara"
>
<span class="mobile-menu__link__text fs-body-100">
Mascara
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/eyeliner"
>
<span class="mobile-menu__link__text fs-body-100">
Eyeliner
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/crayon-yeux"
>
<span class="mobile-menu__link__text fs-body-100">
Crayon yeux & khôl
</span>
</a>
</li>
</ul>
<style>
.menu-logo-item-mobile{
display:inline-flex;
align-items:center;
gap:10px;
}
.menu-logo-item-mobile__img{
width:70px;
height:auto;
display:block;
}
.menu-logo-item-mobile__text{
display:inline-block;
line-height:1;
}
</style>
<ul
data-menu-depth="2"
data-pane-key="submenu-maquillage-levres-2-2"
data-scroll-lock-ignore
aria-hidden="true"
inert
class="mobile-menu__list mobile-menu__list--sub"
>
<li class="mobile-menu__item mobile-menu__item--header">
<button
class="mobile-menu__item--heading-back-link fs-body-100"
data-action="home"
aria-label="Retour au menu principal"
>
<span class="icon icon-arrow-short back-link-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 12.4016H11.5H23M23 12.4016L13.8 3M23 12.4016L13.8 21.8032" stroke="currentColor" stroke-width="1.75"/></svg>
</span>
Retour au menu principal
</button>
</li>
<li class="mobile-menu__item mobile-menu__item--callout">
<button
data-action="show-sub-pane"
data-link-target-pane-key="submenu-maquillage-6-1"
class="mobile-menu__link fs-body-100"
>
<span class="icon icon-chevron back-link-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2"/></svg>
</span>
Maquillage
</button>
</li>
<li class="mobile-menu__item mobile-menu__item--heading">
<a
class="mobile-menu__link"
data-heading="true"
href="/collections/soin-levres"
>
<span class="ff-heading fs-body-300 fs-heading-4-base">Lèvres</span>
</a>
</li>
<li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/rouge-a-levres"
>
<span class="mobile-menu__link__text fs-body-100">
Rouge à lèvres
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/gloss"
>
<span class="mobile-menu__link__text fs-body-100">
Gloss
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/crayon-a-levres"
>
<span class="mobile-menu__link__text fs-body-100">
Crayon à lèvres
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/levres-plump"
>
<span class="mobile-menu__link__text fs-body-100">
Repulpeur
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/rouge-a-levres-liquide"
>
<span class="mobile-menu__link__text fs-body-100">
Rouge à lèvres liquide
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/rouge-a-levres-mat"
>
<span class="mobile-menu__link__text fs-body-100">
Rouge à lèvres mat
</span>
</a>
</li>
</ul>
<style>
.menu-logo-item-mobile{
display:inline-flex;
align-items:center;
gap:10px;
}
.menu-logo-item-mobile__img{
width:70px;
height:auto;
display:block;
}
.menu-logo-item-mobile__text{
display:inline-block;
line-height:1;
}
</style><style>
.menu-logo-item-mobile{
display:inline-flex;
align-items:center;
gap:10px;
}
.menu-logo-item-mobile__img{
width:70px;
height:auto;
display:block;
}
.menu-logo-item-mobile__text{
display:inline-block;
line-height:1;
}
</style>
<ul
data-menu-depth="1"
data-pane-key="submenu-corps-bain-7-1"
data-scroll-lock-ignore
aria-hidden="true"
inert
class="mobile-menu__list mobile-menu__list--sub"
>
<li class="mobile-menu__item mobile-menu__item--header">
<button
class="mobile-menu__item--heading-back-link fs-body-100"
data-action="home"
aria-label="Retour au menu principal"
>
<span class="icon icon-arrow-short back-link-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 12.4016H11.5H23M23 12.4016L13.8 3M23 12.4016L13.8 21.8032" stroke="currentColor" stroke-width="1.75"/></svg>
</span>
Retour au menu principal
</button>
</li>
<li class="mobile-menu__item mobile-menu__item--heading">
<a
class="mobile-menu__link"
data-heading="true"
href="/collections/corps"
>
<span class="ff-heading fs-body-300 fs-heading-4-base">Corps & Bain</span>
</a>
</li>
<li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link no-transition"
href="/collections/protection-solaire-1/corps"
data-action="show-sub-pane"
data-link-target-pane-key="submenu-corps-bain-solaire-0-2"
data-link="primary"
aria-haspopup="true"
aria-expanded="false"
>
<span class="mobile-menu__link__text fs-body-100">
Solaire
</span>
<span class="icon icon-chevron menu-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2"/></svg>
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link no-transition"
href="/collections/corps"
data-action="show-sub-pane"
data-link-target-pane-key="submenu-corps-bain-type-de-produit-1-2"
data-link="primary"
aria-haspopup="true"
aria-expanded="false"
>
<span class="mobile-menu__link__text fs-body-100">
Type de produit
</span>
<span class="icon icon-chevron menu-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2"/></svg>
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link no-transition"
href="/collections/corps"
data-action="show-sub-pane"
data-link-target-pane-key="submenu-corps-bain-besoins-2-2"
data-link="primary"
aria-haspopup="true"
aria-expanded="false"
>
<span class="mobile-menu__link__text fs-body-100">
Besoins
</span>
<span class="icon icon-chevron menu-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2"/></svg>
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link no-transition"
href="/collections/bain-et-douche"
data-action="show-sub-pane"
data-link-target-pane-key="submenu-corps-bain-bain-douche-3-2"
data-link="primary"
aria-haspopup="true"
aria-expanded="false"
>
<span class="mobile-menu__link__text fs-body-100">
Bain & Douche
</span>
<span class="icon icon-chevron menu-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2"/></svg>
</span>
</a>
</li>
</ul>
<ul
data-menu-depth="2"
data-pane-key="submenu-corps-bain-solaire-0-2"
data-scroll-lock-ignore
aria-hidden="true"
inert
class="mobile-menu__list mobile-menu__list--sub"
>
<li class="mobile-menu__item mobile-menu__item--header">
<button
class="mobile-menu__item--heading-back-link fs-body-100"
data-action="home"
aria-label="Retour au menu principal"
>
<span class="icon icon-arrow-short back-link-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 12.4016H11.5H23M23 12.4016L13.8 3M23 12.4016L13.8 21.8032" stroke="currentColor" stroke-width="1.75"/></svg>
</span>
Retour au menu principal
</button>
</li>
<li class="mobile-menu__item mobile-menu__item--callout">
<button
data-action="show-sub-pane"
data-link-target-pane-key="submenu-corps-bain-7-1"
class="mobile-menu__link fs-body-100"
>
<span class="icon icon-chevron back-link-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2"/></svg>
</span>
Corps & Bain
</button>
</li>
<li class="mobile-menu__item mobile-menu__item--heading">
<a
class="mobile-menu__link"
data-heading="true"
href="/collections/protection-solaire-1/corps"
>
<span class="ff-heading fs-body-300 fs-heading-4-base">Solaire</span>
</a>
</li>
<li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/auto-bronzant-corps"
>
<span class="mobile-menu__link__text fs-body-100">
Auto-bronzant corps
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/protection-solaire-1"
>
<span class="mobile-menu__link__text fs-body-100">
Protection solaire corps
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/apres-soleil-corps"
>
<span class="mobile-menu__link__text fs-body-100">
Après-soleil corps
</span>
</a>
</li>
</ul>
<style>
.menu-logo-item-mobile{
display:inline-flex;
align-items:center;
gap:10px;
}
.menu-logo-item-mobile__img{
width:70px;
height:auto;
display:block;
}
.menu-logo-item-mobile__text{
display:inline-block;
line-height:1;
}
</style>
<ul
data-menu-depth="2"
data-pane-key="submenu-corps-bain-type-de-produit-1-2"
data-scroll-lock-ignore
aria-hidden="true"
inert
class="mobile-menu__list mobile-menu__list--sub"
>
<li class="mobile-menu__item mobile-menu__item--header">
<button
class="mobile-menu__item--heading-back-link fs-body-100"
data-action="home"
aria-label="Retour au menu principal"
>
<span class="icon icon-arrow-short back-link-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 12.4016H11.5H23M23 12.4016L13.8 3M23 12.4016L13.8 21.8032" stroke="currentColor" stroke-width="1.75"/></svg>
</span>
Retour au menu principal
</button>
</li>
<li class="mobile-menu__item mobile-menu__item--callout">
<button
data-action="show-sub-pane"
data-link-target-pane-key="submenu-corps-bain-7-1"
class="mobile-menu__link fs-body-100"
>
<span class="icon icon-chevron back-link-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2"/></svg>
</span>
Corps & Bain
</button>
</li>
<li class="mobile-menu__item mobile-menu__item--heading">
<a
class="mobile-menu__link"
data-heading="true"
href="/collections/corps"
>
<span class="ff-heading fs-body-300 fs-heading-4-base">Type de produit</span>
</a>
</li>
<li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/nettoyant-corps"
>
<span class="mobile-menu__link__text fs-body-100">
Nettoyant
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/hydratant-corps"
>
<span class="mobile-menu__link__text fs-body-100">
Crème hydratante
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/gommage-peeling-corps"
>
<span class="mobile-menu__link__text fs-body-100">
Gommage & Peeling Corps
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/huile-corps"
>
<span class="mobile-menu__link__text fs-body-100">
Huile nourrissante
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/eau-de-soin"
>
<span class="mobile-menu__link__text fs-body-100">
Eau de soin
</span>
</a>
</li>
</ul>
<style>
.menu-logo-item-mobile{
display:inline-flex;
align-items:center;
gap:10px;
}
.menu-logo-item-mobile__img{
width:70px;
height:auto;
display:block;
}
.menu-logo-item-mobile__text{
display:inline-block;
line-height:1;
}
</style>
<ul
data-menu-depth="2"
data-pane-key="submenu-corps-bain-besoins-2-2"
data-scroll-lock-ignore
aria-hidden="true"
inert
class="mobile-menu__list mobile-menu__list--sub"
>
<li class="mobile-menu__item mobile-menu__item--header">
<button
class="mobile-menu__item--heading-back-link fs-body-100"
data-action="home"
aria-label="Retour au menu principal"
>
<span class="icon icon-arrow-short back-link-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 12.4016H11.5H23M23 12.4016L13.8 3M23 12.4016L13.8 21.8032" stroke="currentColor" stroke-width="1.75"/></svg>
</span>
Retour au menu principal
</button>
</li>
<li class="mobile-menu__item mobile-menu__item--callout">
<button
data-action="show-sub-pane"
data-link-target-pane-key="submenu-corps-bain-7-1"
class="mobile-menu__link fs-body-100"
>
<span class="icon icon-chevron back-link-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2"/></svg>
</span>
Corps & Bain
</button>
</li>
<li class="mobile-menu__item mobile-menu__item--heading">
<a
class="mobile-menu__link"
data-heading="true"
href="/collections/corps"
>
<span class="ff-heading fs-body-300 fs-heading-4-base">Besoins</span>
</a>
</li>
<li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/anti-vergetures"
>
<span class="mobile-menu__link__text fs-body-100">
Soin anti vergetures
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/hydratant-corps"
>
<span class="mobile-menu__link__text fs-body-100">
Soin hydratant & nourrissant
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/mains-ongles"
>
<span class="mobile-menu__link__text fs-body-100">
Soin des mains
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/soin-des-ongles"
>
<span class="mobile-menu__link__text fs-body-100">
soin des ongles
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/soin-des-pieds"
>
<span class="mobile-menu__link__text fs-body-100">
Soin des pieds
</span>
</a>
</li>
</ul>
<style>
.menu-logo-item-mobile{
display:inline-flex;
align-items:center;
gap:10px;
}
.menu-logo-item-mobile__img{
width:70px;
height:auto;
display:block;
}
.menu-logo-item-mobile__text{
display:inline-block;
line-height:1;
}
</style>
<ul
data-menu-depth="2"
data-pane-key="submenu-corps-bain-bain-douche-3-2"
data-scroll-lock-ignore
aria-hidden="true"
inert
class="mobile-menu__list mobile-menu__list--sub"
>
<li class="mobile-menu__item mobile-menu__item--header">
<button
class="mobile-menu__item--heading-back-link fs-body-100"
data-action="home"
aria-label="Retour au menu principal"
>
<span class="icon icon-arrow-short back-link-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 12.4016H11.5H23M23 12.4016L13.8 3M23 12.4016L13.8 21.8032" stroke="currentColor" stroke-width="1.75"/></svg>
</span>
Retour au menu principal
</button>
</li>
<li class="mobile-menu__item mobile-menu__item--callout">
<button
data-action="show-sub-pane"
data-link-target-pane-key="submenu-corps-bain-7-1"
class="mobile-menu__link fs-body-100"
>
<span class="icon icon-chevron back-link-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2"/></svg>
</span>
Corps & Bain
</button>
</li>
<li class="mobile-menu__item mobile-menu__item--heading">
<a
class="mobile-menu__link"
data-heading="true"
href="/collections/bain-et-douche"
>
<span class="ff-heading fs-body-300 fs-heading-4-base">Bain & Douche</span>
</a>
</li>
<li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/gel-douche"
>
<span class="mobile-menu__link__text fs-body-100">
Gel douche
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/savon-solide"
>
<span class="mobile-menu__link__text fs-body-100">
Savon solide
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/huile-de-bain"
>
<span class="mobile-menu__link__text fs-body-100">
Huile de bain
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/huiles-lavantes"
>
<span class="mobile-menu__link__text fs-body-100">
Huiles lavantes
</span>
</a>
</li>
</ul>
<style>
.menu-logo-item-mobile{
display:inline-flex;
align-items:center;
gap:10px;
}
.menu-logo-item-mobile__img{
width:70px;
height:auto;
display:block;
}
.menu-logo-item-mobile__text{
display:inline-block;
line-height:1;
}
</style><style>
.menu-logo-item-mobile{
display:inline-flex;
align-items:center;
gap:10px;
}
.menu-logo-item-mobile__img{
width:70px;
height:auto;
display:block;
}
.menu-logo-item-mobile__text{
display:inline-block;
line-height:1;
}
</style>
<ul
data-menu-depth="1"
data-pane-key="submenu-maman-bebe-8-1"
data-scroll-lock-ignore
aria-hidden="true"
inert
class="mobile-menu__list mobile-menu__list--sub"
>
<li class="mobile-menu__item mobile-menu__item--header">
<button
class="mobile-menu__item--heading-back-link fs-body-100"
data-action="home"
aria-label="Retour au menu principal"
>
<span class="icon icon-arrow-short back-link-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 12.4016H11.5H23M23 12.4016L13.8 3M23 12.4016L13.8 21.8032" stroke="currentColor" stroke-width="1.75"/></svg>
</span>
Retour au menu principal
</button>
</li>
<li class="mobile-menu__item mobile-menu__item--heading">
<a
class="mobile-menu__link"
data-heading="true"
href="/collections/bebe-et-maman"
>
<span class="ff-heading fs-body-300 fs-heading-4-base">Maman & Bébé</span>
</a>
</li>
<li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/pack-soin-maman-bebe"
>
<span class="mobile-menu__link__text fs-body-100">
Pack Soin Maman & Bébé
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/protection-solaire-bebe-maman"
>
<span class="mobile-menu__link__text fs-body-100">
Protection Solaire
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link no-transition"
href="/collections/hygiene-bebe"
data-action="show-sub-pane"
data-link-target-pane-key="submenu-maman-bebe-hygiene-bebe-2-2"
data-link="primary"
aria-haspopup="true"
aria-expanded="false"
>
<span class="mobile-menu__link__text fs-body-100">
Hygiène bébé
</span>
<span class="icon icon-chevron menu-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2"/></svg>
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link no-transition"
href="https://beautymarket.ma/search?options%5Bprefix%5D=last&q=Accessoires+b%C3%A9b%C3%A9"
data-action="show-sub-pane"
data-link-target-pane-key="submenu-maman-bebe-accessoires-bebe-3-2"
data-link="primary"
aria-haspopup="true"
aria-expanded="false"
>
<span class="mobile-menu__link__text fs-body-100">
Accessoires bébé
</span>
<span class="icon icon-chevron menu-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2"/></svg>
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/parfums-brumes"
>
<span class="mobile-menu__link__text fs-body-100">
Parfums & Brumes
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link no-transition"
href="/collections/maman"
data-action="show-sub-pane"
data-link-target-pane-key="submenu-maman-bebe-maman-5-2"
data-link="primary"
aria-haspopup="true"
aria-expanded="false"
>
<span class="mobile-menu__link__text fs-body-100">
Maman
</span>
<span class="icon icon-chevron menu-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2"/></svg>
</span>
</a>
</li>
</ul>
<ul
data-menu-depth="2"
data-pane-key="submenu-maman-bebe-hygiene-bebe-2-2"
data-scroll-lock-ignore
aria-hidden="true"
inert
class="mobile-menu__list mobile-menu__list--sub"
>
<li class="mobile-menu__item mobile-menu__item--header">
<button
class="mobile-menu__item--heading-back-link fs-body-100"
data-action="home"
aria-label="Retour au menu principal"
>
<span class="icon icon-arrow-short back-link-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 12.4016H11.5H23M23 12.4016L13.8 3M23 12.4016L13.8 21.8032" stroke="currentColor" stroke-width="1.75"/></svg>
</span>
Retour au menu principal
</button>
</li>
<li class="mobile-menu__item mobile-menu__item--callout">
<button
data-action="show-sub-pane"
data-link-target-pane-key="submenu-maman-bebe-8-1"
class="mobile-menu__link fs-body-100"
>
<span class="icon icon-chevron back-link-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2"/></svg>
</span>
Maman & Bébé
</button>
</li>
<li class="mobile-menu__item mobile-menu__item--heading">
<a
class="mobile-menu__link"
data-heading="true"
href="/collections/hygiene-bebe"
>
<span class="ff-heading fs-body-300 fs-heading-4-base">Hygiène bébé</span>
</a>
</li>
<li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/nettoyant-bebe"
>
<span class="mobile-menu__link__text fs-body-100">
Nettoyant Bébé
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/couches-bebe-et-change"
>
<span class="mobile-menu__link__text fs-body-100">
Couches bébé et change
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/lingettes"
>
<span class="mobile-menu__link__text fs-body-100">
Lingettes
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/creme-de-change"
>
<span class="mobile-menu__link__text fs-body-100">
Crème De Change
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/hydratation-bebe"
>
<span class="mobile-menu__link__text fs-body-100">
Hydratation bébé
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/bebe-eaux-parfumees"
>
<span class="mobile-menu__link__text fs-body-100">
Eaux parfumées
</span>
</a>
</li>
</ul>
<style>
.menu-logo-item-mobile{
display:inline-flex;
align-items:center;
gap:10px;
}
.menu-logo-item-mobile__img{
width:70px;
height:auto;
display:block;
}
.menu-logo-item-mobile__text{
display:inline-block;
line-height:1;
}
</style>
<ul
data-menu-depth="2"
data-pane-key="submenu-maman-bebe-accessoires-bebe-3-2"
data-scroll-lock-ignore
aria-hidden="true"
inert
class="mobile-menu__list mobile-menu__list--sub"
>
<li class="mobile-menu__item mobile-menu__item--header">
<button
class="mobile-menu__item--heading-back-link fs-body-100"
data-action="home"
aria-label="Retour au menu principal"
>
<span class="icon icon-arrow-short back-link-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 12.4016H11.5H23M23 12.4016L13.8 3M23 12.4016L13.8 21.8032" stroke="currentColor" stroke-width="1.75"/></svg>
</span>
Retour au menu principal
</button>
</li>
<li class="mobile-menu__item mobile-menu__item--callout">
<button
data-action="show-sub-pane"
data-link-target-pane-key="submenu-maman-bebe-8-1"
class="mobile-menu__link fs-body-100"
>
<span class="icon icon-chevron back-link-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2"/></svg>
</span>
Maman & Bébé
</button>
</li>
<li class="mobile-menu__item mobile-menu__item--heading">
<a
class="mobile-menu__link"
data-heading="true"
href="https://beautymarket.ma/search?options%5Bprefix%5D=last&q=Accessoires+b%C3%A9b%C3%A9"
>
<span class="ff-heading fs-body-300 fs-heading-4-base">Accessoires bébé</span>
</a>
</li>
<li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/thermometre-frontale-et-auriculaire"
>
<span class="mobile-menu__link__text fs-body-100">
Thermomètre frontale et auriculaire
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/biberon-et-tetines"
>
<span class="mobile-menu__link__text fs-body-100">
Biberon
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/tetines"
>
<span class="mobile-menu__link__text fs-body-100">
Tétines
</span>
</a>
</li>
</ul>
<style>
.menu-logo-item-mobile{
display:inline-flex;
align-items:center;
gap:10px;
}
.menu-logo-item-mobile__img{
width:70px;
height:auto;
display:block;
}
.menu-logo-item-mobile__text{
display:inline-block;
line-height:1;
}
</style>
<ul
data-menu-depth="2"
data-pane-key="submenu-maman-bebe-maman-5-2"
data-scroll-lock-ignore
aria-hidden="true"
inert
class="mobile-menu__list mobile-menu__list--sub"
>
<li class="mobile-menu__item mobile-menu__item--header">
<button
class="mobile-menu__item--heading-back-link fs-body-100"
data-action="home"
aria-label="Retour au menu principal"
>
<span class="icon icon-arrow-short back-link-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 12.4016H11.5H23M23 12.4016L13.8 3M23 12.4016L13.8 21.8032" stroke="currentColor" stroke-width="1.75"/></svg>
</span>
Retour au menu principal
</button>
</li>
<li class="mobile-menu__item mobile-menu__item--callout">
<button
data-action="show-sub-pane"
data-link-target-pane-key="submenu-maman-bebe-8-1"
class="mobile-menu__link fs-body-100"
>
<span class="icon icon-chevron back-link-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2"/></svg>
</span>
Maman & Bébé
</button>
</li>
<li class="mobile-menu__item mobile-menu__item--heading">
<a
class="mobile-menu__link"
data-heading="true"
href="/collections/maman"
>
<span class="ff-heading fs-body-300 fs-heading-4-base">Maman</span>
</a>
</li>
<li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/soins-des-vergetures"
>
<span class="mobile-menu__link__text fs-body-100">
Soins des vergetures
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/complements-alimentaires-grossesses"
>
<span class="mobile-menu__link__text fs-body-100">
Compléments alimentaires
</span>
</a>
</li>
</ul>
<style>
.menu-logo-item-mobile{
display:inline-flex;
align-items:center;
gap:10px;
}
.menu-logo-item-mobile__img{
width:70px;
height:auto;
display:block;
}
.menu-logo-item-mobile__text{
display:inline-block;
line-height:1;
}
</style><style>
.menu-logo-item-mobile{
display:inline-flex;
align-items:center;
gap:10px;
}
.menu-logo-item-mobile__img{
width:70px;
height:auto;
display:block;
}
.menu-logo-item-mobile__text{
display:inline-block;
line-height:1;
}
</style>
<ul
data-menu-depth="1"
data-pane-key="submenu-dentaire-10-1"
data-scroll-lock-ignore
aria-hidden="true"
inert
class="mobile-menu__list mobile-menu__list--sub"
>
<li class="mobile-menu__item mobile-menu__item--header">
<button
class="mobile-menu__item--heading-back-link fs-body-100"
data-action="home"
aria-label="Retour au menu principal"
>
<span class="icon icon-arrow-short back-link-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 12.4016H11.5H23M23 12.4016L13.8 3M23 12.4016L13.8 21.8032" stroke="currentColor" stroke-width="1.75"/></svg>
</span>
Retour au menu principal
</button>
</li>
<li class="mobile-menu__item mobile-menu__item--heading">
<a
class="mobile-menu__link"
data-heading="true"
href="/collections/bucco-dentaire"
>
<span class="ff-heading fs-body-300 fs-heading-4-base">Dentaire</span>
</a>
</li>
<li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/dentifrice"
>
<span class="mobile-menu__link__text fs-body-100">
Dentifrice
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/bain-de-bouche"
>
<span class="mobile-menu__link__text fs-body-100">
Bain de bouche
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/brosses-a-dent"
>
<span class="mobile-menu__link__text fs-body-100">
Brosses à dent
</span>
</a>
</li>
</ul>
<style>
.menu-logo-item-mobile{
display:inline-flex;
align-items:center;
gap:10px;
}
.menu-logo-item-mobile__img{
width:70px;
height:auto;
display:block;
}
.menu-logo-item-mobile__text{
display:inline-block;
line-height:1;
}
</style>
<ul
data-menu-depth="1"
data-pane-key="submenu-hygiene-11-1"
data-scroll-lock-ignore
aria-hidden="true"
inert
class="mobile-menu__list mobile-menu__list--sub"
>
<li class="mobile-menu__item mobile-menu__item--header">
<button
class="mobile-menu__item--heading-back-link fs-body-100"
data-action="home"
aria-label="Retour au menu principal"
>
<span class="icon icon-arrow-short back-link-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 12.4016H11.5H23M23 12.4016L13.8 3M23 12.4016L13.8 21.8032" stroke="currentColor" stroke-width="1.75"/></svg>
</span>
Retour au menu principal
</button>
</li>
<li class="mobile-menu__item mobile-menu__item--heading">
<a
class="mobile-menu__link"
data-heading="true"
href="/collections/hygiene-1"
>
<span class="ff-heading fs-body-300 fs-heading-4-base">Hygiène</span>
</a>
</li>
<li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/deodorants"
>
<span class="mobile-menu__link__text fs-body-100">
Déodorants
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/hygiene-1"
>
<span class="mobile-menu__link__text fs-body-100">
Hygiène intime
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/protections-hygieniques"
>
<span class="mobile-menu__link__text fs-body-100">
Protections Hygiéniques
</span>
</a>
</li>
</ul>
<style>
.menu-logo-item-mobile{
display:inline-flex;
align-items:center;
gap:10px;
}
.menu-logo-item-mobile__img{
width:70px;
height:auto;
display:block;
}
.menu-logo-item-mobile__text{
display:inline-block;
line-height:1;
}
</style>
<ul
data-menu-depth="1"
data-pane-key="submenu-complements-alimentaires-15-1"
data-scroll-lock-ignore
aria-hidden="true"
inert
class="mobile-menu__list mobile-menu__list--sub"
>
<li class="mobile-menu__item mobile-menu__item--header">
<button
class="mobile-menu__item--heading-back-link fs-body-100"
data-action="home"
aria-label="Retour au menu principal"
>
<span class="icon icon-arrow-short back-link-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 12.4016H11.5H23M23 12.4016L13.8 3M23 12.4016L13.8 21.8032" stroke="currentColor" stroke-width="1.75"/></svg>
</span>
Retour au menu principal
</button>
</li>
<li class="mobile-menu__item mobile-menu__item--heading">
<a
class="mobile-menu__link"
data-heading="true"
href="/collections/complements-alimentaires"
>
<span class="ff-heading fs-body-300 fs-heading-4-base">Complements Alimentaires</span>
</a>
</li>
<li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/complements-alimentaires-enfants"
>
<span class="mobile-menu__link__text fs-body-100">
Vitamines & Complements Alimentaires Enfants
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/complements-alimentaires-cheveux"
>
<span class="mobile-menu__link__text fs-body-100">
Complements Alimentaires Cheveux
</span>
</a>
</li><li
class="mobile-menu__item fs-body-100"
data-list-item
>
<a
class="mobile-menu__link"
href="/collections/complements-alimentaires-grossesses"
>
<span class="mobile-menu__link__text fs-body-100">
Complements Alimentaires Grossesses
</span>
</a>
</li>
</ul>
<style>
.menu-logo-item-mobile{
display:inline-flex;
align-items:center;
gap:10px;
}
.menu-logo-item-mobile__img{
width:70px;
height:auto;
display:block;
}
.menu-logo-item-mobile__text{
display:inline-block;
line-height:1;
}
</style>
<div
data-menu-depth="1"
data-pane-key="account-info"
data-scroll-lock-ignore
aria-hidden="true"
inert
>
<li class="mobile-menu__item mobile-menu__item--header">
<button
class="mobile-menu__item--heading-back-link fs-body-100"
data-action="home"
aria-label="Retour au menu principal"
>
<span class="icon icon-arrow-short back-link-icon" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 12.4016H11.5H23M23 12.4016L13.8 3M23 12.4016L13.8 21.8032" stroke="currentColor" stroke-width="1.75"/></svg>
</span>
Retour au menu principal
</button>
</li>
<div class="login" data-scope="component" data-account-login>
<div class="login__success-wrapper">
<div class="login__success" data-success-message tabindex="-1">
<div class="ff-body fs-body-100">
Nous vous avons envoyé un e-mail contenant un lien pour mettre à jour votre mot de passe.
</div>
</div>
</div>
<div id="login-form" class="login__wrapper" data-part="login" aria-hidden="false">
<header class="login__header">
<h4 class="login__heading ff-heading fs-heading-4-base">Connexion</h4>
</header>
<div class="login__main">
<form method="post" action="/account/login" id="mobile-menu-account-login" accept-charset="UTF-8" data-login-with-shop-sign-in="true" novalidate="novalidate" class="login__form"><input type="hidden" name="form_type" value="customer_login" /><input type="hidden" name="utf8" value="✓" />
<label for="mobile-menu-account-login-CustomerEmail">E-mail</label>
<input
type="email"
class="input"
name="customer[email]"
id="mobile-menu-account-login-CustomerEmail"
autocomplete="email"
autocorrect="off"
autocapitalize="off"
>
<div class="login__label-wrapper">
<label for="mobile-menu-account-login-CustomerPassword">Mot de passe</label>
<button
type="button"
class="btn btn--text-link fs-body-75"
data-toggle
aria-controls="mobile-menu-account-login-register-form"
>
Mot de passe oublié ?
</button>
</div>
<input
type="password"
class="input"
value=""
name="customer[password]"
id="mobile-menu-account-login-CustomerPassword"
>
<button type="submit" class="login__button btn btn--primary btn--full">
Connexion
</button>
<div class="login__links ff-body fs-body-100">
<span>Nouveau client ?</span>
<a class="link" href="/account/register">Créer un compte</a>
</div>
</form>
</div>
</div>
<div id="mobile-menu-account-login-register-form" class="login__wrapper hide" data-part="reset" aria-hidden="true">
<div class="login__header">
<h2 class="login__heading ff-heading fs-heading-3-base">Réinitialiser son mot de passe</h2>
<p class="login__subheading fs-body-75">Nous vous ferons parvenir un e-mail pour réinitialiser votre mot de passe</p>
</div>
<div class="login__main">
<form method="post" action="/account/recover" accept-charset="UTF-8" class="login__form"><input type="hidden" name="form_type" value="recover_customer_password" /><input type="hidden" name="utf8" value="✓" />
<label for="mobile-menu-account-login-RecoverEmail">E-mail</label>
<input
type="email"
value=""
name="email"
id="mobile-menu-account-login-RecoverEmail"
class="input"
autocorrect="off"
autocapitalize="off"
>
<button type="submit" class="login__button btn btn--primary btn--full">
Envoyer
</button>
<div class="login__links ff-body fs-body-100">
<button type="button" data-toggle class="btn btn--text-link" aria-controls="login-form">
annuler
</button>
</div>
</form>
</div>
</div>
</div>
</div>
<style>
.menu-logo-item-mobile{
display:inline-flex;
align-items:center;
gap:10px;
}
.menu-logo-item-mobile__img{
width:70px;
height:auto;
display:block;
}
.menu-logo-item-mobile__text{
display:inline-block;
line-height:1;
}
</style></div>
</div>
</div>
</div>
</template>
</div>
</section>
</div>
<!-- END sections: header-group -->
<!-- BEGIN sections: overlay-group -->
<div id="shopify-section-sections--18718532993199__quick-cart" class="shopify-section shopify-section-group-overlay-group"><div
class="quick-cart"
data-section-id="sections--18718532993199__quick-cart"
data-section-type="quick-cart"
>
<div class="quick-cart__wrapper">
<div class="quick-cart__overlay"></div>
<div class="quick-cart__container">
<form
action="/cart"
method="post"
class="quick-cart__form"
data-form
novalidate
data-scroll-lock-ignore
>
<div class="quick-cart__header">
<h2 class="quick-cart__heading ff-heading fs-heading-5-base">Votre panier</h2>
<button
type="button"
data-modal-close
class="quick-cart__close-icon"
aria-label="Fermer"
>
<span
class="icon-button modal-drawer-close"
data-size="large">
<span class="icon-button__icon">
<span class="icon icon-modal-drawer-close icon--primary" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6 6L12.25 12.25M18.5 18.5L12.25 12.25M12.25 12.25L18.5 6M12.25 12.25L6 18.5" stroke="currentColor" stroke-width="1.16667" stroke-linecap="square"/></svg>
</span>
</span>
</span>
</button>
</div>
<div class="quick-cart__empty-state">
<h3 class="quick-cart__empty-state-heading ff-heading fs-heading fs-heading-4-base">
Votre panier est vide
</h3>
<div class="quick-cart__empty-state-promot-text rte ff-body fs-body-100">
<p>Découvrez ces collections.</p>
</div>
<div class="button-wrapper quick-cart__empty-state-promo-button" data-alignment="center">
<a class="btn btn--primary" href="/collections/promotions">
<span>!!!تخفيضات هامة</span>
</a>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<!-- END sections: overlay-group --><div class="header-overlay" data-header-overlay>
<div class="header-overlay__inner"></div>
</div>
<main id="main" class="main">
<div id="shopify-section-template--18718532206767__kerastase_rain_d9gbz3" class="shopify-section">
<div class="kr-rain"></div>
<style>
.kr-rain{
position:fixed;
inset:0;
pointer-events:none;
z-index:9999;
overflow:hidden;
}
.kr-drop{
position:absolute;
top:-10%;
width:50px;
height:50px;
animation:fall linear infinite;
}
.kr-drop img{
width:100%;
height:100%;
object-fit:contain;
filter:drop-shadow(0 6px 10px rgba(0,0,0,0.2));
}
@keyframes fall{
0%{
transform:translateY(-10vh) translateX(0) rotate(0deg);
opacity:0;
}
10%{
opacity:1;
}
50%{
transform:translateY(50vh) translateX(30px) rotate(120deg);
}
100%{
transform:translateY(120vh) translateX(-30px) rotate(260deg);
opacity:0.8;
}
}
@media (max-width:768px){
.kr-drop{
width:35px;
height:35px;
}
}
</style>
<script>
document.addEventListener("DOMContentLoaded", function () {
const container = document.querySelector(".kr-rain");
if (!container) return;
const icons = [
"//beautymarket.ma/cdn/shop/files/019c2af3-a57c-71c9-b2d9-e821fa10fea5_720_1.png?v=1772666996&width=100",
"//beautymarket.ma/cdn/shop/files/019c2af3-a57c-71c9-b2d9-e821fa10fea5_720_1.png?v=1772666996&width=100",
"//beautymarket.ma/cdn/shop/files/019c2af3-a57c-71c9-b2d9-e821fa10fea5_720_1.png?v=1772666996&width=100",
"//beautymarket.ma/cdn/shop/files/GLSS_25e32336-aa3f-4141-9bb8-f1e96d6437ad.png?v=1774800144&width=100",
"//beautymarket.ma/cdn/shop/files/GLSS_25e32336-aa3f-4141-9bb8-f1e96d6437ad.png?v=1774800144&width=100"
].filter(src => src && !src.includes('no-image'));
if (!icons.length) return;
for (let i = 0; i < 20; i++) {
const drop = document.createElement("div");
drop.className = "kr-drop";
const img = document.createElement("img");
img.src = icons[Math.floor(Math.random() * icons.length)];
img.alt = "Kerastase icon";
drop.style.left = Math.random() * 100 + "vw";
drop.style.animationDuration = (4 + Math.random() * 4) + "s";
drop.style.animationDelay = Math.random() * 2 + "s";
drop.appendChild(img);
container.appendChild(drop);
}
setTimeout(function () {
container.remove();
}, 10000);
});
</script>
</div><section id="shopify-section-template--18718532206767__slideshow_qzQgEf" class="shopify-section shopify-section--full-width"><div
class="slideshow section section--hero"
data-has-navigation="false"
data-nav-has-background="true"
data-is-single-slide="true"
data-image-height-type="adapt_to_image"
data-section-id="template--18718532206767__slideshow_qzQgEf"
data-section-type="slideshow"
data-scroller-id="slideshow-template--18718532206767__slideshow_qzQgEf"
style=" --custom-height-desktop: 650px; --custom-height-mobile: 450px; --section-style-spacing-top: 0px; --section-style-spacing-bottom: 0px; "
>
<div
class="section-inner section-inner--full-width"
>
<div class="slideshow__inner">
<script src="//beautymarket.ma/cdn/shop/t/35/assets/scroll-slider.js?v=137308953565903322681754934608" type="module"></script>
<script src="//beautymarket.ma/cdn/shop/t/35/assets/slideshow.js?v=6014208066395939321754934608" type="module"></script>
<slideshow-component
class="scroll-slider scroll-slider--standard-width scroll-all-sizes"
style="--columns: 1; --peek: 0px; --gap: 0px;"
data-id="slideshow-template--18718532206767__slideshow_qzQgEf"
data-navigation-container=".slideshow__inner"
data-autoplay="true"
data-autoplay-delay="6000"
data-autoplay-pause-on-hover=""
data-is-slideshow="true"
>
<div class="scroll-slider__slider">
<div
class="slideshow-slide"
data-index="0"
>
<div class="slideshow-slide__inner">
<div
class="background-image-container image-hero__image-container"
data-has-mobile-image="true"
data-absolutely-position-image="false"
><div
class="image background-image background-image--mobile slideshow-slide__image animation--image animation--lazy-load"
style="--focal-alignment: center;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="1200"
height="1600"
src="//beautymarket.ma/cdn/shop/files/Plan_de_travail_2_8eb54e36-6ca8-44c6-943c-aec80dc87933.jpg?v=1774792475&width=320"
srcset="//beautymarket.ma/cdn/shop/files/Plan_de_travail_2_8eb54e36-6ca8-44c6-943c-aec80dc87933.jpg?v=1774792475&width=700 700w, //beautymarket.ma/cdn/shop/files/Plan_de_travail_2_8eb54e36-6ca8-44c6-943c-aec80dc87933.jpg?v=1774792475&width=750 750w, //beautymarket.ma/cdn/shop/files/Plan_de_travail_2_8eb54e36-6ca8-44c6-943c-aec80dc87933.jpg?v=1774792475&width=800 800w, //beautymarket.ma/cdn/shop/files/Plan_de_travail_2_8eb54e36-6ca8-44c6-943c-aec80dc87933.jpg?v=1774792475&width=850 850w, //beautymarket.ma/cdn/shop/files/Plan_de_travail_2_8eb54e36-6ca8-44c6-943c-aec80dc87933.jpg?v=1774792475&width=900 900w, //beautymarket.ma/cdn/shop/files/Plan_de_travail_2_8eb54e36-6ca8-44c6-943c-aec80dc87933.jpg?v=1774792475&width=950 950w, //beautymarket.ma/cdn/shop/files/Plan_de_travail_2_8eb54e36-6ca8-44c6-943c-aec80dc87933.jpg?v=1774792475&width=1000 1000w, //beautymarket.ma/cdn/shop/files/Plan_de_travail_2_8eb54e36-6ca8-44c6-943c-aec80dc87933.jpg?v=1774792475&width=1100 1100w, //beautymarket.ma/cdn/shop/files/Plan_de_travail_2_8eb54e36-6ca8-44c6-943c-aec80dc87933.jpg?v=1774792475&width=1200 1200w"
sizes="100vw"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div><div
class="image background-image slideshow-slide__image animation--image animation--lazy-load"
style="--focal-alignment: center;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="2800"
height="1100"
src="//beautymarket.ma/cdn/shop/files/Plan_de_travail_1_6d05fe26-22bb-47df-8e6a-bcc57c61a8ce.jpg?v=1774792475&width=320"
srcset="//beautymarket.ma/cdn/shop/files/Plan_de_travail_1_6d05fe26-22bb-47df-8e6a-bcc57c61a8ce.jpg?v=1774792475&width=700 700w, //beautymarket.ma/cdn/shop/files/Plan_de_travail_1_6d05fe26-22bb-47df-8e6a-bcc57c61a8ce.jpg?v=1774792475&width=750 750w, //beautymarket.ma/cdn/shop/files/Plan_de_travail_1_6d05fe26-22bb-47df-8e6a-bcc57c61a8ce.jpg?v=1774792475&width=800 800w, //beautymarket.ma/cdn/shop/files/Plan_de_travail_1_6d05fe26-22bb-47df-8e6a-bcc57c61a8ce.jpg?v=1774792475&width=850 850w, //beautymarket.ma/cdn/shop/files/Plan_de_travail_1_6d05fe26-22bb-47df-8e6a-bcc57c61a8ce.jpg?v=1774792475&width=900 900w, //beautymarket.ma/cdn/shop/files/Plan_de_travail_1_6d05fe26-22bb-47df-8e6a-bcc57c61a8ce.jpg?v=1774792475&width=950 950w, //beautymarket.ma/cdn/shop/files/Plan_de_travail_1_6d05fe26-22bb-47df-8e6a-bcc57c61a8ce.jpg?v=1774792475&width=1000 1000w, //beautymarket.ma/cdn/shop/files/Plan_de_travail_1_6d05fe26-22bb-47df-8e6a-bcc57c61a8ce.jpg?v=1774792475&width=1100 1100w, //beautymarket.ma/cdn/shop/files/Plan_de_travail_1_6d05fe26-22bb-47df-8e6a-bcc57c61a8ce.jpg?v=1774792475&width=1200 1200w, //beautymarket.ma/cdn/shop/files/Plan_de_travail_1_6d05fe26-22bb-47df-8e6a-bcc57c61a8ce.jpg?v=1774792475&width=1300 1300w, //beautymarket.ma/cdn/shop/files/Plan_de_travail_1_6d05fe26-22bb-47df-8e6a-bcc57c61a8ce.jpg?v=1774792475&width=1400 1400w, //beautymarket.ma/cdn/shop/files/Plan_de_travail_1_6d05fe26-22bb-47df-8e6a-bcc57c61a8ce.jpg?v=1774792475&width=1500 1500w, //beautymarket.ma/cdn/shop/files/Plan_de_travail_1_6d05fe26-22bb-47df-8e6a-bcc57c61a8ce.jpg?v=1774792475&width=1600 1600w, //beautymarket.ma/cdn/shop/files/Plan_de_travail_1_6d05fe26-22bb-47df-8e6a-bcc57c61a8ce.jpg?v=1774792475&width=1800 1800w, //beautymarket.ma/cdn/shop/files/Plan_de_travail_1_6d05fe26-22bb-47df-8e6a-bcc57c61a8ce.jpg?v=1774792475&width=2000 2000w, //beautymarket.ma/cdn/shop/files/Plan_de_travail_1_6d05fe26-22bb-47df-8e6a-bcc57c61a8ce.jpg?v=1774792475&width=2200 2200w, //beautymarket.ma/cdn/shop/files/Plan_de_travail_1_6d05fe26-22bb-47df-8e6a-bcc57c61a8ce.jpg?v=1774792475&width=2400 2400w, //beautymarket.ma/cdn/shop/files/Plan_de_travail_1_6d05fe26-22bb-47df-8e6a-bcc57c61a8ce.jpg?v=1774792475&width=2600 2600w, //beautymarket.ma/cdn/shop/files/Plan_de_travail_1_6d05fe26-22bb-47df-8e6a-bcc57c61a8ce.jpg?v=1774792475&width=2800 2800w"
sizes="100vw"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div></div>
<div
class="slideshow-slide__overlay image-overlay animation--image-overlay"
data-image-overlay-tint-style="solid" style="--overlay-opacity:0%; --color-overlay-tint: #000;"
></div>
<div
class="slideshow-slide__text-container-wrapper"
style=" --text-horizontal-position: center; --text-horizontal-position-mobile: center; --text-vertical-position: center; --text-vertical-position-mobile: center; --text-alignment: center; --text-alignment-mobile: center; --content-max-width: 500px; "
><div class="slideshow-slide__text-container text-container image-overlay-content animation--item">
<a
href="/pages/premium"
class="slideshow-slide__image-link"
aria-label="Beauty Market banner"
></a>
<div class="slideshow-slide__text-container-inner text-container-inner section-blocks animation--container">
</div>
</div>
</div>
</div>
</div>
</div>
</slideshow-component>
</div>
</div>
</div>
</section><section id="shopify-section-template--18718532206767__custom_liquid_BEbTp8" class="shopify-section"><div
class="section"
style="--section-style-spacing-top: 12px; --section-style-spacing-bottom: 0px;"
>
<div class="section-inner">
<section id="bm-tiles-final" class="bm-tiles">
<button class="bm-nav prev" aria-label="Précédent" type="button">‹</button>
<button class="bm-nav next" aria-label="Suivant" type="button">›</button>
<!-- ✅ ONE LIST (mobile + desktop) -->
<ul class="bm-tiles-track" role="list" aria-label="Catégories">
<!-- ✅ KERASTASE FIRST -->
<li>
<a class="bm-tile" href="https://beautymarket.ma/pages/premium">
<span class="bm-tile-fig">
<img class="bm-tile-img" loading="lazy" decoding="async"
src="https://cdn.shopify.com/s/files/1/0572/7938/1679/files/KERAS.png?v=1774793886"
alt="Kérastase">
</span>
<span class="bm-tile-label bm-kerastase-label">
<span class="k-name">Kérastase</span>
<span class="k-paris">Paris</span>
</span>
</a>
</li>
<li>
<a class="bm-tile" href="https://beautymarket.ma/collections/promotions">
<span class="bm-tile-fig">
<img class="bm-tile-img" loading="lazy" decoding="async"
src="https://cdn.shopify.com/s/files/1/0572/7938/1679/files/KPROMO.png?v=1774793887"
alt="Promos du moment">
</span>
<span class="bm-tile-label">!!!تخفيضات هامة</span>
</a>
</li>
<li>
<a class="bm-tile" href="https://beautymarket.ma/collections/bestsellers">
<span class="bm-tile-fig">
<img class="bm-tile-img" loading="lazy" decoding="async"
src="https://cdn.shopify.com/s/files/1/0572/7938/1679/files/KVAFORITE.png?v=1774793886"
alt="Meilleures ventes">
</span>
<span class="bm-tile-label">Meilleures ventes</span>
</a>
</li>
<!-- ✅ KERASTASE (2 categories after Bestsellers) -->
<li>
<a class="bm-tile" href="https://beautymarket.ma/collections/gift-box">
<span class="bm-tile-fig">
<img class="bm-tile-img" loading="lazy" decoding="async"
src="https://cdn.shopify.com/s/files/1/0572/7938/1679/files/KGIFT.png?v=1774793887"
alt="gift boxes">
</span>
<span class="bm-tile-label">Gift Box</span>
</a>
</li>
<li>
<a class="bm-tile" href="https://beautymarket.ma/collections/solaire?view=mobile">
<span class="bm-tile-fig">
<img class="bm-tile-img" loading="lazy" decoding="async"
src="https://cdn.shopify.com/s/files/1/0572/7938/1679/files/KSOLAIRE.png?v=1774793886"
alt="Solaire">
</span>
<span class="bm-tile-label">Solaire</span>
</a>
</li>
<li>
<a class="bm-tile" href="https://beautymarket.ma/pages/kbeauty">
<span class="bm-tile-fig">
<img class="bm-tile-img" loading="lazy" decoding="async"
src="https://cdn.shopify.com/s/files/1/0572/7938/1679/files/KKBEAUTY.png?v=1774793887"
alt="K-Beauty">
</span>
<span class="bm-tile-label">K-Beauty</span>
</a>
</li>
<li>
<a class="bm-tile" href="https://beautymarket.ma/collections/visage?view=mobile">
<span class="bm-tile-fig">
<img class="bm-tile-img" loading="lazy" decoding="async"
src="https://cdn.shopify.com/s/files/1/0572/7938/1679/files/KVISAGE.png?v=1774793886"
alt="Visage">
</span>
<span class="bm-tile-label">Visage</span>
</a>
</li>
<li>
<a class="bm-tile" href="https://beautymarket.ma/collections/cheveux?view=mobile">
<span class="bm-tile-fig">
<img class="bm-tile-img" loading="lazy" decoding="async"
src="https://cdn.shopify.com/s/files/1/0572/7938/1679/files/KHAIR.png?v=1774793887"
alt="Cheveux">
</span>
<span class="bm-tile-label">Cheveux</span>
</a>
</li>
<li>
<a class="bm-tile" href="https://beautymarket.ma/collections/corps?view=mobile">
<span class="bm-tile-fig">
<img class="bm-tile-img" loading="lazy" decoding="async"
src="https://cdn.shopify.com/s/files/1/0572/7938/1679/files/CORP_86710e43-6bba-426f-be8a-9ae6c4b75f1e.png?v=1774793887"
alt="Corps">
</span>
<span class="bm-tile-label">Corps</span>
</a>
</li>
<li>
<a class="bm-tile" href="https://beautymarket.ma/collections/appareils-brosses-cheveux?view=mobile">
<span class="bm-tile-fig">
<img class="bm-tile-img" loading="lazy" decoding="async"
src="https://cdn.shopify.com/s/files/1/0572/7938/1679/files/KACC.png?v=1774793887"
alt="Appareils & brosses">
</span>
<span class="bm-tile-label">Accessoires</span>
</a>
</li>
<li>
<a class="bm-tile" href="/collections/complements-alimentaires?view=mobile">
<span class="bm-tile-fig">
<img class="bm-tile-img" loading="lazy" decoding="async"
src="https://cdn.shopify.com/s/files/1/0572/7938/1679/files/KCOMPL.png?v=1774793887"
alt="Compléments">
</span>
<span class="bm-tile-label">Compléments</span>
</a>
</li>
<li>
<a class="bm-tile" href="/collections/maquillage?view=mobile">
<span class="bm-tile-fig">
<img class="bm-tile-img" loading="lazy" decoding="async"
src="https://cdn.shopify.com/s/files/1/0572/7938/1679/files/KMAQUILLAGE.png?v=1774793887"
alt="Maquillage">
</span>
<span class="bm-tile-label">Maquillage</span>
</a>
</li>
<li>
<a class="bm-tile" href="https://beautymarket.ma/collections/special-sport">
<span class="bm-tile-fig">
<img class="bm-tile-img" loading="lazy" decoding="async"
src="https://cdn.shopify.com/s/files/1/0572/7938/1679/files/KSPORT.png?v=1774793887"
alt="Sport">
</span>
<span class="bm-tile-label">Sport</span>
</a>
</li>
<li>
<a class="bm-tile" href="https://beautymarket.ma/collections/masques-pacths?view=mobile">
<span class="bm-tile-fig">
<img class="bm-tile-img" loading="lazy" decoding="async"
src="https://cdn.shopify.com/s/files/1/0572/7938/1679/files/KMASK.png?v=1774793887"
alt="Masques & Patchs">
</span>
<span class="bm-tile-label">Masques & Patchs</span>
</a>
</li>
<li>
<a class="bm-tile" href="https://beautymarket.ma/collections/homme?view=mobile">
<span class="bm-tile-fig">
<img class="bm-tile-img" loading="lazy" decoding="async"
src="https://cdn.shopify.com/s/files/1/0572/7938/1679/files/KHOMME.png?v=1774793886"
alt="Homme">
</span>
<span class="bm-tile-label">Homme</span>
</a>
</li>
<li>
<a class="bm-tile" href="https://beautymarket.ma/collections/bebe-et-maman?view=mobile">
<span class="bm-tile-fig">
<img class="bm-tile-img" loading="lazy" decoding="async"
src="https://cdn.shopify.com/s/files/1/0572/7938/1679/files/KBEBEMAMAN.png?v=1774793887"
alt="Bébé & maman">
</span>
<span class="bm-tile-label">Bébé & maman</span>
</a>
</li>
</ul>
</section>
<style>
/* Base */
#bm-tiles-final{
--gap:10px;
--label:#222;
position:relative;
display:block;
}
#bm-tiles-final.no-scroll .bm-nav{display:none}
/* Track */
#bm-tiles-final .bm-tiles-track{
list-style:none;
margin:0;
padding:0;
display:grid;
grid-auto-flow:column;
overflow-x:auto;
-webkit-overflow-scrolling:touch;
scroll-snap-type:x mandatory;
scrollbar-width:none;
}
#bm-tiles-final .bm-tiles-track::-webkit-scrollbar{display:none}
#bm-tiles-final li{width:100%;scroll-snap-align:start}
/* Tile */
#bm-tiles-final .bm-tile{
display:flex;
flex-direction:column;
align-items:center;
text-decoration:none;
color:var(--label);
transition:transform .15s ease;
}
@media (min-width:769px){
#bm-tiles-final .bm-tile:hover{transform:translateY(-2px)}
}
#bm-tiles-final .bm-tile-fig{
width:100%;
aspect-ratio:1/1;
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
}
#bm-tiles-final .bm-tile-img{
width:100%;
height:100%;
object-fit:contain;
object-position:center;
display:block;
}
#bm-tiles-final .bm-tile-label{
margin-top:6px;
font-size:12px;
line-height:1.2;
text-align:center;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
overflow:hidden;
min-height:calc(1.2em * 2);
}
/* 📱 MOBILE: 2 rows + 4 per slide */
@media (max-width:768px){
#bm-tiles-final .bm-tiles-track{
padding:8px 12px 2px;
grid-template-rows:repeat(2,max-content);
grid-auto-columns:calc((100% - (var(--gap)*3))/4);
column-gap:var(--gap);
row-gap:var(--gap);
}
}
/* 🖥 DESKTOP: 1 row + 6 per slide */
@media (min-width:769px){
#bm-tiles-final{ --gap:8px; }
#bm-tiles-final .bm-tiles-track{
padding:6px 46px;
grid-template-rows:max-content;
grid-auto-columns:calc((100% - (var(--gap)*5))/6);
column-gap:var(--gap);
}
#bm-tiles-final .bm-tile-label{
font-size:13px;
line-height:1.15;
min-height:calc(1.15em * 2);
font-weight:700;
}
}
/* Nav */
#bm-tiles-final .bm-nav{
position:absolute;
top:50%;
transform:translateY(-50%);
width:34px;
height:34px;
border-radius:999px;
border:0;
cursor:pointer;
background:#fff;
box-shadow:0 6px 18px rgba(0,0,0,.15);
display:flex;
align-items:center;
justify-content:center;
z-index:2;
opacity:.95;
}
#bm-tiles-final .bm-nav.prev{left:4px}
#bm-tiles-final .bm-nav.next{right:4px}
@media (min-width:769px){
#bm-tiles-final .bm-nav{
width:38px;
height:38px;
box-shadow:0 8px 24px rgba(0,0,0,.18);
opacity:.98;
}
#bm-tiles-final .bm-nav.prev{left:6px}
#bm-tiles-final .bm-nav.next{right:6px}
}
/* Default (Mobile) → normal inline */
#bm-tiles-final .bm-kerastase-label{
display:inline;
}
/* Desktop only → Paris under Kérastase */
@media (min-width:769px){
#bm-tiles-final .bm-kerastase-label{
display:flex;
flex-direction:column;
align-items:center;
line-height:1.15;
}
}
</style>
<script>
(function(){
const root=document.getElementById("bm-tiles-final");
if(!root) return;
const track=root.querySelector(".bm-tiles-track");
const prev=root.querySelector(".bm-nav.prev");
const next=root.querySelector(".bm-nav.next");
const mq=window.matchMedia("(min-width: 769px)");
const perSlide=()=> mq.matches ? 6 : 4;
const tileStep=()=>{
const li=track && track.querySelector("li");
if(!li) return 0;
const w=li.getBoundingClientRect().width;
const gap=parseFloat(getComputedStyle(track).columnGap||"0");
return w+gap;
};
const go=(dir)=>{
const step=tileStep();
if(!step) return;
track.scrollTo({
left: Math.round((track.scrollLeft + dir*(step*perSlide()))/step)*step,
behavior:"smooth"
});
};
const update=()=>{
const max=track.scrollWidth-track.clientWidth-2;
const atStart=track.scrollLeft<=1;
const atEnd=track.scrollLeft>=max;
if(prev){ prev.disabled=atStart; prev.style.opacity=atStart ? 0.5 : 1; }
if(next){ next.disabled=atEnd; next.style.opacity=atEnd ? 0.5 : 1; }
root.classList.toggle("no-scroll", track.scrollWidth<=track.clientWidth+1);
};
prev && prev.addEventListener("click",()=>go(-1));
next && next.addEventListener("click",()=>go(1));
track && track.addEventListener("scroll",update);
const ro=new ResizeObserver(update);
track && ro.observe(track);
if(mq.addEventListener) mq.addEventListener("change",update);
else if(mq.addListener) mq.addListener(update);
window.addEventListener("resize",update);
update();
})();
</script>
</div>
</div>
</section><section id="shopify-section-template--18718532206767__featured_collection_QHwGaT" class="shopify-section"><div
class="featured-collection section"
style=" --section-style-spacing-top: 20px; --section-style-spacing-bottom: 36px; --num-columns-desktop: 5; --num-columns-tablet: 4; --num-columns-mobile: 2; "
data-section-id="template--18718532206767__featured_collection_QHwGaT"
data-section-type="featured-collection"
data-products-per-view="5"
data-mobile-products-per-view="2"
>
<div class="section-inner">
<div
class="featured-collection__products featured-collection-slider-grid standard-grid-spacing product-item-holder"
data-standard-grid-spacing-type="product-list">
<script src="//beautymarket.ma/cdn/shop/t/35/assets/scroll-slider.js?v=137308953565903322681754934608" type="module"></script>
<scroll-slider-component
class="scroll-slider scroll-slider--full-width-below-1024 scroll-slider--peek-and-full-width-below-1024 scroll-all-sizes"
style="--columns: 2; --columns-above-720: 4; --columns-above-1024: 5; --peek: 24px; --peek-above-1024: 0px; --gap: 12px; --gap-above-1024: 16px; --gap-above-1200: 24px;"
data-id="featured-collection"
data-navigation-container=".featured-collection"
data-autoplay=""
data-autoplay-delay="0"
data-autoplay-pause-on-hover=""
>
<div class="scroll-slider__slider">
<div class="collection-view-all-tile-wrapper">
<div
class="collection-view-all-tile featured-collection-slider-grid-item animation--item"
data-color-scheme="default"
data-has-image="true"
style="--color-background: #ffffff; --color-background-alpha-80: rgba(255, 255, 255, 0.8); --color-text: #121212; --color-text-input: #121212; --color-text-link: #ffa6a8; --color-text-alpha-90: rgba(18, 18, 18, 0.9); --color-text-alpha-80: rgba(18, 18, 18, 0.8); --color-text-alpha-70: rgba(18, 18, 18, 0.7); --color-text-alpha-60: rgba(18, 18, 18, 0.6); --color-text-alpha-50: rgba(18, 18, 18, 0.5); --color-text-alpha-40: rgba(18, 18, 18, 0.4); --color-text-alpha-30: rgba(18, 18, 18, 0.3); --color-text-alpha-25: rgba(18, 18, 18, 0.25); --color-text-alpha-20: rgba(18, 18, 18, 0.2); --color-text-alpha-10: rgba(18, 18, 18, 0.1); --color-text-alpha-05: rgba(18, 18, 18, 0.05);--color-border-input: rgba(68, 68, 68, 0.4);"
><div
class="background-image-container image-hero__image-container"
data-has-mobile-image="false"
data-absolutely-position-image="true"
><div
class="image background-image collection-view-all-tile__image animation--image animation--lazy-load"
style="--focal-alignment: center;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="723"
height="1472"
src="//beautymarket.ma/cdn/shop/files/kerascoffret.png?v=1774798922&width=320"
srcset="//beautymarket.ma/cdn/shop/files/kerascoffret.png?v=1774798922&width=700 700w"
sizes="(min-width: 960px) 50vw, 100vw"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div></div>
<div
class="collection-view-all-tile__overlay image-overlay animation--image-overlay"></div><div
class="collection-view-all-tile__overlay-content overlay-content"
data-text-position="flex-start_flex-start"
style="--max-content-width: 650px;"
>
<div
class="overlay-content__text-container image-overlay-content section-blocks"
style=" --color-text: #FFFFFF; --color-background: #000; --color-text-alpha-90: rgba(255, 255, 255, 0.9); --color-text-alpha-80: rgba(255, 255, 255, 0.8); --color-text-alpha-70: rgba(255, 255, 255, 0.7); --color-text-alpha-60: rgba(255, 255, 255, 0.6); --color-text-alpha-50: rgba(255, 255, 255, 0.5); --color-text-alpha-40: rgba(255, 255, 255, 0.4); --color-text-alpha-30: rgba(255, 255, 255, 0.3); --color-text-alpha-25: rgba(255, 255, 255, 0.25); --color-text-alpha-20: rgba(255, 255, 255, 0.2); --color-text-alpha-10: rgba(255, 255, 255, 0.1); --color-text-alpha-05: rgba(255, 255, 255, 0.05); --text-horizontal-position: flex-start; --text-horizontal-position-mobile: ; --text-vertical-position: flex-start; --text-vertical-position-mobile: ; --text-alignment: left; --text-alignment-mobile: center; "
>
<a
href="/collections/kerastase">
<span class="icon icon-chevron" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2"/></svg>
</span>
</a>
</div></div>
<a
href="/collections/kerastase"
class="collection-view-all-tile__media-link"
aria-label="Kérastase"
></a></div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8546809413807"
data-title="Kérastase Gloss Absolu - Coffret Cadeau Routine Brillance"
data-url="/products/kerastase-gloss-absolu-coffret"
data-variant-id="46711806623919"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/kerastase-gloss-absolu-coffret"
aria-label="Kérastase Gloss Absolu - Coffret Cadeau Routine Brillance"
><div
class="image product-item__image aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="Kérastase Gloss Absolu - Coffret Cadeau Routine Brillance"
class="image__img"
loading="lazy"
width="1080"
height="1080"
src="//beautymarket.ma/cdn/shop/files/glossket.png?v=1774967301&width=320"
srcset="//beautymarket.ma/cdn/shop/files/glossket.png?crop=center&height=150&v=1774967301&width=150 150w, //beautymarket.ma/cdn/shop/files/glossket.png?crop=center&height=200&v=1774967301&width=200 200w, //beautymarket.ma/cdn/shop/files/glossket.png?crop=center&height=240&v=1774967301&width=240 240w, //beautymarket.ma/cdn/shop/files/glossket.png?crop=center&height=280&v=1774967301&width=280 280w, //beautymarket.ma/cdn/shop/files/glossket.png?crop=center&height=300&v=1774967301&width=300 300w, //beautymarket.ma/cdn/shop/files/glossket.png?crop=center&height=360&v=1774967301&width=360 360w, //beautymarket.ma/cdn/shop/files/glossket.png?crop=center&height=400&v=1774967301&width=400 400w, //beautymarket.ma/cdn/shop/files/glossket.png?crop=center&height=450&v=1774967301&width=450 450w, //beautymarket.ma/cdn/shop/files/glossket.png?crop=center&height=500&v=1774967301&width=500 500w, //beautymarket.ma/cdn/shop/files/glossket.png?crop=center&height=550&v=1774967301&width=550 550w, //beautymarket.ma/cdn/shop/files/glossket.png?crop=center&height=600&v=1774967301&width=600 600w, //beautymarket.ma/cdn/shop/files/glossket.png?crop=center&height=650&v=1774967301&width=650 650w, //beautymarket.ma/cdn/shop/files/glossket.png?crop=center&height=700&v=1774967301&width=700 700w, //beautymarket.ma/cdn/shop/files/glossket.png?crop=center&height=750&v=1774967301&width=750 750w, //beautymarket.ma/cdn/shop/files/glossket.png?crop=center&height=800&v=1774967301&width=800 800w, //beautymarket.ma/cdn/shop/files/glossket.png?crop=center&height=850&v=1774967301&width=850 850w, //beautymarket.ma/cdn/shop/files/glossket.png?crop=center&height=900&v=1774967301&width=900 900w, //beautymarket.ma/cdn/shop/files/glossket.png?crop=center&height=950&v=1774967301&width=950 950w, //beautymarket.ma/cdn/shop/files/glossket.png?crop=center&height=1000&v=1774967301&width=1000 1000w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/kerastase/products/kerastase-gloss-absolu-coffret"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/kerastase-gloss-absolu-coffret">Kérastase Gloss Absolu - Coffret Cadeau Routine Brillance</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span>765.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span>765.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8546809413807"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46711806623919"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8546809413807'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_QHwGaT-8546809413807">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_QHwGaT-8546809413807"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/kerastase/products/kerastase-gloss-absolu-coffret"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8546809413807"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46711806623919"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8546809413807'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_QHwGaT-8546809413807">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_QHwGaT-8546809413807"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8546792538287"
data-title="Kérastase Première - Coffret Cadeau Trio"
data-url="/products/kerastase-premiere-coffret-cadeau-trio"
data-variant-id="46711716774063"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/kerastase-premiere-coffret-cadeau-trio"
aria-label="Kérastase Première - Coffret Cadeau Trio"
><div
class="image product-item__image product-item__image--one aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="Kérastase Première - Coffret Cadeau Trio"
class="image__img"
loading="lazy"
width="1536"
height="1536"
src="//beautymarket.ma/cdn/shop/files/3474637353773_1.jpg?v=1774702617&width=320"
srcset="//beautymarket.ma/cdn/shop/files/3474637353773_1.jpg?crop=center&height=150&v=1774702617&width=150 150w, //beautymarket.ma/cdn/shop/files/3474637353773_1.jpg?crop=center&height=200&v=1774702617&width=200 200w, //beautymarket.ma/cdn/shop/files/3474637353773_1.jpg?crop=center&height=240&v=1774702617&width=240 240w, //beautymarket.ma/cdn/shop/files/3474637353773_1.jpg?crop=center&height=280&v=1774702617&width=280 280w, //beautymarket.ma/cdn/shop/files/3474637353773_1.jpg?crop=center&height=300&v=1774702617&width=300 300w, //beautymarket.ma/cdn/shop/files/3474637353773_1.jpg?crop=center&height=360&v=1774702617&width=360 360w, //beautymarket.ma/cdn/shop/files/3474637353773_1.jpg?crop=center&height=400&v=1774702617&width=400 400w, //beautymarket.ma/cdn/shop/files/3474637353773_1.jpg?crop=center&height=450&v=1774702617&width=450 450w, //beautymarket.ma/cdn/shop/files/3474637353773_1.jpg?crop=center&height=500&v=1774702617&width=500 500w, //beautymarket.ma/cdn/shop/files/3474637353773_1.jpg?crop=center&height=550&v=1774702617&width=550 550w, //beautymarket.ma/cdn/shop/files/3474637353773_1.jpg?crop=center&height=600&v=1774702617&width=600 600w, //beautymarket.ma/cdn/shop/files/3474637353773_1.jpg?crop=center&height=650&v=1774702617&width=650 650w, //beautymarket.ma/cdn/shop/files/3474637353773_1.jpg?crop=center&height=700&v=1774702617&width=700 700w, //beautymarket.ma/cdn/shop/files/3474637353773_1.jpg?crop=center&height=750&v=1774702617&width=750 750w, //beautymarket.ma/cdn/shop/files/3474637353773_1.jpg?crop=center&height=800&v=1774702617&width=800 800w, //beautymarket.ma/cdn/shop/files/3474637353773_1.jpg?crop=center&height=850&v=1774702617&width=850 850w, //beautymarket.ma/cdn/shop/files/3474637353773_1.jpg?crop=center&height=900&v=1774702617&width=900 900w, //beautymarket.ma/cdn/shop/files/3474637353773_1.jpg?crop=center&height=950&v=1774702617&width=950 950w, //beautymarket.ma/cdn/shop/files/3474637353773_1.jpg?crop=center&height=1000&v=1774702617&width=1000 1000w, //beautymarket.ma/cdn/shop/files/3474637353773_1.jpg?crop=center&height=1100&v=1774702617&width=1100 1100w, //beautymarket.ma/cdn/shop/files/3474637353773_1.jpg?crop=center&height=1200&v=1774702617&width=1200 1200w, //beautymarket.ma/cdn/shop/files/3474637353773_1.jpg?crop=center&height=1300&v=1774702617&width=1300 1300w, //beautymarket.ma/cdn/shop/files/3474637353773_1.jpg?crop=center&height=1400&v=1774702617&width=1400 1400w, //beautymarket.ma/cdn/shop/files/3474637353773_1.jpg?crop=center&height=1500&v=1774702617&width=1500 1500w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div><div
class="image product-item__image product-item__image--two aspect-ratio--square"
style="--object-fit: cover;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="1536"
height="1536"
src="//beautymarket.ma/cdn/shop/files/3474637353773_2.jpg?v=1774702640&width=320"
srcset="//beautymarket.ma/cdn/shop/files/3474637353773_2.jpg?crop=center&height=150&v=1774702640&width=150 150w, //beautymarket.ma/cdn/shop/files/3474637353773_2.jpg?crop=center&height=200&v=1774702640&width=200 200w, //beautymarket.ma/cdn/shop/files/3474637353773_2.jpg?crop=center&height=240&v=1774702640&width=240 240w, //beautymarket.ma/cdn/shop/files/3474637353773_2.jpg?crop=center&height=280&v=1774702640&width=280 280w, //beautymarket.ma/cdn/shop/files/3474637353773_2.jpg?crop=center&height=300&v=1774702640&width=300 300w, //beautymarket.ma/cdn/shop/files/3474637353773_2.jpg?crop=center&height=360&v=1774702640&width=360 360w, //beautymarket.ma/cdn/shop/files/3474637353773_2.jpg?crop=center&height=400&v=1774702640&width=400 400w, //beautymarket.ma/cdn/shop/files/3474637353773_2.jpg?crop=center&height=450&v=1774702640&width=450 450w, //beautymarket.ma/cdn/shop/files/3474637353773_2.jpg?crop=center&height=500&v=1774702640&width=500 500w, //beautymarket.ma/cdn/shop/files/3474637353773_2.jpg?crop=center&height=550&v=1774702640&width=550 550w, //beautymarket.ma/cdn/shop/files/3474637353773_2.jpg?crop=center&height=600&v=1774702640&width=600 600w, //beautymarket.ma/cdn/shop/files/3474637353773_2.jpg?crop=center&height=650&v=1774702640&width=650 650w, //beautymarket.ma/cdn/shop/files/3474637353773_2.jpg?crop=center&height=700&v=1774702640&width=700 700w, //beautymarket.ma/cdn/shop/files/3474637353773_2.jpg?crop=center&height=750&v=1774702640&width=750 750w, //beautymarket.ma/cdn/shop/files/3474637353773_2.jpg?crop=center&height=800&v=1774702640&width=800 800w, //beautymarket.ma/cdn/shop/files/3474637353773_2.jpg?crop=center&height=850&v=1774702640&width=850 850w, //beautymarket.ma/cdn/shop/files/3474637353773_2.jpg?crop=center&height=900&v=1774702640&width=900 900w, //beautymarket.ma/cdn/shop/files/3474637353773_2.jpg?crop=center&height=950&v=1774702640&width=950 950w, //beautymarket.ma/cdn/shop/files/3474637353773_2.jpg?crop=center&height=1000&v=1774702640&width=1000 1000w, //beautymarket.ma/cdn/shop/files/3474637353773_2.jpg?crop=center&height=1100&v=1774702640&width=1100 1100w, //beautymarket.ma/cdn/shop/files/3474637353773_2.jpg?crop=center&height=1200&v=1774702640&width=1200 1200w, //beautymarket.ma/cdn/shop/files/3474637353773_2.jpg?crop=center&height=1300&v=1774702640&width=1300 1300w, //beautymarket.ma/cdn/shop/files/3474637353773_2.jpg?crop=center&height=1400&v=1774702640&width=1400 1400w, //beautymarket.ma/cdn/shop/files/3474637353773_2.jpg?crop=center&height=1500&v=1774702640&width=1500 1500w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/kerastase/products/kerastase-premiere-coffret-cadeau-trio"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/kerastase-premiere-coffret-cadeau-trio">Kérastase Première - Coffret Cadeau Trio</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span>719.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span>719.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8546792538287"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46711716774063"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8546792538287'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_QHwGaT-8546792538287">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_QHwGaT-8546792538287"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/kerastase/products/kerastase-premiere-coffret-cadeau-trio"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8546792538287"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46711716774063"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8546792538287'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_QHwGaT-8546792538287">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_QHwGaT-8546792538287"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8546789621935"
data-title="Kérastase Genesis – Coffret Routine Complète Anti-Chute"
data-url="/products/kerastase-genesis-coffret-routine-complete-anti-chute"
data-variant-id="46711713366191"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/kerastase-genesis-coffret-routine-complete-anti-chute"
aria-label="Kérastase Genesis – Coffret Routine Complète Anti-Chute"
><div
class="image product-item__image product-item__image--one aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="Kérastase Genesis – Coffret Routine Complète Anti-Chute"
class="image__img"
loading="lazy"
width="1000"
height="1000"
src="//beautymarket.ma/cdn/shop/files/3474637353766_EN_0.webp?v=1774701257&width=320"
srcset="//beautymarket.ma/cdn/shop/files/3474637353766_EN_0.webp?crop=center&height=150&v=1774701257&width=150 150w, //beautymarket.ma/cdn/shop/files/3474637353766_EN_0.webp?crop=center&height=200&v=1774701257&width=200 200w, //beautymarket.ma/cdn/shop/files/3474637353766_EN_0.webp?crop=center&height=240&v=1774701257&width=240 240w, //beautymarket.ma/cdn/shop/files/3474637353766_EN_0.webp?crop=center&height=280&v=1774701257&width=280 280w, //beautymarket.ma/cdn/shop/files/3474637353766_EN_0.webp?crop=center&height=300&v=1774701257&width=300 300w, //beautymarket.ma/cdn/shop/files/3474637353766_EN_0.webp?crop=center&height=360&v=1774701257&width=360 360w, //beautymarket.ma/cdn/shop/files/3474637353766_EN_0.webp?crop=center&height=400&v=1774701257&width=400 400w, //beautymarket.ma/cdn/shop/files/3474637353766_EN_0.webp?crop=center&height=450&v=1774701257&width=450 450w, //beautymarket.ma/cdn/shop/files/3474637353766_EN_0.webp?crop=center&height=500&v=1774701257&width=500 500w, //beautymarket.ma/cdn/shop/files/3474637353766_EN_0.webp?crop=center&height=550&v=1774701257&width=550 550w, //beautymarket.ma/cdn/shop/files/3474637353766_EN_0.webp?crop=center&height=600&v=1774701257&width=600 600w, //beautymarket.ma/cdn/shop/files/3474637353766_EN_0.webp?crop=center&height=650&v=1774701257&width=650 650w, //beautymarket.ma/cdn/shop/files/3474637353766_EN_0.webp?crop=center&height=700&v=1774701257&width=700 700w, //beautymarket.ma/cdn/shop/files/3474637353766_EN_0.webp?crop=center&height=750&v=1774701257&width=750 750w, //beautymarket.ma/cdn/shop/files/3474637353766_EN_0.webp?crop=center&height=800&v=1774701257&width=800 800w, //beautymarket.ma/cdn/shop/files/3474637353766_EN_0.webp?crop=center&height=850&v=1774701257&width=850 850w, //beautymarket.ma/cdn/shop/files/3474637353766_EN_0.webp?crop=center&height=900&v=1774701257&width=900 900w, //beautymarket.ma/cdn/shop/files/3474637353766_EN_0.webp?crop=center&height=950&v=1774701257&width=950 950w, //beautymarket.ma/cdn/shop/files/3474637353766_EN_0.webp?crop=center&height=1000&v=1774701257&width=1000 1000w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div><div
class="image product-item__image product-item__image--two aspect-ratio--square"
style="--object-fit: cover;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="1440"
height="1440"
src="//beautymarket.ma/cdn/shop/files/3474637351687_3.jpg?v=1774702422&width=320"
srcset="//beautymarket.ma/cdn/shop/files/3474637351687_3.jpg?crop=center&height=150&v=1774702422&width=150 150w, //beautymarket.ma/cdn/shop/files/3474637351687_3.jpg?crop=center&height=200&v=1774702422&width=200 200w, //beautymarket.ma/cdn/shop/files/3474637351687_3.jpg?crop=center&height=240&v=1774702422&width=240 240w, //beautymarket.ma/cdn/shop/files/3474637351687_3.jpg?crop=center&height=280&v=1774702422&width=280 280w, //beautymarket.ma/cdn/shop/files/3474637351687_3.jpg?crop=center&height=300&v=1774702422&width=300 300w, //beautymarket.ma/cdn/shop/files/3474637351687_3.jpg?crop=center&height=360&v=1774702422&width=360 360w, //beautymarket.ma/cdn/shop/files/3474637351687_3.jpg?crop=center&height=400&v=1774702422&width=400 400w, //beautymarket.ma/cdn/shop/files/3474637351687_3.jpg?crop=center&height=450&v=1774702422&width=450 450w, //beautymarket.ma/cdn/shop/files/3474637351687_3.jpg?crop=center&height=500&v=1774702422&width=500 500w, //beautymarket.ma/cdn/shop/files/3474637351687_3.jpg?crop=center&height=550&v=1774702422&width=550 550w, //beautymarket.ma/cdn/shop/files/3474637351687_3.jpg?crop=center&height=600&v=1774702422&width=600 600w, //beautymarket.ma/cdn/shop/files/3474637351687_3.jpg?crop=center&height=650&v=1774702422&width=650 650w, //beautymarket.ma/cdn/shop/files/3474637351687_3.jpg?crop=center&height=700&v=1774702422&width=700 700w, //beautymarket.ma/cdn/shop/files/3474637351687_3.jpg?crop=center&height=750&v=1774702422&width=750 750w, //beautymarket.ma/cdn/shop/files/3474637351687_3.jpg?crop=center&height=800&v=1774702422&width=800 800w, //beautymarket.ma/cdn/shop/files/3474637351687_3.jpg?crop=center&height=850&v=1774702422&width=850 850w, //beautymarket.ma/cdn/shop/files/3474637351687_3.jpg?crop=center&height=900&v=1774702422&width=900 900w, //beautymarket.ma/cdn/shop/files/3474637351687_3.jpg?crop=center&height=950&v=1774702422&width=950 950w, //beautymarket.ma/cdn/shop/files/3474637351687_3.jpg?crop=center&height=1000&v=1774702422&width=1000 1000w, //beautymarket.ma/cdn/shop/files/3474637351687_3.jpg?crop=center&height=1100&v=1774702422&width=1100 1100w, //beautymarket.ma/cdn/shop/files/3474637351687_3.jpg?crop=center&height=1200&v=1774702422&width=1200 1200w, //beautymarket.ma/cdn/shop/files/3474637351687_3.jpg?crop=center&height=1300&v=1774702422&width=1300 1300w, //beautymarket.ma/cdn/shop/files/3474637351687_3.jpg?crop=center&height=1400&v=1774702422&width=1400 1400w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/kerastase/products/kerastase-genesis-coffret-routine-complete-anti-chute"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/kerastase-genesis-coffret-routine-complete-anti-chute">Kérastase Genesis – Coffret Routine Complète Anti-Chute</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span>1,095.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span>1,095.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8546789621935"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46711713366191"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8546789621935'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_QHwGaT-8546789621935">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_QHwGaT-8546789621935"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/kerastase/products/kerastase-genesis-coffret-routine-complete-anti-chute"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8546789621935"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46711713366191"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8546789621935'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_QHwGaT-8546789621935">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_QHwGaT-8546789621935"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8546775531695"
data-title="Kérastase Nutritive - Coffret Cadeaux pour Cheveux Fins et Secs"
data-url="/products/kerastase-nutritive-coffret-cadeaux-pour-cheveux-fins-et-secs"
data-variant-id="46711693017263"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/kerastase-nutritive-coffret-cadeaux-pour-cheveux-fins-et-secs"
aria-label="Kérastase Nutritive - Coffret Cadeaux pour Cheveux Fins et Secs"
><div
class="image product-item__image product-item__image--one aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="Kérastase Nutritive - Coffret Cadeaux pour Cheveux Fins et Secs"
class="image__img"
loading="lazy"
width="2000"
height="2000"
src="//beautymarket.ma/cdn/shop/files/3474637353759_EN_0.webp?v=1774698844&width=320"
srcset="//beautymarket.ma/cdn/shop/files/3474637353759_EN_0.webp?crop=center&height=150&v=1774698844&width=150 150w, //beautymarket.ma/cdn/shop/files/3474637353759_EN_0.webp?crop=center&height=200&v=1774698844&width=200 200w, //beautymarket.ma/cdn/shop/files/3474637353759_EN_0.webp?crop=center&height=240&v=1774698844&width=240 240w, //beautymarket.ma/cdn/shop/files/3474637353759_EN_0.webp?crop=center&height=280&v=1774698844&width=280 280w, //beautymarket.ma/cdn/shop/files/3474637353759_EN_0.webp?crop=center&height=300&v=1774698844&width=300 300w, //beautymarket.ma/cdn/shop/files/3474637353759_EN_0.webp?crop=center&height=360&v=1774698844&width=360 360w, //beautymarket.ma/cdn/shop/files/3474637353759_EN_0.webp?crop=center&height=400&v=1774698844&width=400 400w, //beautymarket.ma/cdn/shop/files/3474637353759_EN_0.webp?crop=center&height=450&v=1774698844&width=450 450w, //beautymarket.ma/cdn/shop/files/3474637353759_EN_0.webp?crop=center&height=500&v=1774698844&width=500 500w, //beautymarket.ma/cdn/shop/files/3474637353759_EN_0.webp?crop=center&height=550&v=1774698844&width=550 550w, //beautymarket.ma/cdn/shop/files/3474637353759_EN_0.webp?crop=center&height=600&v=1774698844&width=600 600w, //beautymarket.ma/cdn/shop/files/3474637353759_EN_0.webp?crop=center&height=650&v=1774698844&width=650 650w, //beautymarket.ma/cdn/shop/files/3474637353759_EN_0.webp?crop=center&height=700&v=1774698844&width=700 700w, //beautymarket.ma/cdn/shop/files/3474637353759_EN_0.webp?crop=center&height=750&v=1774698844&width=750 750w, //beautymarket.ma/cdn/shop/files/3474637353759_EN_0.webp?crop=center&height=800&v=1774698844&width=800 800w, //beautymarket.ma/cdn/shop/files/3474637353759_EN_0.webp?crop=center&height=850&v=1774698844&width=850 850w, //beautymarket.ma/cdn/shop/files/3474637353759_EN_0.webp?crop=center&height=900&v=1774698844&width=900 900w, //beautymarket.ma/cdn/shop/files/3474637353759_EN_0.webp?crop=center&height=950&v=1774698844&width=950 950w, //beautymarket.ma/cdn/shop/files/3474637353759_EN_0.webp?crop=center&height=1000&v=1774698844&width=1000 1000w, //beautymarket.ma/cdn/shop/files/3474637353759_EN_0.webp?crop=center&height=1100&v=1774698844&width=1100 1100w, //beautymarket.ma/cdn/shop/files/3474637353759_EN_0.webp?crop=center&height=1200&v=1774698844&width=1200 1200w, //beautymarket.ma/cdn/shop/files/3474637353759_EN_0.webp?crop=center&height=1300&v=1774698844&width=1300 1300w, //beautymarket.ma/cdn/shop/files/3474637353759_EN_0.webp?crop=center&height=1400&v=1774698844&width=1400 1400w, //beautymarket.ma/cdn/shop/files/3474637353759_EN_0.webp?crop=center&height=1500&v=1774698844&width=1500 1500w, //beautymarket.ma/cdn/shop/files/3474637353759_EN_0.webp?crop=center&height=1600&v=1774698844&width=1600 1600w, //beautymarket.ma/cdn/shop/files/3474637353759_EN_0.webp?crop=center&height=1700&v=1774698844&width=1700 1700w, //beautymarket.ma/cdn/shop/files/3474637353759_EN_0.webp?crop=center&height=1800&v=1774698844&width=1800 1800w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div><div
class="image product-item__image product-item__image--two aspect-ratio--square"
style="--object-fit: cover;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="1440"
height="1440"
src="//beautymarket.ma/cdn/shop/files/3474637351687_3.jpg?v=1774702422&width=320"
srcset="//beautymarket.ma/cdn/shop/files/3474637351687_3.jpg?crop=center&height=150&v=1774702422&width=150 150w, //beautymarket.ma/cdn/shop/files/3474637351687_3.jpg?crop=center&height=200&v=1774702422&width=200 200w, //beautymarket.ma/cdn/shop/files/3474637351687_3.jpg?crop=center&height=240&v=1774702422&width=240 240w, //beautymarket.ma/cdn/shop/files/3474637351687_3.jpg?crop=center&height=280&v=1774702422&width=280 280w, //beautymarket.ma/cdn/shop/files/3474637351687_3.jpg?crop=center&height=300&v=1774702422&width=300 300w, //beautymarket.ma/cdn/shop/files/3474637351687_3.jpg?crop=center&height=360&v=1774702422&width=360 360w, //beautymarket.ma/cdn/shop/files/3474637351687_3.jpg?crop=center&height=400&v=1774702422&width=400 400w, //beautymarket.ma/cdn/shop/files/3474637351687_3.jpg?crop=center&height=450&v=1774702422&width=450 450w, //beautymarket.ma/cdn/shop/files/3474637351687_3.jpg?crop=center&height=500&v=1774702422&width=500 500w, //beautymarket.ma/cdn/shop/files/3474637351687_3.jpg?crop=center&height=550&v=1774702422&width=550 550w, //beautymarket.ma/cdn/shop/files/3474637351687_3.jpg?crop=center&height=600&v=1774702422&width=600 600w, //beautymarket.ma/cdn/shop/files/3474637351687_3.jpg?crop=center&height=650&v=1774702422&width=650 650w, //beautymarket.ma/cdn/shop/files/3474637351687_3.jpg?crop=center&height=700&v=1774702422&width=700 700w, //beautymarket.ma/cdn/shop/files/3474637351687_3.jpg?crop=center&height=750&v=1774702422&width=750 750w, //beautymarket.ma/cdn/shop/files/3474637351687_3.jpg?crop=center&height=800&v=1774702422&width=800 800w, //beautymarket.ma/cdn/shop/files/3474637351687_3.jpg?crop=center&height=850&v=1774702422&width=850 850w, //beautymarket.ma/cdn/shop/files/3474637351687_3.jpg?crop=center&height=900&v=1774702422&width=900 900w, //beautymarket.ma/cdn/shop/files/3474637351687_3.jpg?crop=center&height=950&v=1774702422&width=950 950w, //beautymarket.ma/cdn/shop/files/3474637351687_3.jpg?crop=center&height=1000&v=1774702422&width=1000 1000w, //beautymarket.ma/cdn/shop/files/3474637351687_3.jpg?crop=center&height=1100&v=1774702422&width=1100 1100w, //beautymarket.ma/cdn/shop/files/3474637351687_3.jpg?crop=center&height=1200&v=1774702422&width=1200 1200w, //beautymarket.ma/cdn/shop/files/3474637351687_3.jpg?crop=center&height=1300&v=1774702422&width=1300 1300w, //beautymarket.ma/cdn/shop/files/3474637351687_3.jpg?crop=center&height=1400&v=1774702422&width=1400 1400w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/kerastase/products/kerastase-nutritive-coffret-cadeaux-pour-cheveux-fins-et-secs"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/kerastase-nutritive-coffret-cadeaux-pour-cheveux-fins-et-secs">Kérastase Nutritive - Coffret Cadeaux pour Cheveux Fins et Secs</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span>665.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span>665.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8546775531695"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46711693017263"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8546775531695'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_QHwGaT-8546775531695">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_QHwGaT-8546775531695"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/kerastase/products/kerastase-nutritive-coffret-cadeaux-pour-cheveux-fins-et-secs"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8546775531695"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46711693017263"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8546775531695'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_QHwGaT-8546775531695">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_QHwGaT-8546775531695"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8546767765679"
data-title="Kérastase Nutritive - Coffret Cadeau Duo Sérum de nuit 8h"
data-url="/products/kerastase-nutritive-coffret-cadeau-duo-serum-de-nuit-8h"
data-variant-id=""
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/kerastase-nutritive-coffret-cadeau-duo-serum-de-nuit-8h"
aria-label="Kérastase Nutritive - Coffret Cadeau Duo Sérum de nuit 8h"
><div
class="image product-item__image product-item__image--one aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="Kérastase Nutritive - Coffret Cadeau Duo Sérum de nuit 8h"
class="image__img"
loading="lazy"
width="1440"
height="1440"
src="//beautymarket.ma/cdn/shop/files/3474637353728_1.jpg?v=1774694549&width=320"
srcset="//beautymarket.ma/cdn/shop/files/3474637353728_1.jpg?crop=center&height=150&v=1774694549&width=150 150w, //beautymarket.ma/cdn/shop/files/3474637353728_1.jpg?crop=center&height=200&v=1774694549&width=200 200w, //beautymarket.ma/cdn/shop/files/3474637353728_1.jpg?crop=center&height=240&v=1774694549&width=240 240w, //beautymarket.ma/cdn/shop/files/3474637353728_1.jpg?crop=center&height=280&v=1774694549&width=280 280w, //beautymarket.ma/cdn/shop/files/3474637353728_1.jpg?crop=center&height=300&v=1774694549&width=300 300w, //beautymarket.ma/cdn/shop/files/3474637353728_1.jpg?crop=center&height=360&v=1774694549&width=360 360w, //beautymarket.ma/cdn/shop/files/3474637353728_1.jpg?crop=center&height=400&v=1774694549&width=400 400w, //beautymarket.ma/cdn/shop/files/3474637353728_1.jpg?crop=center&height=450&v=1774694549&width=450 450w, //beautymarket.ma/cdn/shop/files/3474637353728_1.jpg?crop=center&height=500&v=1774694549&width=500 500w, //beautymarket.ma/cdn/shop/files/3474637353728_1.jpg?crop=center&height=550&v=1774694549&width=550 550w, //beautymarket.ma/cdn/shop/files/3474637353728_1.jpg?crop=center&height=600&v=1774694549&width=600 600w, //beautymarket.ma/cdn/shop/files/3474637353728_1.jpg?crop=center&height=650&v=1774694549&width=650 650w, //beautymarket.ma/cdn/shop/files/3474637353728_1.jpg?crop=center&height=700&v=1774694549&width=700 700w, //beautymarket.ma/cdn/shop/files/3474637353728_1.jpg?crop=center&height=750&v=1774694549&width=750 750w, //beautymarket.ma/cdn/shop/files/3474637353728_1.jpg?crop=center&height=800&v=1774694549&width=800 800w, //beautymarket.ma/cdn/shop/files/3474637353728_1.jpg?crop=center&height=850&v=1774694549&width=850 850w, //beautymarket.ma/cdn/shop/files/3474637353728_1.jpg?crop=center&height=900&v=1774694549&width=900 900w, //beautymarket.ma/cdn/shop/files/3474637353728_1.jpg?crop=center&height=950&v=1774694549&width=950 950w, //beautymarket.ma/cdn/shop/files/3474637353728_1.jpg?crop=center&height=1000&v=1774694549&width=1000 1000w, //beautymarket.ma/cdn/shop/files/3474637353728_1.jpg?crop=center&height=1100&v=1774694549&width=1100 1100w, //beautymarket.ma/cdn/shop/files/3474637353728_1.jpg?crop=center&height=1200&v=1774694549&width=1200 1200w, //beautymarket.ma/cdn/shop/files/3474637353728_1.jpg?crop=center&height=1300&v=1774694549&width=1300 1300w, //beautymarket.ma/cdn/shop/files/3474637353728_1.jpg?crop=center&height=1400&v=1774694549&width=1400 1400w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div><div
class="image product-item__image product-item__image--two aspect-ratio--square"
style="--object-fit: cover;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="1440"
height="1440"
src="//beautymarket.ma/cdn/shop/files/3474637353728_2.jpg?v=1774694556&width=320"
srcset="//beautymarket.ma/cdn/shop/files/3474637353728_2.jpg?crop=center&height=150&v=1774694556&width=150 150w, //beautymarket.ma/cdn/shop/files/3474637353728_2.jpg?crop=center&height=200&v=1774694556&width=200 200w, //beautymarket.ma/cdn/shop/files/3474637353728_2.jpg?crop=center&height=240&v=1774694556&width=240 240w, //beautymarket.ma/cdn/shop/files/3474637353728_2.jpg?crop=center&height=280&v=1774694556&width=280 280w, //beautymarket.ma/cdn/shop/files/3474637353728_2.jpg?crop=center&height=300&v=1774694556&width=300 300w, //beautymarket.ma/cdn/shop/files/3474637353728_2.jpg?crop=center&height=360&v=1774694556&width=360 360w, //beautymarket.ma/cdn/shop/files/3474637353728_2.jpg?crop=center&height=400&v=1774694556&width=400 400w, //beautymarket.ma/cdn/shop/files/3474637353728_2.jpg?crop=center&height=450&v=1774694556&width=450 450w, //beautymarket.ma/cdn/shop/files/3474637353728_2.jpg?crop=center&height=500&v=1774694556&width=500 500w, //beautymarket.ma/cdn/shop/files/3474637353728_2.jpg?crop=center&height=550&v=1774694556&width=550 550w, //beautymarket.ma/cdn/shop/files/3474637353728_2.jpg?crop=center&height=600&v=1774694556&width=600 600w, //beautymarket.ma/cdn/shop/files/3474637353728_2.jpg?crop=center&height=650&v=1774694556&width=650 650w, //beautymarket.ma/cdn/shop/files/3474637353728_2.jpg?crop=center&height=700&v=1774694556&width=700 700w, //beautymarket.ma/cdn/shop/files/3474637353728_2.jpg?crop=center&height=750&v=1774694556&width=750 750w, //beautymarket.ma/cdn/shop/files/3474637353728_2.jpg?crop=center&height=800&v=1774694556&width=800 800w, //beautymarket.ma/cdn/shop/files/3474637353728_2.jpg?crop=center&height=850&v=1774694556&width=850 850w, //beautymarket.ma/cdn/shop/files/3474637353728_2.jpg?crop=center&height=900&v=1774694556&width=900 900w, //beautymarket.ma/cdn/shop/files/3474637353728_2.jpg?crop=center&height=950&v=1774694556&width=950 950w, //beautymarket.ma/cdn/shop/files/3474637353728_2.jpg?crop=center&height=1000&v=1774694556&width=1000 1000w, //beautymarket.ma/cdn/shop/files/3474637353728_2.jpg?crop=center&height=1100&v=1774694556&width=1100 1100w, //beautymarket.ma/cdn/shop/files/3474637353728_2.jpg?crop=center&height=1200&v=1774694556&width=1200 1200w, //beautymarket.ma/cdn/shop/files/3474637353728_2.jpg?crop=center&height=1300&v=1774694556&width=1300 1300w, //beautymarket.ma/cdn/shop/files/3474637353728_2.jpg?crop=center&height=1400&v=1774694556&width=1400 1400w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sold-out"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
Bientôt
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/kerastase/products/kerastase-nutritive-coffret-cadeau-duo-serum-de-nuit-8h"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/kerastase-nutritive-coffret-cadeau-duo-serum-de-nuit-8h">Kérastase Nutritive - Coffret Cadeau Duo Sérum de nuit 8h</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span>549.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span>549.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/kerastase/products/kerastase-nutritive-coffret-cadeau-duo-serum-de-nuit-8h"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8546765865135"
data-title="Kérastase Elixir Ultime – Coffret Cadeau Duo Nutrition & Éclat"
data-url="/products/kerastase-elixir-ultime-coffret-cadeau-duo-nutrition-eclat"
data-variant-id="46711678271663"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/kerastase-elixir-ultime-coffret-cadeau-duo-nutrition-eclat"
aria-label="Kérastase Elixir Ultime – Coffret Cadeau Duo Nutrition & Éclat"
><div
class="image product-item__image product-item__image--one aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="Kérastase Elixir Ultime – Coffret Cadeau Duo Nutrition & Éclat"
class="image__img"
loading="lazy"
width="1100"
height="1100"
src="//beautymarket.ma/cdn/shop/files/ELIXIRDUO.webp?v=1774692772&width=320"
srcset="//beautymarket.ma/cdn/shop/files/ELIXIRDUO.webp?crop=center&height=150&v=1774692772&width=150 150w, //beautymarket.ma/cdn/shop/files/ELIXIRDUO.webp?crop=center&height=200&v=1774692772&width=200 200w, //beautymarket.ma/cdn/shop/files/ELIXIRDUO.webp?crop=center&height=240&v=1774692772&width=240 240w, //beautymarket.ma/cdn/shop/files/ELIXIRDUO.webp?crop=center&height=280&v=1774692772&width=280 280w, //beautymarket.ma/cdn/shop/files/ELIXIRDUO.webp?crop=center&height=300&v=1774692772&width=300 300w, //beautymarket.ma/cdn/shop/files/ELIXIRDUO.webp?crop=center&height=360&v=1774692772&width=360 360w, //beautymarket.ma/cdn/shop/files/ELIXIRDUO.webp?crop=center&height=400&v=1774692772&width=400 400w, //beautymarket.ma/cdn/shop/files/ELIXIRDUO.webp?crop=center&height=450&v=1774692772&width=450 450w, //beautymarket.ma/cdn/shop/files/ELIXIRDUO.webp?crop=center&height=500&v=1774692772&width=500 500w, //beautymarket.ma/cdn/shop/files/ELIXIRDUO.webp?crop=center&height=550&v=1774692772&width=550 550w, //beautymarket.ma/cdn/shop/files/ELIXIRDUO.webp?crop=center&height=600&v=1774692772&width=600 600w, //beautymarket.ma/cdn/shop/files/ELIXIRDUO.webp?crop=center&height=650&v=1774692772&width=650 650w, //beautymarket.ma/cdn/shop/files/ELIXIRDUO.webp?crop=center&height=700&v=1774692772&width=700 700w, //beautymarket.ma/cdn/shop/files/ELIXIRDUO.webp?crop=center&height=750&v=1774692772&width=750 750w, //beautymarket.ma/cdn/shop/files/ELIXIRDUO.webp?crop=center&height=800&v=1774692772&width=800 800w, //beautymarket.ma/cdn/shop/files/ELIXIRDUO.webp?crop=center&height=850&v=1774692772&width=850 850w, //beautymarket.ma/cdn/shop/files/ELIXIRDUO.webp?crop=center&height=900&v=1774692772&width=900 900w, //beautymarket.ma/cdn/shop/files/ELIXIRDUO.webp?crop=center&height=950&v=1774692772&width=950 950w, //beautymarket.ma/cdn/shop/files/ELIXIRDUO.webp?crop=center&height=1000&v=1774692772&width=1000 1000w, //beautymarket.ma/cdn/shop/files/ELIXIRDUO.webp?crop=center&height=1100&v=1774692772&width=1100 1100w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div><div
class="image product-item__image product-item__image--two aspect-ratio--square"
style="--object-fit: cover;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="1440"
height="1440"
src="//beautymarket.ma/cdn/shop/files/3474637351687_2.jpg?v=1774694092&width=320"
srcset="//beautymarket.ma/cdn/shop/files/3474637351687_2.jpg?crop=center&height=150&v=1774694092&width=150 150w, //beautymarket.ma/cdn/shop/files/3474637351687_2.jpg?crop=center&height=200&v=1774694092&width=200 200w, //beautymarket.ma/cdn/shop/files/3474637351687_2.jpg?crop=center&height=240&v=1774694092&width=240 240w, //beautymarket.ma/cdn/shop/files/3474637351687_2.jpg?crop=center&height=280&v=1774694092&width=280 280w, //beautymarket.ma/cdn/shop/files/3474637351687_2.jpg?crop=center&height=300&v=1774694092&width=300 300w, //beautymarket.ma/cdn/shop/files/3474637351687_2.jpg?crop=center&height=360&v=1774694092&width=360 360w, //beautymarket.ma/cdn/shop/files/3474637351687_2.jpg?crop=center&height=400&v=1774694092&width=400 400w, //beautymarket.ma/cdn/shop/files/3474637351687_2.jpg?crop=center&height=450&v=1774694092&width=450 450w, //beautymarket.ma/cdn/shop/files/3474637351687_2.jpg?crop=center&height=500&v=1774694092&width=500 500w, //beautymarket.ma/cdn/shop/files/3474637351687_2.jpg?crop=center&height=550&v=1774694092&width=550 550w, //beautymarket.ma/cdn/shop/files/3474637351687_2.jpg?crop=center&height=600&v=1774694092&width=600 600w, //beautymarket.ma/cdn/shop/files/3474637351687_2.jpg?crop=center&height=650&v=1774694092&width=650 650w, //beautymarket.ma/cdn/shop/files/3474637351687_2.jpg?crop=center&height=700&v=1774694092&width=700 700w, //beautymarket.ma/cdn/shop/files/3474637351687_2.jpg?crop=center&height=750&v=1774694092&width=750 750w, //beautymarket.ma/cdn/shop/files/3474637351687_2.jpg?crop=center&height=800&v=1774694092&width=800 800w, //beautymarket.ma/cdn/shop/files/3474637351687_2.jpg?crop=center&height=850&v=1774694092&width=850 850w, //beautymarket.ma/cdn/shop/files/3474637351687_2.jpg?crop=center&height=900&v=1774694092&width=900 900w, //beautymarket.ma/cdn/shop/files/3474637351687_2.jpg?crop=center&height=950&v=1774694092&width=950 950w, //beautymarket.ma/cdn/shop/files/3474637351687_2.jpg?crop=center&height=1000&v=1774694092&width=1000 1000w, //beautymarket.ma/cdn/shop/files/3474637351687_2.jpg?crop=center&height=1100&v=1774694092&width=1100 1100w, //beautymarket.ma/cdn/shop/files/3474637351687_2.jpg?crop=center&height=1200&v=1774694092&width=1200 1200w, //beautymarket.ma/cdn/shop/files/3474637351687_2.jpg?crop=center&height=1300&v=1774694092&width=1300 1300w, //beautymarket.ma/cdn/shop/files/3474637351687_2.jpg?crop=center&height=1400&v=1774694092&width=1400 1400w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/kerastase/products/kerastase-elixir-ultime-coffret-cadeau-duo-nutrition-eclat"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/kerastase-elixir-ultime-coffret-cadeau-duo-nutrition-eclat">Kérastase Elixir Ultime – Coffret Cadeau Duo Nutrition & Éclat</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span>685.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span>685.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8546765865135"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46711678271663"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8546765865135'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_QHwGaT-8546765865135">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_QHwGaT-8546765865135"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/kerastase/products/kerastase-elixir-ultime-coffret-cadeau-duo-nutrition-eclat"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8546765865135"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46711678271663"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8546765865135'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_QHwGaT-8546765865135">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_QHwGaT-8546765865135"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8480258359471"
data-title="Kérastase Gloss Absolu Glaze Drops 45ml – Sérum Brillance et Finition"
data-url="/products/kerastase-glaze-drops-45ml-serum-brillance-et-finition-cheveux"
data-variant-id="46538063151279"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/kerastase-glaze-drops-45ml-serum-brillance-et-finition-cheveux"
aria-label="Kérastase Gloss Absolu Glaze Drops 45ml – Sérum Brillance et Finition"
><div
class="image product-item__image product-item__image--one aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="Kérastase Gloss Absolu Glaze Drops 45ml – Sérum Brillance et Finition"
class="image__img"
loading="lazy"
width="1080"
height="1080"
src="//beautymarket.ma/cdn/shop/files/30_6313cbda-65ab-4749-95f3-3eaaa1120780.png?v=1770115556&width=320"
srcset="//beautymarket.ma/cdn/shop/files/30_6313cbda-65ab-4749-95f3-3eaaa1120780.png?crop=center&height=150&v=1770115556&width=150 150w, //beautymarket.ma/cdn/shop/files/30_6313cbda-65ab-4749-95f3-3eaaa1120780.png?crop=center&height=200&v=1770115556&width=200 200w, //beautymarket.ma/cdn/shop/files/30_6313cbda-65ab-4749-95f3-3eaaa1120780.png?crop=center&height=240&v=1770115556&width=240 240w, //beautymarket.ma/cdn/shop/files/30_6313cbda-65ab-4749-95f3-3eaaa1120780.png?crop=center&height=280&v=1770115556&width=280 280w, //beautymarket.ma/cdn/shop/files/30_6313cbda-65ab-4749-95f3-3eaaa1120780.png?crop=center&height=300&v=1770115556&width=300 300w, //beautymarket.ma/cdn/shop/files/30_6313cbda-65ab-4749-95f3-3eaaa1120780.png?crop=center&height=360&v=1770115556&width=360 360w, //beautymarket.ma/cdn/shop/files/30_6313cbda-65ab-4749-95f3-3eaaa1120780.png?crop=center&height=400&v=1770115556&width=400 400w, //beautymarket.ma/cdn/shop/files/30_6313cbda-65ab-4749-95f3-3eaaa1120780.png?crop=center&height=450&v=1770115556&width=450 450w, //beautymarket.ma/cdn/shop/files/30_6313cbda-65ab-4749-95f3-3eaaa1120780.png?crop=center&height=500&v=1770115556&width=500 500w, //beautymarket.ma/cdn/shop/files/30_6313cbda-65ab-4749-95f3-3eaaa1120780.png?crop=center&height=550&v=1770115556&width=550 550w, //beautymarket.ma/cdn/shop/files/30_6313cbda-65ab-4749-95f3-3eaaa1120780.png?crop=center&height=600&v=1770115556&width=600 600w, //beautymarket.ma/cdn/shop/files/30_6313cbda-65ab-4749-95f3-3eaaa1120780.png?crop=center&height=650&v=1770115556&width=650 650w, //beautymarket.ma/cdn/shop/files/30_6313cbda-65ab-4749-95f3-3eaaa1120780.png?crop=center&height=700&v=1770115556&width=700 700w, //beautymarket.ma/cdn/shop/files/30_6313cbda-65ab-4749-95f3-3eaaa1120780.png?crop=center&height=750&v=1770115556&width=750 750w, //beautymarket.ma/cdn/shop/files/30_6313cbda-65ab-4749-95f3-3eaaa1120780.png?crop=center&height=800&v=1770115556&width=800 800w, //beautymarket.ma/cdn/shop/files/30_6313cbda-65ab-4749-95f3-3eaaa1120780.png?crop=center&height=850&v=1770115556&width=850 850w, //beautymarket.ma/cdn/shop/files/30_6313cbda-65ab-4749-95f3-3eaaa1120780.png?crop=center&height=900&v=1770115556&width=900 900w, //beautymarket.ma/cdn/shop/files/30_6313cbda-65ab-4749-95f3-3eaaa1120780.png?crop=center&height=950&v=1770115556&width=950 950w, //beautymarket.ma/cdn/shop/files/30_6313cbda-65ab-4749-95f3-3eaaa1120780.png?crop=center&height=1000&v=1770115556&width=1000 1000w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div><div
class="image product-item__image product-item__image--two aspect-ratio--square"
style="--object-fit: cover;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="4500"
height="4500"
src="//beautymarket.ma/cdn/shop/files/KER_GLOSS_25_IN_HAND_OIL_BOX_3474637285012_300dpi_1x1_f34dd535-efa7-4d89-aa32-e4a1f689b558.jpg?v=1770658494&width=320"
srcset="//beautymarket.ma/cdn/shop/files/KER_GLOSS_25_IN_HAND_OIL_BOX_3474637285012_300dpi_1x1_f34dd535-efa7-4d89-aa32-e4a1f689b558.jpg?crop=center&height=150&v=1770658494&width=150 150w, //beautymarket.ma/cdn/shop/files/KER_GLOSS_25_IN_HAND_OIL_BOX_3474637285012_300dpi_1x1_f34dd535-efa7-4d89-aa32-e4a1f689b558.jpg?crop=center&height=200&v=1770658494&width=200 200w, //beautymarket.ma/cdn/shop/files/KER_GLOSS_25_IN_HAND_OIL_BOX_3474637285012_300dpi_1x1_f34dd535-efa7-4d89-aa32-e4a1f689b558.jpg?crop=center&height=240&v=1770658494&width=240 240w, //beautymarket.ma/cdn/shop/files/KER_GLOSS_25_IN_HAND_OIL_BOX_3474637285012_300dpi_1x1_f34dd535-efa7-4d89-aa32-e4a1f689b558.jpg?crop=center&height=280&v=1770658494&width=280 280w, //beautymarket.ma/cdn/shop/files/KER_GLOSS_25_IN_HAND_OIL_BOX_3474637285012_300dpi_1x1_f34dd535-efa7-4d89-aa32-e4a1f689b558.jpg?crop=center&height=300&v=1770658494&width=300 300w, //beautymarket.ma/cdn/shop/files/KER_GLOSS_25_IN_HAND_OIL_BOX_3474637285012_300dpi_1x1_f34dd535-efa7-4d89-aa32-e4a1f689b558.jpg?crop=center&height=360&v=1770658494&width=360 360w, //beautymarket.ma/cdn/shop/files/KER_GLOSS_25_IN_HAND_OIL_BOX_3474637285012_300dpi_1x1_f34dd535-efa7-4d89-aa32-e4a1f689b558.jpg?crop=center&height=400&v=1770658494&width=400 400w, //beautymarket.ma/cdn/shop/files/KER_GLOSS_25_IN_HAND_OIL_BOX_3474637285012_300dpi_1x1_f34dd535-efa7-4d89-aa32-e4a1f689b558.jpg?crop=center&height=450&v=1770658494&width=450 450w, //beautymarket.ma/cdn/shop/files/KER_GLOSS_25_IN_HAND_OIL_BOX_3474637285012_300dpi_1x1_f34dd535-efa7-4d89-aa32-e4a1f689b558.jpg?crop=center&height=500&v=1770658494&width=500 500w, //beautymarket.ma/cdn/shop/files/KER_GLOSS_25_IN_HAND_OIL_BOX_3474637285012_300dpi_1x1_f34dd535-efa7-4d89-aa32-e4a1f689b558.jpg?crop=center&height=550&v=1770658494&width=550 550w, //beautymarket.ma/cdn/shop/files/KER_GLOSS_25_IN_HAND_OIL_BOX_3474637285012_300dpi_1x1_f34dd535-efa7-4d89-aa32-e4a1f689b558.jpg?crop=center&height=600&v=1770658494&width=600 600w, //beautymarket.ma/cdn/shop/files/KER_GLOSS_25_IN_HAND_OIL_BOX_3474637285012_300dpi_1x1_f34dd535-efa7-4d89-aa32-e4a1f689b558.jpg?crop=center&height=650&v=1770658494&width=650 650w, //beautymarket.ma/cdn/shop/files/KER_GLOSS_25_IN_HAND_OIL_BOX_3474637285012_300dpi_1x1_f34dd535-efa7-4d89-aa32-e4a1f689b558.jpg?crop=center&height=700&v=1770658494&width=700 700w, //beautymarket.ma/cdn/shop/files/KER_GLOSS_25_IN_HAND_OIL_BOX_3474637285012_300dpi_1x1_f34dd535-efa7-4d89-aa32-e4a1f689b558.jpg?crop=center&height=750&v=1770658494&width=750 750w, //beautymarket.ma/cdn/shop/files/KER_GLOSS_25_IN_HAND_OIL_BOX_3474637285012_300dpi_1x1_f34dd535-efa7-4d89-aa32-e4a1f689b558.jpg?crop=center&height=800&v=1770658494&width=800 800w, //beautymarket.ma/cdn/shop/files/KER_GLOSS_25_IN_HAND_OIL_BOX_3474637285012_300dpi_1x1_f34dd535-efa7-4d89-aa32-e4a1f689b558.jpg?crop=center&height=850&v=1770658494&width=850 850w, //beautymarket.ma/cdn/shop/files/KER_GLOSS_25_IN_HAND_OIL_BOX_3474637285012_300dpi_1x1_f34dd535-efa7-4d89-aa32-e4a1f689b558.jpg?crop=center&height=900&v=1770658494&width=900 900w, //beautymarket.ma/cdn/shop/files/KER_GLOSS_25_IN_HAND_OIL_BOX_3474637285012_300dpi_1x1_f34dd535-efa7-4d89-aa32-e4a1f689b558.jpg?crop=center&height=950&v=1770658494&width=950 950w, //beautymarket.ma/cdn/shop/files/KER_GLOSS_25_IN_HAND_OIL_BOX_3474637285012_300dpi_1x1_f34dd535-efa7-4d89-aa32-e4a1f689b558.jpg?crop=center&height=1000&v=1770658494&width=1000 1000w, //beautymarket.ma/cdn/shop/files/KER_GLOSS_25_IN_HAND_OIL_BOX_3474637285012_300dpi_1x1_f34dd535-efa7-4d89-aa32-e4a1f689b558.jpg?crop=center&height=1100&v=1770658494&width=1100 1100w, //beautymarket.ma/cdn/shop/files/KER_GLOSS_25_IN_HAND_OIL_BOX_3474637285012_300dpi_1x1_f34dd535-efa7-4d89-aa32-e4a1f689b558.jpg?crop=center&height=1200&v=1770658494&width=1200 1200w, //beautymarket.ma/cdn/shop/files/KER_GLOSS_25_IN_HAND_OIL_BOX_3474637285012_300dpi_1x1_f34dd535-efa7-4d89-aa32-e4a1f689b558.jpg?crop=center&height=1300&v=1770658494&width=1300 1300w, //beautymarket.ma/cdn/shop/files/KER_GLOSS_25_IN_HAND_OIL_BOX_3474637285012_300dpi_1x1_f34dd535-efa7-4d89-aa32-e4a1f689b558.jpg?crop=center&height=1400&v=1770658494&width=1400 1400w, //beautymarket.ma/cdn/shop/files/KER_GLOSS_25_IN_HAND_OIL_BOX_3474637285012_300dpi_1x1_f34dd535-efa7-4d89-aa32-e4a1f689b558.jpg?crop=center&height=1500&v=1770658494&width=1500 1500w, //beautymarket.ma/cdn/shop/files/KER_GLOSS_25_IN_HAND_OIL_BOX_3474637285012_300dpi_1x1_f34dd535-efa7-4d89-aa32-e4a1f689b558.jpg?crop=center&height=1600&v=1770658494&width=1600 1600w, //beautymarket.ma/cdn/shop/files/KER_GLOSS_25_IN_HAND_OIL_BOX_3474637285012_300dpi_1x1_f34dd535-efa7-4d89-aa32-e4a1f689b558.jpg?crop=center&height=1700&v=1770658494&width=1700 1700w, //beautymarket.ma/cdn/shop/files/KER_GLOSS_25_IN_HAND_OIL_BOX_3474637285012_300dpi_1x1_f34dd535-efa7-4d89-aa32-e4a1f689b558.jpg?crop=center&height=1800&v=1770658494&width=1800 1800w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/kerastase/products/kerastase-glaze-drops-45ml-serum-brillance-et-finition-cheveux"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/kerastase-glaze-drops-45ml-serum-brillance-et-finition-cheveux">Kérastase Gloss Absolu Glaze Drops 45ml – Sérum Brillance et Finition</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span>359.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span>359.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8480258359471"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46538063151279"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8480258359471'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_QHwGaT-8480258359471">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_QHwGaT-8480258359471"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/kerastase/products/kerastase-glaze-drops-45ml-serum-brillance-et-finition-cheveux"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8480258359471"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46538063151279"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8480258359471'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_QHwGaT-8480258359471">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_QHwGaT-8480258359471"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8480261406895"
data-title="Kérastase Gloss Absolu Anti-Frizz Glaze Milk 190ml – Lait Lissant Brillance"
data-url="/products/kerastase-gloss-absolu-anti-frizz-glaze-milk-190ml-lait-lissant-brillance"
data-variant-id="46538155983023"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/kerastase-gloss-absolu-anti-frizz-glaze-milk-190ml-lait-lissant-brillance"
aria-label="Kérastase Gloss Absolu Anti-Frizz Glaze Milk 190ml – Lait Lissant Brillance"
><div
class="image product-item__image product-item__image--one aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="Kérastase Gloss Absolu Anti-Frizz Glaze Milk 190ml – Lait Lissant Brillance"
class="image__img"
loading="lazy"
width="1080"
height="1080"
src="//beautymarket.ma/cdn/shop/files/KER_GLOSS_25_PACKSHOT_ANTI-FRIZZGLAZEMILK_3474637283445_1x1_ef33930f-54ef-43d4-9f4c-9b393520dfb9.jpg?v=1770117001&width=320"
srcset="//beautymarket.ma/cdn/shop/files/KER_GLOSS_25_PACKSHOT_ANTI-FRIZZGLAZEMILK_3474637283445_1x1_ef33930f-54ef-43d4-9f4c-9b393520dfb9.jpg?crop=center&height=150&v=1770117001&width=150 150w, //beautymarket.ma/cdn/shop/files/KER_GLOSS_25_PACKSHOT_ANTI-FRIZZGLAZEMILK_3474637283445_1x1_ef33930f-54ef-43d4-9f4c-9b393520dfb9.jpg?crop=center&height=200&v=1770117001&width=200 200w, //beautymarket.ma/cdn/shop/files/KER_GLOSS_25_PACKSHOT_ANTI-FRIZZGLAZEMILK_3474637283445_1x1_ef33930f-54ef-43d4-9f4c-9b393520dfb9.jpg?crop=center&height=240&v=1770117001&width=240 240w, //beautymarket.ma/cdn/shop/files/KER_GLOSS_25_PACKSHOT_ANTI-FRIZZGLAZEMILK_3474637283445_1x1_ef33930f-54ef-43d4-9f4c-9b393520dfb9.jpg?crop=center&height=280&v=1770117001&width=280 280w, //beautymarket.ma/cdn/shop/files/KER_GLOSS_25_PACKSHOT_ANTI-FRIZZGLAZEMILK_3474637283445_1x1_ef33930f-54ef-43d4-9f4c-9b393520dfb9.jpg?crop=center&height=300&v=1770117001&width=300 300w, //beautymarket.ma/cdn/shop/files/KER_GLOSS_25_PACKSHOT_ANTI-FRIZZGLAZEMILK_3474637283445_1x1_ef33930f-54ef-43d4-9f4c-9b393520dfb9.jpg?crop=center&height=360&v=1770117001&width=360 360w, //beautymarket.ma/cdn/shop/files/KER_GLOSS_25_PACKSHOT_ANTI-FRIZZGLAZEMILK_3474637283445_1x1_ef33930f-54ef-43d4-9f4c-9b393520dfb9.jpg?crop=center&height=400&v=1770117001&width=400 400w, //beautymarket.ma/cdn/shop/files/KER_GLOSS_25_PACKSHOT_ANTI-FRIZZGLAZEMILK_3474637283445_1x1_ef33930f-54ef-43d4-9f4c-9b393520dfb9.jpg?crop=center&height=450&v=1770117001&width=450 450w, //beautymarket.ma/cdn/shop/files/KER_GLOSS_25_PACKSHOT_ANTI-FRIZZGLAZEMILK_3474637283445_1x1_ef33930f-54ef-43d4-9f4c-9b393520dfb9.jpg?crop=center&height=500&v=1770117001&width=500 500w, //beautymarket.ma/cdn/shop/files/KER_GLOSS_25_PACKSHOT_ANTI-FRIZZGLAZEMILK_3474637283445_1x1_ef33930f-54ef-43d4-9f4c-9b393520dfb9.jpg?crop=center&height=550&v=1770117001&width=550 550w, //beautymarket.ma/cdn/shop/files/KER_GLOSS_25_PACKSHOT_ANTI-FRIZZGLAZEMILK_3474637283445_1x1_ef33930f-54ef-43d4-9f4c-9b393520dfb9.jpg?crop=center&height=600&v=1770117001&width=600 600w, //beautymarket.ma/cdn/shop/files/KER_GLOSS_25_PACKSHOT_ANTI-FRIZZGLAZEMILK_3474637283445_1x1_ef33930f-54ef-43d4-9f4c-9b393520dfb9.jpg?crop=center&height=650&v=1770117001&width=650 650w, //beautymarket.ma/cdn/shop/files/KER_GLOSS_25_PACKSHOT_ANTI-FRIZZGLAZEMILK_3474637283445_1x1_ef33930f-54ef-43d4-9f4c-9b393520dfb9.jpg?crop=center&height=700&v=1770117001&width=700 700w, //beautymarket.ma/cdn/shop/files/KER_GLOSS_25_PACKSHOT_ANTI-FRIZZGLAZEMILK_3474637283445_1x1_ef33930f-54ef-43d4-9f4c-9b393520dfb9.jpg?crop=center&height=750&v=1770117001&width=750 750w, //beautymarket.ma/cdn/shop/files/KER_GLOSS_25_PACKSHOT_ANTI-FRIZZGLAZEMILK_3474637283445_1x1_ef33930f-54ef-43d4-9f4c-9b393520dfb9.jpg?crop=center&height=800&v=1770117001&width=800 800w, //beautymarket.ma/cdn/shop/files/KER_GLOSS_25_PACKSHOT_ANTI-FRIZZGLAZEMILK_3474637283445_1x1_ef33930f-54ef-43d4-9f4c-9b393520dfb9.jpg?crop=center&height=850&v=1770117001&width=850 850w, //beautymarket.ma/cdn/shop/files/KER_GLOSS_25_PACKSHOT_ANTI-FRIZZGLAZEMILK_3474637283445_1x1_ef33930f-54ef-43d4-9f4c-9b393520dfb9.jpg?crop=center&height=900&v=1770117001&width=900 900w, //beautymarket.ma/cdn/shop/files/KER_GLOSS_25_PACKSHOT_ANTI-FRIZZGLAZEMILK_3474637283445_1x1_ef33930f-54ef-43d4-9f4c-9b393520dfb9.jpg?crop=center&height=950&v=1770117001&width=950 950w, //beautymarket.ma/cdn/shop/files/KER_GLOSS_25_PACKSHOT_ANTI-FRIZZGLAZEMILK_3474637283445_1x1_ef33930f-54ef-43d4-9f4c-9b393520dfb9.jpg?crop=center&height=1000&v=1770117001&width=1000 1000w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div><div
class="image product-item__image product-item__image--two aspect-ratio--square"
style="--object-fit: cover;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="4500"
height="4500"
src="//beautymarket.ma/cdn/shop/files/KER_GLOSS_25_IN_HAND_SPRAY_3474637283445_300dpi_1x1_c22db41a-107c-4907-9dd8-61ee1ff31ea5.jpg?v=1770658645&width=320"
srcset="//beautymarket.ma/cdn/shop/files/KER_GLOSS_25_IN_HAND_SPRAY_3474637283445_300dpi_1x1_c22db41a-107c-4907-9dd8-61ee1ff31ea5.jpg?crop=center&height=150&v=1770658645&width=150 150w, //beautymarket.ma/cdn/shop/files/KER_GLOSS_25_IN_HAND_SPRAY_3474637283445_300dpi_1x1_c22db41a-107c-4907-9dd8-61ee1ff31ea5.jpg?crop=center&height=200&v=1770658645&width=200 200w, //beautymarket.ma/cdn/shop/files/KER_GLOSS_25_IN_HAND_SPRAY_3474637283445_300dpi_1x1_c22db41a-107c-4907-9dd8-61ee1ff31ea5.jpg?crop=center&height=240&v=1770658645&width=240 240w, //beautymarket.ma/cdn/shop/files/KER_GLOSS_25_IN_HAND_SPRAY_3474637283445_300dpi_1x1_c22db41a-107c-4907-9dd8-61ee1ff31ea5.jpg?crop=center&height=280&v=1770658645&width=280 280w, //beautymarket.ma/cdn/shop/files/KER_GLOSS_25_IN_HAND_SPRAY_3474637283445_300dpi_1x1_c22db41a-107c-4907-9dd8-61ee1ff31ea5.jpg?crop=center&height=300&v=1770658645&width=300 300w, //beautymarket.ma/cdn/shop/files/KER_GLOSS_25_IN_HAND_SPRAY_3474637283445_300dpi_1x1_c22db41a-107c-4907-9dd8-61ee1ff31ea5.jpg?crop=center&height=360&v=1770658645&width=360 360w, //beautymarket.ma/cdn/shop/files/KER_GLOSS_25_IN_HAND_SPRAY_3474637283445_300dpi_1x1_c22db41a-107c-4907-9dd8-61ee1ff31ea5.jpg?crop=center&height=400&v=1770658645&width=400 400w, //beautymarket.ma/cdn/shop/files/KER_GLOSS_25_IN_HAND_SPRAY_3474637283445_300dpi_1x1_c22db41a-107c-4907-9dd8-61ee1ff31ea5.jpg?crop=center&height=450&v=1770658645&width=450 450w, //beautymarket.ma/cdn/shop/files/KER_GLOSS_25_IN_HAND_SPRAY_3474637283445_300dpi_1x1_c22db41a-107c-4907-9dd8-61ee1ff31ea5.jpg?crop=center&height=500&v=1770658645&width=500 500w, //beautymarket.ma/cdn/shop/files/KER_GLOSS_25_IN_HAND_SPRAY_3474637283445_300dpi_1x1_c22db41a-107c-4907-9dd8-61ee1ff31ea5.jpg?crop=center&height=550&v=1770658645&width=550 550w, //beautymarket.ma/cdn/shop/files/KER_GLOSS_25_IN_HAND_SPRAY_3474637283445_300dpi_1x1_c22db41a-107c-4907-9dd8-61ee1ff31ea5.jpg?crop=center&height=600&v=1770658645&width=600 600w, //beautymarket.ma/cdn/shop/files/KER_GLOSS_25_IN_HAND_SPRAY_3474637283445_300dpi_1x1_c22db41a-107c-4907-9dd8-61ee1ff31ea5.jpg?crop=center&height=650&v=1770658645&width=650 650w, //beautymarket.ma/cdn/shop/files/KER_GLOSS_25_IN_HAND_SPRAY_3474637283445_300dpi_1x1_c22db41a-107c-4907-9dd8-61ee1ff31ea5.jpg?crop=center&height=700&v=1770658645&width=700 700w, //beautymarket.ma/cdn/shop/files/KER_GLOSS_25_IN_HAND_SPRAY_3474637283445_300dpi_1x1_c22db41a-107c-4907-9dd8-61ee1ff31ea5.jpg?crop=center&height=750&v=1770658645&width=750 750w, //beautymarket.ma/cdn/shop/files/KER_GLOSS_25_IN_HAND_SPRAY_3474637283445_300dpi_1x1_c22db41a-107c-4907-9dd8-61ee1ff31ea5.jpg?crop=center&height=800&v=1770658645&width=800 800w, //beautymarket.ma/cdn/shop/files/KER_GLOSS_25_IN_HAND_SPRAY_3474637283445_300dpi_1x1_c22db41a-107c-4907-9dd8-61ee1ff31ea5.jpg?crop=center&height=850&v=1770658645&width=850 850w, //beautymarket.ma/cdn/shop/files/KER_GLOSS_25_IN_HAND_SPRAY_3474637283445_300dpi_1x1_c22db41a-107c-4907-9dd8-61ee1ff31ea5.jpg?crop=center&height=900&v=1770658645&width=900 900w, //beautymarket.ma/cdn/shop/files/KER_GLOSS_25_IN_HAND_SPRAY_3474637283445_300dpi_1x1_c22db41a-107c-4907-9dd8-61ee1ff31ea5.jpg?crop=center&height=950&v=1770658645&width=950 950w, //beautymarket.ma/cdn/shop/files/KER_GLOSS_25_IN_HAND_SPRAY_3474637283445_300dpi_1x1_c22db41a-107c-4907-9dd8-61ee1ff31ea5.jpg?crop=center&height=1000&v=1770658645&width=1000 1000w, //beautymarket.ma/cdn/shop/files/KER_GLOSS_25_IN_HAND_SPRAY_3474637283445_300dpi_1x1_c22db41a-107c-4907-9dd8-61ee1ff31ea5.jpg?crop=center&height=1100&v=1770658645&width=1100 1100w, //beautymarket.ma/cdn/shop/files/KER_GLOSS_25_IN_HAND_SPRAY_3474637283445_300dpi_1x1_c22db41a-107c-4907-9dd8-61ee1ff31ea5.jpg?crop=center&height=1200&v=1770658645&width=1200 1200w, //beautymarket.ma/cdn/shop/files/KER_GLOSS_25_IN_HAND_SPRAY_3474637283445_300dpi_1x1_c22db41a-107c-4907-9dd8-61ee1ff31ea5.jpg?crop=center&height=1300&v=1770658645&width=1300 1300w, //beautymarket.ma/cdn/shop/files/KER_GLOSS_25_IN_HAND_SPRAY_3474637283445_300dpi_1x1_c22db41a-107c-4907-9dd8-61ee1ff31ea5.jpg?crop=center&height=1400&v=1770658645&width=1400 1400w, //beautymarket.ma/cdn/shop/files/KER_GLOSS_25_IN_HAND_SPRAY_3474637283445_300dpi_1x1_c22db41a-107c-4907-9dd8-61ee1ff31ea5.jpg?crop=center&height=1500&v=1770658645&width=1500 1500w, //beautymarket.ma/cdn/shop/files/KER_GLOSS_25_IN_HAND_SPRAY_3474637283445_300dpi_1x1_c22db41a-107c-4907-9dd8-61ee1ff31ea5.jpg?crop=center&height=1600&v=1770658645&width=1600 1600w, //beautymarket.ma/cdn/shop/files/KER_GLOSS_25_IN_HAND_SPRAY_3474637283445_300dpi_1x1_c22db41a-107c-4907-9dd8-61ee1ff31ea5.jpg?crop=center&height=1700&v=1770658645&width=1700 1700w, //beautymarket.ma/cdn/shop/files/KER_GLOSS_25_IN_HAND_SPRAY_3474637283445_300dpi_1x1_c22db41a-107c-4907-9dd8-61ee1ff31ea5.jpg?crop=center&height=1800&v=1770658645&width=1800 1800w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/kerastase/products/kerastase-gloss-absolu-anti-frizz-glaze-milk-190ml-lait-lissant-brillance"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/kerastase-gloss-absolu-anti-frizz-glaze-milk-190ml-lait-lissant-brillance">Kérastase Gloss Absolu Anti-Frizz Glaze Milk 190ml – Lait Lissant Brillance</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span>410.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span>410.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8480261406895"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46538155983023"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8480261406895'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_QHwGaT-8480261406895">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_QHwGaT-8480261406895"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/kerastase/products/kerastase-gloss-absolu-anti-frizz-glaze-milk-190ml-lait-lissant-brillance"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8480261406895"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46538155983023"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8480261406895'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_QHwGaT-8480261406895">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_QHwGaT-8480261406895"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8484905943215"
data-title="Kérastase Elixir Ultime RECHARGE Huile Sublimatrice Multi-Usage 75ml – Brillance Cheveux Ternes"
data-url="/products/kerastase-elixir-ultime-recharge-huile-sublimatrice-multi-usage-75ml-brillance-cheveux-ternes"
data-variant-id="46564367564975"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/kerastase-elixir-ultime-recharge-huile-sublimatrice-multi-usage-75ml-brillance-cheveux-ternes"
aria-label="Kérastase Elixir Ultime RECHARGE Huile Sublimatrice Multi-Usage 75ml – Brillance Cheveux Ternes"
><div
class="image product-item__image product-item__image--one aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="Kérastase Elixir Ultime RECHARGE Huile Sublimatrice Multi-Usage 75ml – Brillance Cheveux Ternes"
class="image__img"
loading="lazy"
width="3000"
height="3000"
src="//beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_PACKSHOT_REFILL_3474637215156_1x1_INTER.jpg?v=1771001032&width=320"
srcset="//beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_PACKSHOT_REFILL_3474637215156_1x1_INTER.jpg?crop=center&height=150&v=1771001032&width=150 150w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_PACKSHOT_REFILL_3474637215156_1x1_INTER.jpg?crop=center&height=200&v=1771001032&width=200 200w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_PACKSHOT_REFILL_3474637215156_1x1_INTER.jpg?crop=center&height=240&v=1771001032&width=240 240w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_PACKSHOT_REFILL_3474637215156_1x1_INTER.jpg?crop=center&height=280&v=1771001032&width=280 280w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_PACKSHOT_REFILL_3474637215156_1x1_INTER.jpg?crop=center&height=300&v=1771001032&width=300 300w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_PACKSHOT_REFILL_3474637215156_1x1_INTER.jpg?crop=center&height=360&v=1771001032&width=360 360w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_PACKSHOT_REFILL_3474637215156_1x1_INTER.jpg?crop=center&height=400&v=1771001032&width=400 400w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_PACKSHOT_REFILL_3474637215156_1x1_INTER.jpg?crop=center&height=450&v=1771001032&width=450 450w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_PACKSHOT_REFILL_3474637215156_1x1_INTER.jpg?crop=center&height=500&v=1771001032&width=500 500w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_PACKSHOT_REFILL_3474637215156_1x1_INTER.jpg?crop=center&height=550&v=1771001032&width=550 550w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_PACKSHOT_REFILL_3474637215156_1x1_INTER.jpg?crop=center&height=600&v=1771001032&width=600 600w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_PACKSHOT_REFILL_3474637215156_1x1_INTER.jpg?crop=center&height=650&v=1771001032&width=650 650w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_PACKSHOT_REFILL_3474637215156_1x1_INTER.jpg?crop=center&height=700&v=1771001032&width=700 700w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_PACKSHOT_REFILL_3474637215156_1x1_INTER.jpg?crop=center&height=750&v=1771001032&width=750 750w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_PACKSHOT_REFILL_3474637215156_1x1_INTER.jpg?crop=center&height=800&v=1771001032&width=800 800w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_PACKSHOT_REFILL_3474637215156_1x1_INTER.jpg?crop=center&height=850&v=1771001032&width=850 850w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_PACKSHOT_REFILL_3474637215156_1x1_INTER.jpg?crop=center&height=900&v=1771001032&width=900 900w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_PACKSHOT_REFILL_3474637215156_1x1_INTER.jpg?crop=center&height=950&v=1771001032&width=950 950w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_PACKSHOT_REFILL_3474637215156_1x1_INTER.jpg?crop=center&height=1000&v=1771001032&width=1000 1000w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_PACKSHOT_REFILL_3474637215156_1x1_INTER.jpg?crop=center&height=1100&v=1771001032&width=1100 1100w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_PACKSHOT_REFILL_3474637215156_1x1_INTER.jpg?crop=center&height=1200&v=1771001032&width=1200 1200w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_PACKSHOT_REFILL_3474637215156_1x1_INTER.jpg?crop=center&height=1300&v=1771001032&width=1300 1300w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_PACKSHOT_REFILL_3474637215156_1x1_INTER.jpg?crop=center&height=1400&v=1771001032&width=1400 1400w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_PACKSHOT_REFILL_3474637215156_1x1_INTER.jpg?crop=center&height=1500&v=1771001032&width=1500 1500w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_PACKSHOT_REFILL_3474637215156_1x1_INTER.jpg?crop=center&height=1600&v=1771001032&width=1600 1600w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_PACKSHOT_REFILL_3474637215156_1x1_INTER.jpg?crop=center&height=1700&v=1771001032&width=1700 1700w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_PACKSHOT_REFILL_3474637215156_1x1_INTER.jpg?crop=center&height=1800&v=1771001032&width=1800 1800w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div><div
class="image product-item__image product-item__image--two aspect-ratio--square"
style="--object-fit: cover;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="3000"
height="3000"
src="//beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_BUNDLE_PACKSHOT_75ML_REFILL_MULTIPLE_EAN_1x1_-1_1.jpg?v=1771001041&width=320"
srcset="//beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_BUNDLE_PACKSHOT_75ML_REFILL_MULTIPLE_EAN_1x1_-1_1.jpg?crop=center&height=150&v=1771001041&width=150 150w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_BUNDLE_PACKSHOT_75ML_REFILL_MULTIPLE_EAN_1x1_-1_1.jpg?crop=center&height=200&v=1771001041&width=200 200w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_BUNDLE_PACKSHOT_75ML_REFILL_MULTIPLE_EAN_1x1_-1_1.jpg?crop=center&height=240&v=1771001041&width=240 240w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_BUNDLE_PACKSHOT_75ML_REFILL_MULTIPLE_EAN_1x1_-1_1.jpg?crop=center&height=280&v=1771001041&width=280 280w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_BUNDLE_PACKSHOT_75ML_REFILL_MULTIPLE_EAN_1x1_-1_1.jpg?crop=center&height=300&v=1771001041&width=300 300w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_BUNDLE_PACKSHOT_75ML_REFILL_MULTIPLE_EAN_1x1_-1_1.jpg?crop=center&height=360&v=1771001041&width=360 360w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_BUNDLE_PACKSHOT_75ML_REFILL_MULTIPLE_EAN_1x1_-1_1.jpg?crop=center&height=400&v=1771001041&width=400 400w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_BUNDLE_PACKSHOT_75ML_REFILL_MULTIPLE_EAN_1x1_-1_1.jpg?crop=center&height=450&v=1771001041&width=450 450w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_BUNDLE_PACKSHOT_75ML_REFILL_MULTIPLE_EAN_1x1_-1_1.jpg?crop=center&height=500&v=1771001041&width=500 500w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_BUNDLE_PACKSHOT_75ML_REFILL_MULTIPLE_EAN_1x1_-1_1.jpg?crop=center&height=550&v=1771001041&width=550 550w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_BUNDLE_PACKSHOT_75ML_REFILL_MULTIPLE_EAN_1x1_-1_1.jpg?crop=center&height=600&v=1771001041&width=600 600w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_BUNDLE_PACKSHOT_75ML_REFILL_MULTIPLE_EAN_1x1_-1_1.jpg?crop=center&height=650&v=1771001041&width=650 650w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_BUNDLE_PACKSHOT_75ML_REFILL_MULTIPLE_EAN_1x1_-1_1.jpg?crop=center&height=700&v=1771001041&width=700 700w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_BUNDLE_PACKSHOT_75ML_REFILL_MULTIPLE_EAN_1x1_-1_1.jpg?crop=center&height=750&v=1771001041&width=750 750w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_BUNDLE_PACKSHOT_75ML_REFILL_MULTIPLE_EAN_1x1_-1_1.jpg?crop=center&height=800&v=1771001041&width=800 800w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_BUNDLE_PACKSHOT_75ML_REFILL_MULTIPLE_EAN_1x1_-1_1.jpg?crop=center&height=850&v=1771001041&width=850 850w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_BUNDLE_PACKSHOT_75ML_REFILL_MULTIPLE_EAN_1x1_-1_1.jpg?crop=center&height=900&v=1771001041&width=900 900w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_BUNDLE_PACKSHOT_75ML_REFILL_MULTIPLE_EAN_1x1_-1_1.jpg?crop=center&height=950&v=1771001041&width=950 950w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_BUNDLE_PACKSHOT_75ML_REFILL_MULTIPLE_EAN_1x1_-1_1.jpg?crop=center&height=1000&v=1771001041&width=1000 1000w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_BUNDLE_PACKSHOT_75ML_REFILL_MULTIPLE_EAN_1x1_-1_1.jpg?crop=center&height=1100&v=1771001041&width=1100 1100w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_BUNDLE_PACKSHOT_75ML_REFILL_MULTIPLE_EAN_1x1_-1_1.jpg?crop=center&height=1200&v=1771001041&width=1200 1200w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_BUNDLE_PACKSHOT_75ML_REFILL_MULTIPLE_EAN_1x1_-1_1.jpg?crop=center&height=1300&v=1771001041&width=1300 1300w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_BUNDLE_PACKSHOT_75ML_REFILL_MULTIPLE_EAN_1x1_-1_1.jpg?crop=center&height=1400&v=1771001041&width=1400 1400w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_BUNDLE_PACKSHOT_75ML_REFILL_MULTIPLE_EAN_1x1_-1_1.jpg?crop=center&height=1500&v=1771001041&width=1500 1500w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_BUNDLE_PACKSHOT_75ML_REFILL_MULTIPLE_EAN_1x1_-1_1.jpg?crop=center&height=1600&v=1771001041&width=1600 1600w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_BUNDLE_PACKSHOT_75ML_REFILL_MULTIPLE_EAN_1x1_-1_1.jpg?crop=center&height=1700&v=1771001041&width=1700 1700w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_BUNDLE_PACKSHOT_75ML_REFILL_MULTIPLE_EAN_1x1_-1_1.jpg?crop=center&height=1800&v=1771001041&width=1800 1800w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/kerastase/products/kerastase-elixir-ultime-recharge-huile-sublimatrice-multi-usage-75ml-brillance-cheveux-ternes"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/kerastase-elixir-ultime-recharge-huile-sublimatrice-multi-usage-75ml-brillance-cheveux-ternes">Kérastase Elixir Ultime RECHARGE Huile Sublimatrice Multi-Usage 75ml – Brillance Cheveux Ternes</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span>395.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span>395.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8484905943215"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46564367564975"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8484905943215'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_QHwGaT-8484905943215">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_QHwGaT-8484905943215"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/kerastase/products/kerastase-elixir-ultime-recharge-huile-sublimatrice-multi-usage-75ml-brillance-cheveux-ternes"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8484905943215"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46564367564975"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8484905943215'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_QHwGaT-8484905943215">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_QHwGaT-8484905943215"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8480380616879"
data-title="Kérastase Elixir Ultime Huile Sublimatrice Multi-Usage 75ml – Brillance Cheveux Ternes"
data-url="/products/kerastase-elixir-ultime-huile-sublimatrice-multi-usage-75ml-brillance-cheveux-ternes"
data-variant-id="46564370546863"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/kerastase-elixir-ultime-huile-sublimatrice-multi-usage-75ml-brillance-cheveux-ternes"
aria-label="Kérastase Elixir Ultime Huile Sublimatrice Multi-Usage 75ml – Brillance Cheveux Ternes"
><div
class="image product-item__image product-item__image--one aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="Kérastase Elixir Ultime Huile Sublimatrice Multi-Usage 75ml – Brillance Cheveux Ternes"
class="image__img"
loading="lazy"
width="1080"
height="1080"
src="//beautymarket.ma/cdn/shop/files/39_9c00f519-0c97-4abc-8ca6-88facc3dde0a.png?v=1770132555&width=320"
srcset="//beautymarket.ma/cdn/shop/files/39_9c00f519-0c97-4abc-8ca6-88facc3dde0a.png?crop=center&height=150&v=1770132555&width=150 150w, //beautymarket.ma/cdn/shop/files/39_9c00f519-0c97-4abc-8ca6-88facc3dde0a.png?crop=center&height=200&v=1770132555&width=200 200w, //beautymarket.ma/cdn/shop/files/39_9c00f519-0c97-4abc-8ca6-88facc3dde0a.png?crop=center&height=240&v=1770132555&width=240 240w, //beautymarket.ma/cdn/shop/files/39_9c00f519-0c97-4abc-8ca6-88facc3dde0a.png?crop=center&height=280&v=1770132555&width=280 280w, //beautymarket.ma/cdn/shop/files/39_9c00f519-0c97-4abc-8ca6-88facc3dde0a.png?crop=center&height=300&v=1770132555&width=300 300w, //beautymarket.ma/cdn/shop/files/39_9c00f519-0c97-4abc-8ca6-88facc3dde0a.png?crop=center&height=360&v=1770132555&width=360 360w, //beautymarket.ma/cdn/shop/files/39_9c00f519-0c97-4abc-8ca6-88facc3dde0a.png?crop=center&height=400&v=1770132555&width=400 400w, //beautymarket.ma/cdn/shop/files/39_9c00f519-0c97-4abc-8ca6-88facc3dde0a.png?crop=center&height=450&v=1770132555&width=450 450w, //beautymarket.ma/cdn/shop/files/39_9c00f519-0c97-4abc-8ca6-88facc3dde0a.png?crop=center&height=500&v=1770132555&width=500 500w, //beautymarket.ma/cdn/shop/files/39_9c00f519-0c97-4abc-8ca6-88facc3dde0a.png?crop=center&height=550&v=1770132555&width=550 550w, //beautymarket.ma/cdn/shop/files/39_9c00f519-0c97-4abc-8ca6-88facc3dde0a.png?crop=center&height=600&v=1770132555&width=600 600w, //beautymarket.ma/cdn/shop/files/39_9c00f519-0c97-4abc-8ca6-88facc3dde0a.png?crop=center&height=650&v=1770132555&width=650 650w, //beautymarket.ma/cdn/shop/files/39_9c00f519-0c97-4abc-8ca6-88facc3dde0a.png?crop=center&height=700&v=1770132555&width=700 700w, //beautymarket.ma/cdn/shop/files/39_9c00f519-0c97-4abc-8ca6-88facc3dde0a.png?crop=center&height=750&v=1770132555&width=750 750w, //beautymarket.ma/cdn/shop/files/39_9c00f519-0c97-4abc-8ca6-88facc3dde0a.png?crop=center&height=800&v=1770132555&width=800 800w, //beautymarket.ma/cdn/shop/files/39_9c00f519-0c97-4abc-8ca6-88facc3dde0a.png?crop=center&height=850&v=1770132555&width=850 850w, //beautymarket.ma/cdn/shop/files/39_9c00f519-0c97-4abc-8ca6-88facc3dde0a.png?crop=center&height=900&v=1770132555&width=900 900w, //beautymarket.ma/cdn/shop/files/39_9c00f519-0c97-4abc-8ca6-88facc3dde0a.png?crop=center&height=950&v=1770132555&width=950 950w, //beautymarket.ma/cdn/shop/files/39_9c00f519-0c97-4abc-8ca6-88facc3dde0a.png?crop=center&height=1000&v=1770132555&width=1000 1000w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div><div
class="image product-item__image product-item__image--two aspect-ratio--square"
style="--object-fit: cover;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="3000"
height="3000"
src="//beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_TEXTURE_LIGHT_3474637215125_1x1_4707c980-5a8f-4c40-8bee-f4389b58c358.jpg?v=1771001929&width=320"
srcset="//beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_TEXTURE_LIGHT_3474637215125_1x1_4707c980-5a8f-4c40-8bee-f4389b58c358.jpg?crop=center&height=150&v=1771001929&width=150 150w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_TEXTURE_LIGHT_3474637215125_1x1_4707c980-5a8f-4c40-8bee-f4389b58c358.jpg?crop=center&height=200&v=1771001929&width=200 200w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_TEXTURE_LIGHT_3474637215125_1x1_4707c980-5a8f-4c40-8bee-f4389b58c358.jpg?crop=center&height=240&v=1771001929&width=240 240w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_TEXTURE_LIGHT_3474637215125_1x1_4707c980-5a8f-4c40-8bee-f4389b58c358.jpg?crop=center&height=280&v=1771001929&width=280 280w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_TEXTURE_LIGHT_3474637215125_1x1_4707c980-5a8f-4c40-8bee-f4389b58c358.jpg?crop=center&height=300&v=1771001929&width=300 300w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_TEXTURE_LIGHT_3474637215125_1x1_4707c980-5a8f-4c40-8bee-f4389b58c358.jpg?crop=center&height=360&v=1771001929&width=360 360w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_TEXTURE_LIGHT_3474637215125_1x1_4707c980-5a8f-4c40-8bee-f4389b58c358.jpg?crop=center&height=400&v=1771001929&width=400 400w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_TEXTURE_LIGHT_3474637215125_1x1_4707c980-5a8f-4c40-8bee-f4389b58c358.jpg?crop=center&height=450&v=1771001929&width=450 450w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_TEXTURE_LIGHT_3474637215125_1x1_4707c980-5a8f-4c40-8bee-f4389b58c358.jpg?crop=center&height=500&v=1771001929&width=500 500w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_TEXTURE_LIGHT_3474637215125_1x1_4707c980-5a8f-4c40-8bee-f4389b58c358.jpg?crop=center&height=550&v=1771001929&width=550 550w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_TEXTURE_LIGHT_3474637215125_1x1_4707c980-5a8f-4c40-8bee-f4389b58c358.jpg?crop=center&height=600&v=1771001929&width=600 600w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_TEXTURE_LIGHT_3474637215125_1x1_4707c980-5a8f-4c40-8bee-f4389b58c358.jpg?crop=center&height=650&v=1771001929&width=650 650w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_TEXTURE_LIGHT_3474637215125_1x1_4707c980-5a8f-4c40-8bee-f4389b58c358.jpg?crop=center&height=700&v=1771001929&width=700 700w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_TEXTURE_LIGHT_3474637215125_1x1_4707c980-5a8f-4c40-8bee-f4389b58c358.jpg?crop=center&height=750&v=1771001929&width=750 750w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_TEXTURE_LIGHT_3474637215125_1x1_4707c980-5a8f-4c40-8bee-f4389b58c358.jpg?crop=center&height=800&v=1771001929&width=800 800w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_TEXTURE_LIGHT_3474637215125_1x1_4707c980-5a8f-4c40-8bee-f4389b58c358.jpg?crop=center&height=850&v=1771001929&width=850 850w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_TEXTURE_LIGHT_3474637215125_1x1_4707c980-5a8f-4c40-8bee-f4389b58c358.jpg?crop=center&height=900&v=1771001929&width=900 900w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_TEXTURE_LIGHT_3474637215125_1x1_4707c980-5a8f-4c40-8bee-f4389b58c358.jpg?crop=center&height=950&v=1771001929&width=950 950w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_TEXTURE_LIGHT_3474637215125_1x1_4707c980-5a8f-4c40-8bee-f4389b58c358.jpg?crop=center&height=1000&v=1771001929&width=1000 1000w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_TEXTURE_LIGHT_3474637215125_1x1_4707c980-5a8f-4c40-8bee-f4389b58c358.jpg?crop=center&height=1100&v=1771001929&width=1100 1100w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_TEXTURE_LIGHT_3474637215125_1x1_4707c980-5a8f-4c40-8bee-f4389b58c358.jpg?crop=center&height=1200&v=1771001929&width=1200 1200w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_TEXTURE_LIGHT_3474637215125_1x1_4707c980-5a8f-4c40-8bee-f4389b58c358.jpg?crop=center&height=1300&v=1771001929&width=1300 1300w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_TEXTURE_LIGHT_3474637215125_1x1_4707c980-5a8f-4c40-8bee-f4389b58c358.jpg?crop=center&height=1400&v=1771001929&width=1400 1400w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_TEXTURE_LIGHT_3474637215125_1x1_4707c980-5a8f-4c40-8bee-f4389b58c358.jpg?crop=center&height=1500&v=1771001929&width=1500 1500w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_TEXTURE_LIGHT_3474637215125_1x1_4707c980-5a8f-4c40-8bee-f4389b58c358.jpg?crop=center&height=1600&v=1771001929&width=1600 1600w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_TEXTURE_LIGHT_3474637215125_1x1_4707c980-5a8f-4c40-8bee-f4389b58c358.jpg?crop=center&height=1700&v=1771001929&width=1700 1700w, //beautymarket.ma/cdn/shop/files/KER_ELIXIR_24_TEXTURE_LIGHT_3474637215125_1x1_4707c980-5a8f-4c40-8bee-f4389b58c358.jpg?crop=center&height=1800&v=1771001929&width=1800 1800w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/kerastase/products/kerastase-elixir-ultime-huile-sublimatrice-multi-usage-75ml-brillance-cheveux-ternes"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/kerastase-elixir-ultime-huile-sublimatrice-multi-usage-75ml-brillance-cheveux-ternes">Kérastase Elixir Ultime Huile Sublimatrice Multi-Usage 75ml – Brillance Cheveux Ternes</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span>489.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span>489.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8480380616879"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46564370546863"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8480380616879'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_QHwGaT-8480380616879">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_QHwGaT-8480380616879"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/kerastase/products/kerastase-elixir-ultime-huile-sublimatrice-multi-usage-75ml-brillance-cheveux-ternes"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8480380616879"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46564370546863"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8480380616879'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_QHwGaT-8480380616879">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_QHwGaT-8480380616879"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</scroll-slider-component>
<div
class="scroll-slider-nav-button-wrapper scroll-slider-nav-button-wrapper--prev"
data-is-small="false"
>
<button
type="button"
class="scroll-slider-nav-button scroll-slider-nav-button--prev hidden"
title="Précédent"
data-scroll-slider-prev-button
name="prev"
>
<span class="icon icon-arrow-short" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 12.4016H11.5H23M23 12.4016L13.8 3M23 12.4016L13.8 21.8032" stroke="currentColor" stroke-width="1.75"/></svg>
</span>
</button>
</div>
<div
class="scroll-slider-nav-button-wrapper scroll-slider-nav-button-wrapper--next"
data-is-small="false"
>
<button
type="button"
class="scroll-slider-nav-button scroll-slider-nav-button--next hidden"
title="Suivant"
data-scroll-slider-next-button
name="next"
>
<span class="icon icon-arrow-short" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 12.4016H11.5H23M23 12.4016L13.8 3M23 12.4016L13.8 21.8032" stroke="currentColor" stroke-width="1.75"/></svg>
</span>
</button>
</div>
</div>
<script src="//beautymarket.ma/cdn/shop/t/35/assets/section-footer.js?v=11514157199586841511754934608" type="module"></script>
<section-footer-component class="section-footer animation--container-footer">
<div class="scroll-slider-page-dots" data-scroll-slider-page-dots data-hide-below-720="true"></div>
</section-footer-component>
</div>
</div>
</section><section id="shopify-section-template--18718532206767__grid_cMyCwR" class="shopify-section"><div
class="grid section"
style=" --grid-spacing: 24px; --color-background: #ffffff; --color-background-alpha-80: rgba(255, 255, 255, 0.8); --color-text: #121212; --color-text-input: #121212; --color-text-link: #ffa6a8; --color-text-alpha-90: rgba(18, 18, 18, 0.9); --color-text-alpha-80: rgba(18, 18, 18, 0.8); --color-text-alpha-70: rgba(18, 18, 18, 0.7); --color-text-alpha-60: rgba(18, 18, 18, 0.6); --color-text-alpha-50: rgba(18, 18, 18, 0.5); --color-text-alpha-40: rgba(18, 18, 18, 0.4); --color-text-alpha-30: rgba(18, 18, 18, 0.3); --color-text-alpha-25: rgba(18, 18, 18, 0.25); --color-text-alpha-20: rgba(18, 18, 18, 0.2); --color-text-alpha-10: rgba(18, 18, 18, 0.1); --color-text-alpha-05: rgba(18, 18, 18, 0.05);--color-border-input: rgba(68, 68, 68, 0.4); --section-style-spacing-top: 0px; --section-style-spacing-bottom: 12px; "
data-section-id="template--18718532206767__grid_cMyCwR"
data-section-type="grid"
>
<div
class="section-inner"
>
<div class="grid__inner"><div
class="grid-item grid-item--width-100 animation--item"
style=" --height: 700px; --mobile-height: 500px; --text-horizontal-position: flex-start; --text-horizontal-position-mobile: flex-start; --text-vertical-position: flex-end; --text-vertical-position-mobile: flex-end; --text-alignment: left; --text-alignment-mobile: left; "
>
<div class="grid-item__inner">
<div
class="background-image-container image-hero__image-container"
data-has-mobile-image="true"
data-absolutely-position-image="true"
><div
class="image background-image background-image--mobile grid-item__image grid-item__image--mobile animation--image animation--lazy-load"
style="--focal-alignment: center;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="1080"
height="1350"
src="//beautymarket.ma/cdn/shop/files/IMG_6222.png?v=1774802976&width=320"
srcset="//beautymarket.ma/cdn/shop/files/IMG_6222.png?v=1774802976&width=700 700w, //beautymarket.ma/cdn/shop/files/IMG_6222.png?v=1774802976&width=750 750w, //beautymarket.ma/cdn/shop/files/IMG_6222.png?v=1774802976&width=800 800w, //beautymarket.ma/cdn/shop/files/IMG_6222.png?v=1774802976&width=850 850w, //beautymarket.ma/cdn/shop/files/IMG_6222.png?v=1774802976&width=900 900w, //beautymarket.ma/cdn/shop/files/IMG_6222.png?v=1774802976&width=950 950w, //beautymarket.ma/cdn/shop/files/IMG_6222.png?v=1774802976&width=1000 1000w"
sizes="(min-width: 960px) calc(calc(100vw - calc(2 * clamp(24px, 2vw, 36px))) * 1.0), (min-width: 960px) calc(100vw - calc(2 * clamp(24px, 2vw, 36px))), calc(100vw - calc(2 * 16px))"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div><div
class="image background-image grid-item__image aspect-ratio--externally_set animation--image animation--lazy-load"
style="--focal-alignment: center;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="1920"
height="792"
src="//beautymarket.ma/cdn/shop/files/PARFUMOFFERT.png?v=1774802916&width=320"
srcset="//beautymarket.ma/cdn/shop/files/PARFUMOFFERT.png?v=1774802916&width=700 700w, //beautymarket.ma/cdn/shop/files/PARFUMOFFERT.png?v=1774802916&width=750 750w, //beautymarket.ma/cdn/shop/files/PARFUMOFFERT.png?v=1774802916&width=800 800w, //beautymarket.ma/cdn/shop/files/PARFUMOFFERT.png?v=1774802916&width=850 850w, //beautymarket.ma/cdn/shop/files/PARFUMOFFERT.png?v=1774802916&width=900 900w, //beautymarket.ma/cdn/shop/files/PARFUMOFFERT.png?v=1774802916&width=950 950w, //beautymarket.ma/cdn/shop/files/PARFUMOFFERT.png?v=1774802916&width=1000 1000w, //beautymarket.ma/cdn/shop/files/PARFUMOFFERT.png?v=1774802916&width=1100 1100w, //beautymarket.ma/cdn/shop/files/PARFUMOFFERT.png?v=1774802916&width=1200 1200w, //beautymarket.ma/cdn/shop/files/PARFUMOFFERT.png?v=1774802916&width=1300 1300w, //beautymarket.ma/cdn/shop/files/PARFUMOFFERT.png?v=1774802916&width=1400 1400w, //beautymarket.ma/cdn/shop/files/PARFUMOFFERT.png?v=1774802916&width=1500 1500w, //beautymarket.ma/cdn/shop/files/PARFUMOFFERT.png?v=1774802916&width=1600 1600w, //beautymarket.ma/cdn/shop/files/PARFUMOFFERT.png?v=1774802916&width=1800 1800w"
sizes="(min-width: 960px) calc(calc(100vw - calc(2 * clamp(24px, 2vw, 36px))) * 1.0), (min-width: 960px) calc(100vw - calc(2 * clamp(24px, 2vw, 36px))), calc(100vw - calc(2 * 16px))"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div></div>
<div
class="image-overlay animation--image-overlay"></div>
<div class="grid-item__text-container-wrapper"><a
href="/collections/kerastase"
class="grid-item__media-link"
aria-label="/collections/kerastase"
></a><div
class="grid-item__text-container image-overlay-content"
style="--color-text: #FFFFFF; --color-background: #000; --color-text-alpha-90: rgba(255, 255, 255, 0.9); --color-text-alpha-80: rgba(255, 255, 255, 0.8); --color-text-alpha-70: rgba(255, 255, 255, 0.7); --color-text-alpha-60: rgba(255, 255, 255, 0.6); --color-text-alpha-50: rgba(255, 255, 255, 0.5); --color-text-alpha-40: rgba(255, 255, 255, 0.4); --color-text-alpha-30: rgba(255, 255, 255, 0.3); --color-text-alpha-25: rgba(255, 255, 255, 0.25); --color-text-alpha-20: rgba(255, 255, 255, 0.2); --color-text-alpha-10: rgba(255, 255, 255, 0.1); --color-text-alpha-05: rgba(255, 255, 255, 0.05);"
>
<div class="grid-item__text-container-inner section-blocks"></div>
</div>
</div>
</div>
</div>
<div
class="grid-item grid-item--width-100 animation--item"
style=" --height: 700px; --mobile-height: 500px; --text-horizontal-position: flex-start; --text-horizontal-position-mobile: flex-start; --text-vertical-position: flex-end; --text-vertical-position-mobile: flex-end; --text-alignment: left; --text-alignment-mobile: left; "
>
<div class="grid-item__inner">
<div
class="background-image-container image-hero__image-container"
data-has-mobile-image="true"
data-absolutely-position-image="true"
><div
class="image background-image background-image--mobile grid-item__image grid-item__image--mobile animation--image animation--lazy-load"
style="--focal-alignment: center;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="1200"
height="1502"
src="//beautymarket.ma/cdn/shop/files/KERASTD.jpg?v=1774886109&width=320"
srcset="//beautymarket.ma/cdn/shop/files/KERASTD.jpg?v=1774886109&width=700 700w, //beautymarket.ma/cdn/shop/files/KERASTD.jpg?v=1774886109&width=750 750w, //beautymarket.ma/cdn/shop/files/KERASTD.jpg?v=1774886109&width=800 800w, //beautymarket.ma/cdn/shop/files/KERASTD.jpg?v=1774886109&width=850 850w, //beautymarket.ma/cdn/shop/files/KERASTD.jpg?v=1774886109&width=900 900w, //beautymarket.ma/cdn/shop/files/KERASTD.jpg?v=1774886109&width=950 950w, //beautymarket.ma/cdn/shop/files/KERASTD.jpg?v=1774886109&width=1000 1000w, //beautymarket.ma/cdn/shop/files/KERASTD.jpg?v=1774886109&width=1100 1100w, //beautymarket.ma/cdn/shop/files/KERASTD.jpg?v=1774886109&width=1200 1200w"
sizes="(min-width: 960px) calc(calc(100vw - calc(2 * clamp(24px, 2vw, 36px))) * 1.0), (min-width: 960px) calc(100vw - calc(2 * clamp(24px, 2vw, 36px))), calc(100vw - calc(2 * 16px))"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div><div
class="image background-image grid-item__image aspect-ratio--externally_set animation--image animation--lazy-load"
style="--focal-alignment: center;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="2400"
height="1040"
src="//beautymarket.ma/cdn/shop/files/BANNER_KER.jpg?v=1774886113&width=320"
srcset="//beautymarket.ma/cdn/shop/files/BANNER_KER.jpg?v=1774886113&width=700 700w, //beautymarket.ma/cdn/shop/files/BANNER_KER.jpg?v=1774886113&width=750 750w, //beautymarket.ma/cdn/shop/files/BANNER_KER.jpg?v=1774886113&width=800 800w, //beautymarket.ma/cdn/shop/files/BANNER_KER.jpg?v=1774886113&width=850 850w, //beautymarket.ma/cdn/shop/files/BANNER_KER.jpg?v=1774886113&width=900 900w, //beautymarket.ma/cdn/shop/files/BANNER_KER.jpg?v=1774886113&width=950 950w, //beautymarket.ma/cdn/shop/files/BANNER_KER.jpg?v=1774886113&width=1000 1000w, //beautymarket.ma/cdn/shop/files/BANNER_KER.jpg?v=1774886113&width=1100 1100w, //beautymarket.ma/cdn/shop/files/BANNER_KER.jpg?v=1774886113&width=1200 1200w, //beautymarket.ma/cdn/shop/files/BANNER_KER.jpg?v=1774886113&width=1300 1300w, //beautymarket.ma/cdn/shop/files/BANNER_KER.jpg?v=1774886113&width=1400 1400w, //beautymarket.ma/cdn/shop/files/BANNER_KER.jpg?v=1774886113&width=1500 1500w, //beautymarket.ma/cdn/shop/files/BANNER_KER.jpg?v=1774886113&width=1600 1600w, //beautymarket.ma/cdn/shop/files/BANNER_KER.jpg?v=1774886113&width=1800 1800w, //beautymarket.ma/cdn/shop/files/BANNER_KER.jpg?v=1774886113&width=2000 2000w, //beautymarket.ma/cdn/shop/files/BANNER_KER.jpg?v=1774886113&width=2200 2200w, //beautymarket.ma/cdn/shop/files/BANNER_KER.jpg?v=1774886113&width=2400 2400w"
sizes="(min-width: 960px) calc(calc(100vw - calc(2 * clamp(24px, 2vw, 36px))) * 1.0), (min-width: 960px) calc(100vw - calc(2 * clamp(24px, 2vw, 36px))), calc(100vw - calc(2 * 16px))"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div></div>
<div
class="image-overlay animation--image-overlay"></div>
<div class="grid-item__text-container-wrapper"><a
href="/collections/kerastase-gloss-absolu"
class="grid-item__media-link"
aria-label="/collections/kerastase-gloss-absolu"
></a><div
class="grid-item__text-container image-overlay-content"
style="--color-text: #FFFFFF; --color-background: #000; --color-text-alpha-90: rgba(255, 255, 255, 0.9); --color-text-alpha-80: rgba(255, 255, 255, 0.8); --color-text-alpha-70: rgba(255, 255, 255, 0.7); --color-text-alpha-60: rgba(255, 255, 255, 0.6); --color-text-alpha-50: rgba(255, 255, 255, 0.5); --color-text-alpha-40: rgba(255, 255, 255, 0.4); --color-text-alpha-30: rgba(255, 255, 255, 0.3); --color-text-alpha-25: rgba(255, 255, 255, 0.25); --color-text-alpha-20: rgba(255, 255, 255, 0.2); --color-text-alpha-10: rgba(255, 255, 255, 0.1); --color-text-alpha-05: rgba(255, 255, 255, 0.05);"
>
<div class="grid-item__text-container-inner section-blocks"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section><section id="shopify-section-template--18718532206767__custom_liquid_p8xdaP" class="shopify-section"><div
class="section"
style="--section-style-spacing-top: 20px; --section-style-spacing-bottom: 20px;"
>
<div class="section-inner">
<div class="custom-banner-wrapper">
<!-- Bannière 1 (VIDEO MP4) -->
<div class="custom-banner">
<a href="https://beautymarket.ma/collections/garnier-grapes">
<!-- Mobile Video -->
<video class="banner-video mobile-video" autoplay muted loop playsinline>
<source src="https://cdn.shopify.com/videos/c/o/v/a321bcf9c2024d80a3d91f502e668e33.mp4" type="video/mp4">
</video>
<!-- Desktop Video -->
<video class="banner-video desktop-video" autoplay muted loop playsinline>
<source src="https://cdn.shopify.com/videos/c/o/v/c6a2949db77c45f5b4be8bd24b408679.mov" type="video/mp4">
</video>
</a>
</div>
<!-- Bannière 2 -->
<div class="custom-banner">
<a href="https://beautymarket.ma/pages/l-oreal-dermo-days">
<picture>
<source media="(max-width: 767px)" srcset="https://cdn.shopify.com/s/files/1/0572/7938/1679/files/banner_dermodays_mob.jpg?v=1775035025">
<img src="https://cdn.shopify.com/s/files/1/0572/7938/1679/files/banner_dermo_days_1.jpg?v=1775035025" alt="Bannière 2">
</picture>
</a>
</div>
</div>
<style>
.custom-banner-wrapper {
display: flex;
flex-direction: column;
gap: 16px;
}
.custom-banner {
width: 100%;
position: relative;
}
/* VIDEO STYLE */
.banner-video {
width: 100%;
height: auto;
display: none;
}
/* Show correct video */
.mobile-video {
display: block;
}
@media screen and (min-width: 768px) {
.mobile-video {
display: none;
}
.desktop-video {
display: block;
}
}
/* IMAGE STYLE */
.custom-banner img {
width: 100%;
height: auto;
display: block;
}
.custom-banner:hover {
opacity: 0.95;
transition: 0.3s ease;
}
@media screen and (min-width: 768px) {
.custom-banner-wrapper {
gap: 20px;
}
}
</style>
</div>
</div>
</section><section id="shopify-section-template--18718532206767__featured_collection_zVCiQK" class="shopify-section"><div
class="featured-collection section"
style=" --section-style-spacing-top: 0px; --section-style-spacing-bottom: 20px; --num-columns-desktop: 5; --num-columns-tablet: 4; --num-columns-mobile: 2; "
data-section-id="template--18718532206767__featured_collection_zVCiQK"
data-section-type="featured-collection"
data-products-per-view="5"
data-mobile-products-per-view="2"
>
<div class="section-inner">
<div
class="featured-collection__products featured-collection-slider-grid standard-grid-spacing product-item-holder"
data-standard-grid-spacing-type="product-list">
<script src="//beautymarket.ma/cdn/shop/t/35/assets/scroll-slider.js?v=137308953565903322681754934608" type="module"></script>
<scroll-slider-component
class="scroll-slider scroll-slider--full-width-below-1024 scroll-slider--peek-and-full-width-below-1024 scroll-all-sizes"
style="--columns: 2; --columns-above-720: 4; --columns-above-1024: 5; --peek: 24px; --peek-above-1024: 0px; --gap: 12px; --gap-above-1024: 16px; --gap-above-1200: 24px;"
data-id="featured-collection"
data-navigation-container=".featured-collection"
data-autoplay=""
data-autoplay-delay="0"
data-autoplay-pause-on-hover=""
>
<div class="scroll-slider__slider">
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8548250452143"
data-title="La Roche Posay pure vitamin C12 serum 30ml = Pure Vitamine C12 10ml + Anthelios Fluide 15ml Offerts"
data-url="/products/la-roche-posay-pure-vitamin-c12-serum-30ml-pure-vitamine-c12-10ml-anthelios-fluide-15ml-offerts"
data-variant-id="46722554200239"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/la-roche-posay-pure-vitamin-c12-serum-30ml-pure-vitamine-c12-10ml-anthelios-fluide-15ml-offerts"
aria-label="La Roche Posay pure vitamin C12 serum 30ml = Pure Vitamine C12 10ml + Anthelios Fluide 15ml Offerts"
><div
class="image product-item__image aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="La Roche Posay pure vitamin C12 serum 30ml = Pure Vitamine C12 10ml + Anthelios Fluide 15ml Offerts"
class="image__img"
loading="lazy"
width="1080"
height="1080"
src="//beautymarket.ma/cdn/shop/files/Plandetravail3_a9b1d899-f5bf-4d0b-a09d-cf588f10d476.png?v=1774974230&width=320"
srcset="//beautymarket.ma/cdn/shop/files/Plandetravail3_a9b1d899-f5bf-4d0b-a09d-cf588f10d476.png?crop=center&height=150&v=1774974230&width=150 150w, //beautymarket.ma/cdn/shop/files/Plandetravail3_a9b1d899-f5bf-4d0b-a09d-cf588f10d476.png?crop=center&height=200&v=1774974230&width=200 200w, //beautymarket.ma/cdn/shop/files/Plandetravail3_a9b1d899-f5bf-4d0b-a09d-cf588f10d476.png?crop=center&height=240&v=1774974230&width=240 240w, //beautymarket.ma/cdn/shop/files/Plandetravail3_a9b1d899-f5bf-4d0b-a09d-cf588f10d476.png?crop=center&height=280&v=1774974230&width=280 280w, //beautymarket.ma/cdn/shop/files/Plandetravail3_a9b1d899-f5bf-4d0b-a09d-cf588f10d476.png?crop=center&height=300&v=1774974230&width=300 300w, //beautymarket.ma/cdn/shop/files/Plandetravail3_a9b1d899-f5bf-4d0b-a09d-cf588f10d476.png?crop=center&height=360&v=1774974230&width=360 360w, //beautymarket.ma/cdn/shop/files/Plandetravail3_a9b1d899-f5bf-4d0b-a09d-cf588f10d476.png?crop=center&height=400&v=1774974230&width=400 400w, //beautymarket.ma/cdn/shop/files/Plandetravail3_a9b1d899-f5bf-4d0b-a09d-cf588f10d476.png?crop=center&height=450&v=1774974230&width=450 450w, //beautymarket.ma/cdn/shop/files/Plandetravail3_a9b1d899-f5bf-4d0b-a09d-cf588f10d476.png?crop=center&height=500&v=1774974230&width=500 500w, //beautymarket.ma/cdn/shop/files/Plandetravail3_a9b1d899-f5bf-4d0b-a09d-cf588f10d476.png?crop=center&height=550&v=1774974230&width=550 550w, //beautymarket.ma/cdn/shop/files/Plandetravail3_a9b1d899-f5bf-4d0b-a09d-cf588f10d476.png?crop=center&height=600&v=1774974230&width=600 600w, //beautymarket.ma/cdn/shop/files/Plandetravail3_a9b1d899-f5bf-4d0b-a09d-cf588f10d476.png?crop=center&height=650&v=1774974230&width=650 650w, //beautymarket.ma/cdn/shop/files/Plandetravail3_a9b1d899-f5bf-4d0b-a09d-cf588f10d476.png?crop=center&height=700&v=1774974230&width=700 700w, //beautymarket.ma/cdn/shop/files/Plandetravail3_a9b1d899-f5bf-4d0b-a09d-cf588f10d476.png?crop=center&height=750&v=1774974230&width=750 750w, //beautymarket.ma/cdn/shop/files/Plandetravail3_a9b1d899-f5bf-4d0b-a09d-cf588f10d476.png?crop=center&height=800&v=1774974230&width=800 800w, //beautymarket.ma/cdn/shop/files/Plandetravail3_a9b1d899-f5bf-4d0b-a09d-cf588f10d476.png?crop=center&height=850&v=1774974230&width=850 850w, //beautymarket.ma/cdn/shop/files/Plandetravail3_a9b1d899-f5bf-4d0b-a09d-cf588f10d476.png?crop=center&height=900&v=1774974230&width=900 900w, //beautymarket.ma/cdn/shop/files/Plandetravail3_a9b1d899-f5bf-4d0b-a09d-cf588f10d476.png?crop=center&height=950&v=1774974230&width=950 950w, //beautymarket.ma/cdn/shop/files/Plandetravail3_a9b1d899-f5bf-4d0b-a09d-cf588f10d476.png?crop=center&height=1000&v=1774974230&width=1000 1000w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>3% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/loreal-offres/products/la-roche-posay-pure-vitamin-c12-serum-30ml-pure-vitamine-c12-10ml-anthelios-fluide-15ml-offerts"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/la-roche-posay-pure-vitamin-c12-serum-30ml-pure-vitamine-c12-10ml-anthelios-fluide-15ml-offerts">La Roche Posay pure vitamin C12 serum 30ml = Pure Vitamine C12 10ml + Anthelios Fluide 15ml Offerts</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">362.00 dh</s>
<span class="sale" data-price>350.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">362.00 dh</s>
<span class="sale" data-price>350.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8548250452143"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46722554200239"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8548250452143'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_zVCiQK-8548250452143">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_zVCiQK-8548250452143"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/loreal-offres/products/la-roche-posay-pure-vitamin-c12-serum-30ml-pure-vitamine-c12-10ml-anthelios-fluide-15ml-offerts"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8548250452143"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46722554200239"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8548250452143'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_zVCiQK-8548250452143">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_zVCiQK-8548250452143"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8548244193455"
data-title="LA ROCHE POSAY MELA B3 SÉRUM 30ML = MELA B3 SÉRUM 10ML OFFERT"
data-url="/products/la-roche-posay-mela-b3-serum-30ml-mela-b3-serum-10ml-offert"
data-variant-id="46722365849775"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/la-roche-posay-mela-b3-serum-30ml-mela-b3-serum-10ml-offert"
aria-label="LA ROCHE POSAY MELA B3 SÉRUM 30ML = MELA B3 SÉRUM 10ML OFFERT"
><div
class="image product-item__image aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="LA ROCHE POSAY MELA B3 SÉRUM 30ML = MELA B3 SÉRUM 10ML OFFERT"
class="image__img"
loading="lazy"
width="1080"
height="1080"
src="//beautymarket.ma/cdn/shop/files/Plandetravail3copie2copy7.png?v=1774973467&width=320"
srcset="//beautymarket.ma/cdn/shop/files/Plandetravail3copie2copy7.png?crop=center&height=150&v=1774973467&width=150 150w, //beautymarket.ma/cdn/shop/files/Plandetravail3copie2copy7.png?crop=center&height=200&v=1774973467&width=200 200w, //beautymarket.ma/cdn/shop/files/Plandetravail3copie2copy7.png?crop=center&height=240&v=1774973467&width=240 240w, //beautymarket.ma/cdn/shop/files/Plandetravail3copie2copy7.png?crop=center&height=280&v=1774973467&width=280 280w, //beautymarket.ma/cdn/shop/files/Plandetravail3copie2copy7.png?crop=center&height=300&v=1774973467&width=300 300w, //beautymarket.ma/cdn/shop/files/Plandetravail3copie2copy7.png?crop=center&height=360&v=1774973467&width=360 360w, //beautymarket.ma/cdn/shop/files/Plandetravail3copie2copy7.png?crop=center&height=400&v=1774973467&width=400 400w, //beautymarket.ma/cdn/shop/files/Plandetravail3copie2copy7.png?crop=center&height=450&v=1774973467&width=450 450w, //beautymarket.ma/cdn/shop/files/Plandetravail3copie2copy7.png?crop=center&height=500&v=1774973467&width=500 500w, //beautymarket.ma/cdn/shop/files/Plandetravail3copie2copy7.png?crop=center&height=550&v=1774973467&width=550 550w, //beautymarket.ma/cdn/shop/files/Plandetravail3copie2copy7.png?crop=center&height=600&v=1774973467&width=600 600w, //beautymarket.ma/cdn/shop/files/Plandetravail3copie2copy7.png?crop=center&height=650&v=1774973467&width=650 650w, //beautymarket.ma/cdn/shop/files/Plandetravail3copie2copy7.png?crop=center&height=700&v=1774973467&width=700 700w, //beautymarket.ma/cdn/shop/files/Plandetravail3copie2copy7.png?crop=center&height=750&v=1774973467&width=750 750w, //beautymarket.ma/cdn/shop/files/Plandetravail3copie2copy7.png?crop=center&height=800&v=1774973467&width=800 800w, //beautymarket.ma/cdn/shop/files/Plandetravail3copie2copy7.png?crop=center&height=850&v=1774973467&width=850 850w, //beautymarket.ma/cdn/shop/files/Plandetravail3copie2copy7.png?crop=center&height=900&v=1774973467&width=900 900w, //beautymarket.ma/cdn/shop/files/Plandetravail3copie2copy7.png?crop=center&height=950&v=1774973467&width=950 950w, //beautymarket.ma/cdn/shop/files/Plandetravail3copie2copy7.png?crop=center&height=1000&v=1774973467&width=1000 1000w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>4% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/loreal-offres/products/la-roche-posay-mela-b3-serum-30ml-mela-b3-serum-10ml-offert"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/la-roche-posay-mela-b3-serum-30ml-mela-b3-serum-10ml-offert">LA ROCHE POSAY MELA B3 SÉRUM 30ML = MELA B3 SÉRUM 10ML OFFERT</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">415.00 dh</s>
<span class="sale" data-price>399.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">415.00 dh</s>
<span class="sale" data-price>399.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8548244193455"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46722365849775"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8548244193455'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_zVCiQK-8548244193455">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_zVCiQK-8548244193455"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/loreal-offres/products/la-roche-posay-mela-b3-serum-30ml-mela-b3-serum-10ml-offert"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8548244193455"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46722365849775"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8548244193455'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_zVCiQK-8548244193455">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_zVCiQK-8548244193455"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8548230103215"
data-title="Cerave gel moussant nettoyant peau normale à grasse 473ml = GEL MOUSSANT 20ML + BRACELETS DE LAVAGE OFFERTS"
data-url="/products/cerave-gel-moussant-nettoyant-peau-normale-a-grasse-473ml-gel-moussant-20ml-bracelets-de-lavage-offerts"
data-variant-id="46722340192431"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/cerave-gel-moussant-nettoyant-peau-normale-a-grasse-473ml-gel-moussant-20ml-bracelets-de-lavage-offerts"
aria-label="Cerave gel moussant nettoyant peau normale à grasse 473ml = GEL MOUSSANT 20ML + BRACELETS DE LAVAGE OFFERTS"
><div
class="image product-item__image aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="Cerave gel moussant nettoyant peau normale à grasse 473ml = GEL MOUSSANT 20ML + BRACELETS DE LAVAGE OFFERTS"
class="image__img"
loading="lazy"
width="1080"
height="1080"
src="//beautymarket.ma/cdn/shop/files/Plandetravail3copie2_dd33738c-523a-44fb-b48f-517cd2bed82a.png?v=1774971065&width=320"
srcset="//beautymarket.ma/cdn/shop/files/Plandetravail3copie2_dd33738c-523a-44fb-b48f-517cd2bed82a.png?crop=center&height=150&v=1774971065&width=150 150w, //beautymarket.ma/cdn/shop/files/Plandetravail3copie2_dd33738c-523a-44fb-b48f-517cd2bed82a.png?crop=center&height=200&v=1774971065&width=200 200w, //beautymarket.ma/cdn/shop/files/Plandetravail3copie2_dd33738c-523a-44fb-b48f-517cd2bed82a.png?crop=center&height=240&v=1774971065&width=240 240w, //beautymarket.ma/cdn/shop/files/Plandetravail3copie2_dd33738c-523a-44fb-b48f-517cd2bed82a.png?crop=center&height=280&v=1774971065&width=280 280w, //beautymarket.ma/cdn/shop/files/Plandetravail3copie2_dd33738c-523a-44fb-b48f-517cd2bed82a.png?crop=center&height=300&v=1774971065&width=300 300w, //beautymarket.ma/cdn/shop/files/Plandetravail3copie2_dd33738c-523a-44fb-b48f-517cd2bed82a.png?crop=center&height=360&v=1774971065&width=360 360w, //beautymarket.ma/cdn/shop/files/Plandetravail3copie2_dd33738c-523a-44fb-b48f-517cd2bed82a.png?crop=center&height=400&v=1774971065&width=400 400w, //beautymarket.ma/cdn/shop/files/Plandetravail3copie2_dd33738c-523a-44fb-b48f-517cd2bed82a.png?crop=center&height=450&v=1774971065&width=450 450w, //beautymarket.ma/cdn/shop/files/Plandetravail3copie2_dd33738c-523a-44fb-b48f-517cd2bed82a.png?crop=center&height=500&v=1774971065&width=500 500w, //beautymarket.ma/cdn/shop/files/Plandetravail3copie2_dd33738c-523a-44fb-b48f-517cd2bed82a.png?crop=center&height=550&v=1774971065&width=550 550w, //beautymarket.ma/cdn/shop/files/Plandetravail3copie2_dd33738c-523a-44fb-b48f-517cd2bed82a.png?crop=center&height=600&v=1774971065&width=600 600w, //beautymarket.ma/cdn/shop/files/Plandetravail3copie2_dd33738c-523a-44fb-b48f-517cd2bed82a.png?crop=center&height=650&v=1774971065&width=650 650w, //beautymarket.ma/cdn/shop/files/Plandetravail3copie2_dd33738c-523a-44fb-b48f-517cd2bed82a.png?crop=center&height=700&v=1774971065&width=700 700w, //beautymarket.ma/cdn/shop/files/Plandetravail3copie2_dd33738c-523a-44fb-b48f-517cd2bed82a.png?crop=center&height=750&v=1774971065&width=750 750w, //beautymarket.ma/cdn/shop/files/Plandetravail3copie2_dd33738c-523a-44fb-b48f-517cd2bed82a.png?crop=center&height=800&v=1774971065&width=800 800w, //beautymarket.ma/cdn/shop/files/Plandetravail3copie2_dd33738c-523a-44fb-b48f-517cd2bed82a.png?crop=center&height=850&v=1774971065&width=850 850w, //beautymarket.ma/cdn/shop/files/Plandetravail3copie2_dd33738c-523a-44fb-b48f-517cd2bed82a.png?crop=center&height=900&v=1774971065&width=900 900w, //beautymarket.ma/cdn/shop/files/Plandetravail3copie2_dd33738c-523a-44fb-b48f-517cd2bed82a.png?crop=center&height=950&v=1774971065&width=950 950w, //beautymarket.ma/cdn/shop/files/Plandetravail3copie2_dd33738c-523a-44fb-b48f-517cd2bed82a.png?crop=center&height=1000&v=1774971065&width=1000 1000w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>2% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/loreal-offres/products/cerave-gel-moussant-nettoyant-peau-normale-a-grasse-473ml-gel-moussant-20ml-bracelets-de-lavage-offerts"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/cerave-gel-moussant-nettoyant-peau-normale-a-grasse-473ml-gel-moussant-20ml-bracelets-de-lavage-offerts">Cerave gel moussant nettoyant peau normale à grasse 473ml = GEL MOUSSANT 20ML + BRACELETS DE LAVAGE OFFERTS</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">150.00 dh</s>
<span class="sale" data-price>147.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">150.00 dh</s>
<span class="sale" data-price>147.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8548230103215"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46722340192431"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8548230103215'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_zVCiQK-8548230103215">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_zVCiQK-8548230103215"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/loreal-offres/products/cerave-gel-moussant-nettoyant-peau-normale-a-grasse-473ml-gel-moussant-20ml-bracelets-de-lavage-offerts"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8548230103215"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46722340192431"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8548230103215'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_zVCiQK-8548230103215">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_zVCiQK-8548230103215"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8548240031919"
data-title="CeraVe Crème Hydratante Visage SPF 50 Peaux Normales À Sèches 52ml = Creme Lavante 20ml + Headband Offertes"
data-url="/products/cerave-creme-hydratante-visage-spf-50-peaux-normales-a-seches-52ml-creme-lavante-20ml-headband-offertes"
data-variant-id="46722353954991"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/cerave-creme-hydratante-visage-spf-50-peaux-normales-a-seches-52ml-creme-lavante-20ml-headband-offertes"
aria-label="CeraVe Crème Hydratante Visage SPF 50 Peaux Normales À Sèches 52ml = Creme Lavante 20ml + Headband Offertes"
><div
class="image product-item__image aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="CeraVe Crème Hydratante Visage SPF 50 Peaux Normales À Sèches 52ml = Creme Lavante 20ml + Headband Offertes"
class="image__img"
loading="lazy"
width="1080"
height="1080"
src="//beautymarket.ma/cdn/shop/files/Plandetravail3copie_af6812b1-7054-45a9-acc0-b3a897af55d4.png?v=1774972381&width=320"
srcset="//beautymarket.ma/cdn/shop/files/Plandetravail3copie_af6812b1-7054-45a9-acc0-b3a897af55d4.png?crop=center&height=150&v=1774972381&width=150 150w, //beautymarket.ma/cdn/shop/files/Plandetravail3copie_af6812b1-7054-45a9-acc0-b3a897af55d4.png?crop=center&height=200&v=1774972381&width=200 200w, //beautymarket.ma/cdn/shop/files/Plandetravail3copie_af6812b1-7054-45a9-acc0-b3a897af55d4.png?crop=center&height=240&v=1774972381&width=240 240w, //beautymarket.ma/cdn/shop/files/Plandetravail3copie_af6812b1-7054-45a9-acc0-b3a897af55d4.png?crop=center&height=280&v=1774972381&width=280 280w, //beautymarket.ma/cdn/shop/files/Plandetravail3copie_af6812b1-7054-45a9-acc0-b3a897af55d4.png?crop=center&height=300&v=1774972381&width=300 300w, //beautymarket.ma/cdn/shop/files/Plandetravail3copie_af6812b1-7054-45a9-acc0-b3a897af55d4.png?crop=center&height=360&v=1774972381&width=360 360w, //beautymarket.ma/cdn/shop/files/Plandetravail3copie_af6812b1-7054-45a9-acc0-b3a897af55d4.png?crop=center&height=400&v=1774972381&width=400 400w, //beautymarket.ma/cdn/shop/files/Plandetravail3copie_af6812b1-7054-45a9-acc0-b3a897af55d4.png?crop=center&height=450&v=1774972381&width=450 450w, //beautymarket.ma/cdn/shop/files/Plandetravail3copie_af6812b1-7054-45a9-acc0-b3a897af55d4.png?crop=center&height=500&v=1774972381&width=500 500w, //beautymarket.ma/cdn/shop/files/Plandetravail3copie_af6812b1-7054-45a9-acc0-b3a897af55d4.png?crop=center&height=550&v=1774972381&width=550 550w, //beautymarket.ma/cdn/shop/files/Plandetravail3copie_af6812b1-7054-45a9-acc0-b3a897af55d4.png?crop=center&height=600&v=1774972381&width=600 600w, //beautymarket.ma/cdn/shop/files/Plandetravail3copie_af6812b1-7054-45a9-acc0-b3a897af55d4.png?crop=center&height=650&v=1774972381&width=650 650w, //beautymarket.ma/cdn/shop/files/Plandetravail3copie_af6812b1-7054-45a9-acc0-b3a897af55d4.png?crop=center&height=700&v=1774972381&width=700 700w, //beautymarket.ma/cdn/shop/files/Plandetravail3copie_af6812b1-7054-45a9-acc0-b3a897af55d4.png?crop=center&height=750&v=1774972381&width=750 750w, //beautymarket.ma/cdn/shop/files/Plandetravail3copie_af6812b1-7054-45a9-acc0-b3a897af55d4.png?crop=center&height=800&v=1774972381&width=800 800w, //beautymarket.ma/cdn/shop/files/Plandetravail3copie_af6812b1-7054-45a9-acc0-b3a897af55d4.png?crop=center&height=850&v=1774972381&width=850 850w, //beautymarket.ma/cdn/shop/files/Plandetravail3copie_af6812b1-7054-45a9-acc0-b3a897af55d4.png?crop=center&height=900&v=1774972381&width=900 900w, //beautymarket.ma/cdn/shop/files/Plandetravail3copie_af6812b1-7054-45a9-acc0-b3a897af55d4.png?crop=center&height=950&v=1774972381&width=950 950w, //beautymarket.ma/cdn/shop/files/Plandetravail3copie_af6812b1-7054-45a9-acc0-b3a897af55d4.png?crop=center&height=1000&v=1774972381&width=1000 1000w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>3% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/loreal-offres/products/cerave-creme-hydratante-visage-spf-50-peaux-normales-a-seches-52ml-creme-lavante-20ml-headband-offertes"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/cerave-creme-hydratante-visage-spf-50-peaux-normales-a-seches-52ml-creme-lavante-20ml-headband-offertes">CeraVe Crème Hydratante Visage SPF 50 Peaux Normales À Sèches 52ml = Creme Lavante 20ml + Headband Offertes</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">119.00 dh</s>
<span class="sale" data-price>115.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">119.00 dh</s>
<span class="sale" data-price>115.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8548240031919"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46722353954991"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8548240031919'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_zVCiQK-8548240031919">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_zVCiQK-8548240031919"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/loreal-offres/products/cerave-creme-hydratante-visage-spf-50-peaux-normales-a-seches-52ml-creme-lavante-20ml-headband-offertes"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8548240031919"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46722353954991"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8548240031919'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_zVCiQK-8548240031919">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_zVCiQK-8548240031919"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8548268343471"
data-title="Vichy Dercos Shampooing Energisant+ Anti-chute 200 ml = Format Voyage 50 Ml + Serviette Cheveux Offerts"
data-url="/products/vichy-dercos-shampooing-energisant-anti-chute-200-ml-format-voyage-50-ml-serviette-cheveux-offerts"
data-variant-id="46722830368943"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/vichy-dercos-shampooing-energisant-anti-chute-200-ml-format-voyage-50-ml-serviette-cheveux-offerts"
aria-label="Vichy Dercos Shampooing Energisant+ Anti-chute 200 ml = Format Voyage 50 Ml + Serviette Cheveux Offerts"
><div
class="image product-item__image aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="Vichy Dercos Shampooing Energisant+ Anti-chute 200 ml = Format Voyage 50 Ml + Serviette Cheveux Offerts"
class="image__img"
loading="lazy"
width="1080"
height="1080"
src="//beautymarket.ma/cdn/shop/files/Plandetravail6copie5copy.png?v=1774978143&width=320"
srcset="//beautymarket.ma/cdn/shop/files/Plandetravail6copie5copy.png?crop=center&height=150&v=1774978143&width=150 150w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie5copy.png?crop=center&height=200&v=1774978143&width=200 200w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie5copy.png?crop=center&height=240&v=1774978143&width=240 240w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie5copy.png?crop=center&height=280&v=1774978143&width=280 280w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie5copy.png?crop=center&height=300&v=1774978143&width=300 300w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie5copy.png?crop=center&height=360&v=1774978143&width=360 360w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie5copy.png?crop=center&height=400&v=1774978143&width=400 400w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie5copy.png?crop=center&height=450&v=1774978143&width=450 450w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie5copy.png?crop=center&height=500&v=1774978143&width=500 500w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie5copy.png?crop=center&height=550&v=1774978143&width=550 550w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie5copy.png?crop=center&height=600&v=1774978143&width=600 600w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie5copy.png?crop=center&height=650&v=1774978143&width=650 650w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie5copy.png?crop=center&height=700&v=1774978143&width=700 700w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie5copy.png?crop=center&height=750&v=1774978143&width=750 750w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie5copy.png?crop=center&height=800&v=1774978143&width=800 800w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie5copy.png?crop=center&height=850&v=1774978143&width=850 850w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie5copy.png?crop=center&height=900&v=1774978143&width=900 900w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie5copy.png?crop=center&height=950&v=1774978143&width=950 950w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie5copy.png?crop=center&height=1000&v=1774978143&width=1000 1000w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>12% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/loreal-offres/products/vichy-dercos-shampooing-energisant-anti-chute-200-ml-format-voyage-50-ml-serviette-cheveux-offerts"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/vichy-dercos-shampooing-energisant-anti-chute-200-ml-format-voyage-50-ml-serviette-cheveux-offerts">Vichy Dercos Shampooing Energisant+ Anti-chute 200 ml = Format Voyage 50 Ml + Serviette Cheveux Offerts</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">145.00 dh</s>
<span class="sale" data-price>127.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">145.00 dh</s>
<span class="sale" data-price>127.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8548268343471"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46722830368943"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8548268343471'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_zVCiQK-8548268343471">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_zVCiQK-8548268343471"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/loreal-offres/products/vichy-dercos-shampooing-energisant-anti-chute-200-ml-format-voyage-50-ml-serviette-cheveux-offerts"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8548268343471"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46722830368943"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8548268343471'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_zVCiQK-8548268343471">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_zVCiQK-8548268343471"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8548267327663"
data-title="Vichy Dercos Shampooing traitant Antipelliculaire Cheveux Normaux à Gras 200ml = Format Voyage 50 Ml + Serviette Cheveux Offerts"
data-url="/products/vichy-dercos-shampooing-traitant-antipelliculaire-cheveux-normaux-a-gras-200ml-format-voyage-50-ml-serviette-cheveux-offerts"
data-variant-id="46722829582511"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/vichy-dercos-shampooing-traitant-antipelliculaire-cheveux-normaux-a-gras-200ml-format-voyage-50-ml-serviette-cheveux-offerts"
aria-label="Vichy Dercos Shampooing traitant Antipelliculaire Cheveux Normaux à Gras 200ml = Format Voyage 50 Ml + Serviette Cheveux Offerts"
><div
class="image product-item__image aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="Vichy Dercos Shampooing traitant Antipelliculaire Cheveux Normaux à Gras 200ml = Format Voyage 50 Ml + Serviette Cheveux Offerts"
class="image__img"
loading="lazy"
width="1080"
height="1080"
src="//beautymarket.ma/cdn/shop/files/Plandetravail6copie6_2df93541-1024-4be8-890d-71955d3dcab7.png?v=1774977861&width=320"
srcset="//beautymarket.ma/cdn/shop/files/Plandetravail6copie6_2df93541-1024-4be8-890d-71955d3dcab7.png?crop=center&height=150&v=1774977861&width=150 150w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie6_2df93541-1024-4be8-890d-71955d3dcab7.png?crop=center&height=200&v=1774977861&width=200 200w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie6_2df93541-1024-4be8-890d-71955d3dcab7.png?crop=center&height=240&v=1774977861&width=240 240w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie6_2df93541-1024-4be8-890d-71955d3dcab7.png?crop=center&height=280&v=1774977861&width=280 280w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie6_2df93541-1024-4be8-890d-71955d3dcab7.png?crop=center&height=300&v=1774977861&width=300 300w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie6_2df93541-1024-4be8-890d-71955d3dcab7.png?crop=center&height=360&v=1774977861&width=360 360w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie6_2df93541-1024-4be8-890d-71955d3dcab7.png?crop=center&height=400&v=1774977861&width=400 400w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie6_2df93541-1024-4be8-890d-71955d3dcab7.png?crop=center&height=450&v=1774977861&width=450 450w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie6_2df93541-1024-4be8-890d-71955d3dcab7.png?crop=center&height=500&v=1774977861&width=500 500w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie6_2df93541-1024-4be8-890d-71955d3dcab7.png?crop=center&height=550&v=1774977861&width=550 550w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie6_2df93541-1024-4be8-890d-71955d3dcab7.png?crop=center&height=600&v=1774977861&width=600 600w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie6_2df93541-1024-4be8-890d-71955d3dcab7.png?crop=center&height=650&v=1774977861&width=650 650w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie6_2df93541-1024-4be8-890d-71955d3dcab7.png?crop=center&height=700&v=1774977861&width=700 700w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie6_2df93541-1024-4be8-890d-71955d3dcab7.png?crop=center&height=750&v=1774977861&width=750 750w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie6_2df93541-1024-4be8-890d-71955d3dcab7.png?crop=center&height=800&v=1774977861&width=800 800w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie6_2df93541-1024-4be8-890d-71955d3dcab7.png?crop=center&height=850&v=1774977861&width=850 850w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie6_2df93541-1024-4be8-890d-71955d3dcab7.png?crop=center&height=900&v=1774977861&width=900 900w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie6_2df93541-1024-4be8-890d-71955d3dcab7.png?crop=center&height=950&v=1774977861&width=950 950w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie6_2df93541-1024-4be8-890d-71955d3dcab7.png?crop=center&height=1000&v=1774977861&width=1000 1000w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>11% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/loreal-offres/products/vichy-dercos-shampooing-traitant-antipelliculaire-cheveux-normaux-a-gras-200ml-format-voyage-50-ml-serviette-cheveux-offerts"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/vichy-dercos-shampooing-traitant-antipelliculaire-cheveux-normaux-a-gras-200ml-format-voyage-50-ml-serviette-cheveux-offerts">Vichy Dercos Shampooing traitant Antipelliculaire Cheveux Normaux à Gras 200ml = Format Voyage 50 Ml + Serviette Cheveux Offerts</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">149.00 dh</s>
<span class="sale" data-price>132.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">149.00 dh</s>
<span class="sale" data-price>132.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8548267327663"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46722829582511"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8548267327663'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_zVCiQK-8548267327663">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_zVCiQK-8548267327663"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/loreal-offres/products/vichy-dercos-shampooing-traitant-antipelliculaire-cheveux-normaux-a-gras-200ml-format-voyage-50-ml-serviette-cheveux-offerts"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8548267327663"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46722829582511"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8548267327663'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_zVCiQK-8548267327663">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_zVCiQK-8548267327663"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8548266377391"
data-title="Vichy Dercos Shampooing Antipelliculaire Cheveux Secs 200 ml = Format Voyage 50 Ml + Serviette Cheveux Offerts"
data-url="/products/vichy-dercos-shampooing-antipelliculaire-cheveux-secs-200-ml-format-voyage-50-ml-serviette-cheveux-offerts"
data-variant-id="46722828501167"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/vichy-dercos-shampooing-antipelliculaire-cheveux-secs-200-ml-format-voyage-50-ml-serviette-cheveux-offerts"
aria-label="Vichy Dercos Shampooing Antipelliculaire Cheveux Secs 200 ml = Format Voyage 50 Ml + Serviette Cheveux Offerts"
><div
class="image product-item__image aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="Vichy Dercos Shampooing Antipelliculaire Cheveux Secs 200 ml = Format Voyage 50 Ml + Serviette Cheveux Offerts"
class="image__img"
loading="lazy"
width="1080"
height="1080"
src="//beautymarket.ma/cdn/shop/files/Plandetravail6copie5.png?v=1774977729&width=320"
srcset="//beautymarket.ma/cdn/shop/files/Plandetravail6copie5.png?crop=center&height=150&v=1774977729&width=150 150w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie5.png?crop=center&height=200&v=1774977729&width=200 200w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie5.png?crop=center&height=240&v=1774977729&width=240 240w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie5.png?crop=center&height=280&v=1774977729&width=280 280w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie5.png?crop=center&height=300&v=1774977729&width=300 300w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie5.png?crop=center&height=360&v=1774977729&width=360 360w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie5.png?crop=center&height=400&v=1774977729&width=400 400w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie5.png?crop=center&height=450&v=1774977729&width=450 450w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie5.png?crop=center&height=500&v=1774977729&width=500 500w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie5.png?crop=center&height=550&v=1774977729&width=550 550w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie5.png?crop=center&height=600&v=1774977729&width=600 600w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie5.png?crop=center&height=650&v=1774977729&width=650 650w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie5.png?crop=center&height=700&v=1774977729&width=700 700w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie5.png?crop=center&height=750&v=1774977729&width=750 750w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie5.png?crop=center&height=800&v=1774977729&width=800 800w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie5.png?crop=center&height=850&v=1774977729&width=850 850w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie5.png?crop=center&height=900&v=1774977729&width=900 900w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie5.png?crop=center&height=950&v=1774977729&width=950 950w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie5.png?crop=center&height=1000&v=1774977729&width=1000 1000w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>11% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/loreal-offres/products/vichy-dercos-shampooing-antipelliculaire-cheveux-secs-200-ml-format-voyage-50-ml-serviette-cheveux-offerts"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/vichy-dercos-shampooing-antipelliculaire-cheveux-secs-200-ml-format-voyage-50-ml-serviette-cheveux-offerts">Vichy Dercos Shampooing Antipelliculaire Cheveux Secs 200 ml = Format Voyage 50 Ml + Serviette Cheveux Offerts</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">149.00 dh</s>
<span class="sale" data-price>132.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">149.00 dh</s>
<span class="sale" data-price>132.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8548266377391"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46722828501167"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8548266377391'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_zVCiQK-8548266377391">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_zVCiQK-8548266377391"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/loreal-offres/products/vichy-dercos-shampooing-antipelliculaire-cheveux-secs-200-ml-format-voyage-50-ml-serviette-cheveux-offerts"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8548266377391"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46722828501167"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8548266377391'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_zVCiQK-8548266377391">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_zVCiQK-8548266377391"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8548261691567"
data-title="Vichy Déodorant Traitement Anti-Transpirant 48H Anti-traces 50 ml *2 = Tote Bag Offert"
data-url="/products/vichy-deodorant-traitement-anti-transpirant-48h-anti-traces-50-ml-2-tote-bag-offert"
data-variant-id="46722818015407"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/vichy-deodorant-traitement-anti-transpirant-48h-anti-traces-50-ml-2-tote-bag-offert"
aria-label="Vichy Déodorant Traitement Anti-Transpirant 48H Anti-traces 50 ml *2 = Tote Bag Offert"
><div
class="image product-item__image aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="Vichy Déodorant Traitement Anti-Transpirant 48H Anti-traces 50 ml *2 = Tote Bag Offert"
class="image__img"
loading="lazy"
width="1080"
height="1080"
src="//beautymarket.ma/cdn/shop/files/Plandetravail6copie3.png?v=1774976108&width=320"
srcset="//beautymarket.ma/cdn/shop/files/Plandetravail6copie3.png?crop=center&height=150&v=1774976108&width=150 150w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie3.png?crop=center&height=200&v=1774976108&width=200 200w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie3.png?crop=center&height=240&v=1774976108&width=240 240w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie3.png?crop=center&height=280&v=1774976108&width=280 280w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie3.png?crop=center&height=300&v=1774976108&width=300 300w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie3.png?crop=center&height=360&v=1774976108&width=360 360w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie3.png?crop=center&height=400&v=1774976108&width=400 400w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie3.png?crop=center&height=450&v=1774976108&width=450 450w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie3.png?crop=center&height=500&v=1774976108&width=500 500w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie3.png?crop=center&height=550&v=1774976108&width=550 550w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie3.png?crop=center&height=600&v=1774976108&width=600 600w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie3.png?crop=center&height=650&v=1774976108&width=650 650w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie3.png?crop=center&height=700&v=1774976108&width=700 700w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie3.png?crop=center&height=750&v=1774976108&width=750 750w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie3.png?crop=center&height=800&v=1774976108&width=800 800w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie3.png?crop=center&height=850&v=1774976108&width=850 850w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie3.png?crop=center&height=900&v=1774976108&width=900 900w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie3.png?crop=center&height=950&v=1774976108&width=950 950w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie3.png?crop=center&height=1000&v=1774976108&width=1000 1000w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>14% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/loreal-offres/products/vichy-deodorant-traitement-anti-transpirant-48h-anti-traces-50-ml-2-tote-bag-offert"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/vichy-deodorant-traitement-anti-transpirant-48h-anti-traces-50-ml-2-tote-bag-offert">Vichy Déodorant Traitement Anti-Transpirant 48H Anti-traces 50 ml *2 = Tote Bag Offert</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">259.00 dh</s>
<span class="sale" data-price>224.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">259.00 dh</s>
<span class="sale" data-price>224.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8548261691567"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46722818015407"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8548261691567'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_zVCiQK-8548261691567">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_zVCiQK-8548261691567"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/loreal-offres/products/vichy-deodorant-traitement-anti-transpirant-48h-anti-traces-50-ml-2-tote-bag-offert"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8548261691567"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46722818015407"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8548261691567'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_zVCiQK-8548261691567">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_zVCiQK-8548261691567"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8548259954863"
data-title="Vichy déodorant éclaircissant anti-transpirant 48h peau sensible 50ML *2 = Tote Bag Offert"
data-url="/products/vichy-deodorant-eclaircissant-anti-transpirant-48h-peau-sensible-50ml-2-tote-bag-offert"
data-variant-id="46722787213487"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/vichy-deodorant-eclaircissant-anti-transpirant-48h-peau-sensible-50ml-2-tote-bag-offert"
aria-label="Vichy déodorant éclaircissant anti-transpirant 48h peau sensible 50ML *2 = Tote Bag Offert"
><div
class="image product-item__image aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="Vichy déodorant éclaircissant anti-transpirant 48h peau sensible 50ML *2 = Tote Bag Offert"
class="image__img"
loading="lazy"
width="1080"
height="1080"
src="//beautymarket.ma/cdn/shop/files/Plandetravail6copie2_c6ada294-e3e1-4790-b577-d0a7e31b990f.png?v=1774975716&width=320"
srcset="//beautymarket.ma/cdn/shop/files/Plandetravail6copie2_c6ada294-e3e1-4790-b577-d0a7e31b990f.png?crop=center&height=150&v=1774975716&width=150 150w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie2_c6ada294-e3e1-4790-b577-d0a7e31b990f.png?crop=center&height=200&v=1774975716&width=200 200w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie2_c6ada294-e3e1-4790-b577-d0a7e31b990f.png?crop=center&height=240&v=1774975716&width=240 240w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie2_c6ada294-e3e1-4790-b577-d0a7e31b990f.png?crop=center&height=280&v=1774975716&width=280 280w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie2_c6ada294-e3e1-4790-b577-d0a7e31b990f.png?crop=center&height=300&v=1774975716&width=300 300w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie2_c6ada294-e3e1-4790-b577-d0a7e31b990f.png?crop=center&height=360&v=1774975716&width=360 360w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie2_c6ada294-e3e1-4790-b577-d0a7e31b990f.png?crop=center&height=400&v=1774975716&width=400 400w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie2_c6ada294-e3e1-4790-b577-d0a7e31b990f.png?crop=center&height=450&v=1774975716&width=450 450w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie2_c6ada294-e3e1-4790-b577-d0a7e31b990f.png?crop=center&height=500&v=1774975716&width=500 500w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie2_c6ada294-e3e1-4790-b577-d0a7e31b990f.png?crop=center&height=550&v=1774975716&width=550 550w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie2_c6ada294-e3e1-4790-b577-d0a7e31b990f.png?crop=center&height=600&v=1774975716&width=600 600w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie2_c6ada294-e3e1-4790-b577-d0a7e31b990f.png?crop=center&height=650&v=1774975716&width=650 650w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie2_c6ada294-e3e1-4790-b577-d0a7e31b990f.png?crop=center&height=700&v=1774975716&width=700 700w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie2_c6ada294-e3e1-4790-b577-d0a7e31b990f.png?crop=center&height=750&v=1774975716&width=750 750w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie2_c6ada294-e3e1-4790-b577-d0a7e31b990f.png?crop=center&height=800&v=1774975716&width=800 800w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie2_c6ada294-e3e1-4790-b577-d0a7e31b990f.png?crop=center&height=850&v=1774975716&width=850 850w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie2_c6ada294-e3e1-4790-b577-d0a7e31b990f.png?crop=center&height=900&v=1774975716&width=900 900w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie2_c6ada294-e3e1-4790-b577-d0a7e31b990f.png?crop=center&height=950&v=1774975716&width=950 950w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie2_c6ada294-e3e1-4790-b577-d0a7e31b990f.png?crop=center&height=1000&v=1774975716&width=1000 1000w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>14% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/loreal-offres/products/vichy-deodorant-eclaircissant-anti-transpirant-48h-peau-sensible-50ml-2-tote-bag-offert"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/vichy-deodorant-eclaircissant-anti-transpirant-48h-peau-sensible-50ml-2-tote-bag-offert">Vichy déodorant éclaircissant anti-transpirant 48h peau sensible 50ML *2 = Tote Bag Offert</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">259.00 dh</s>
<span class="sale" data-price>224.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">259.00 dh</s>
<span class="sale" data-price>224.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8548259954863"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46722787213487"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8548259954863'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_zVCiQK-8548259954863">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_zVCiQK-8548259954863"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/loreal-offres/products/vichy-deodorant-eclaircissant-anti-transpirant-48h-peau-sensible-50ml-2-tote-bag-offert"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8548259954863"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46722787213487"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8548259954863'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_zVCiQK-8548259954863">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_zVCiQK-8548259954863"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8548258087087"
data-title="VICHY DÉODORANT CLINICAL CONTROL 96H FEMME *2 = TOTE BAG OFFERT"
data-url="/products/vichy-deodorant-clinical-control-96h-femme-2-tote-bag-offert"
data-variant-id="46722590769327"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/vichy-deodorant-clinical-control-96h-femme-2-tote-bag-offert"
aria-label="VICHY DÉODORANT CLINICAL CONTROL 96H FEMME *2 = TOTE BAG OFFERT"
><div
class="image product-item__image aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="VICHY DÉODORANT CLINICAL CONTROL 96H FEMME *2 = TOTE BAG OFFERT"
class="image__img"
loading="lazy"
width="1080"
height="1080"
src="//beautymarket.ma/cdn/shop/files/Plandetravail6copie2copy.png?v=1774975482&width=320"
srcset="//beautymarket.ma/cdn/shop/files/Plandetravail6copie2copy.png?crop=center&height=150&v=1774975482&width=150 150w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie2copy.png?crop=center&height=200&v=1774975482&width=200 200w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie2copy.png?crop=center&height=240&v=1774975482&width=240 240w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie2copy.png?crop=center&height=280&v=1774975482&width=280 280w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie2copy.png?crop=center&height=300&v=1774975482&width=300 300w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie2copy.png?crop=center&height=360&v=1774975482&width=360 360w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie2copy.png?crop=center&height=400&v=1774975482&width=400 400w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie2copy.png?crop=center&height=450&v=1774975482&width=450 450w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie2copy.png?crop=center&height=500&v=1774975482&width=500 500w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie2copy.png?crop=center&height=550&v=1774975482&width=550 550w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie2copy.png?crop=center&height=600&v=1774975482&width=600 600w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie2copy.png?crop=center&height=650&v=1774975482&width=650 650w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie2copy.png?crop=center&height=700&v=1774975482&width=700 700w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie2copy.png?crop=center&height=750&v=1774975482&width=750 750w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie2copy.png?crop=center&height=800&v=1774975482&width=800 800w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie2copy.png?crop=center&height=850&v=1774975482&width=850 850w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie2copy.png?crop=center&height=900&v=1774975482&width=900 900w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie2copy.png?crop=center&height=950&v=1774975482&width=950 950w, //beautymarket.ma/cdn/shop/files/Plandetravail6copie2copy.png?crop=center&height=1000&v=1774975482&width=1000 1000w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>11% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/loreal-offres/products/vichy-deodorant-clinical-control-96h-femme-2-tote-bag-offert"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/vichy-deodorant-clinical-control-96h-femme-2-tote-bag-offert">VICHY DÉODORANT CLINICAL CONTROL 96H FEMME *2 = TOTE BAG OFFERT</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">269.00 dh</s>
<span class="sale" data-price>240.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">269.00 dh</s>
<span class="sale" data-price>240.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8548258087087"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46722590769327"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8548258087087'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_zVCiQK-8548258087087">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_zVCiQK-8548258087087"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/loreal-offres/products/vichy-deodorant-clinical-control-96h-femme-2-tote-bag-offert"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8548258087087"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46722590769327"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8548258087087'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_zVCiQK-8548258087087">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_zVCiQK-8548258087087"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</scroll-slider-component>
<div
class="scroll-slider-nav-button-wrapper scroll-slider-nav-button-wrapper--prev"
data-is-small="false"
>
<button
type="button"
class="scroll-slider-nav-button scroll-slider-nav-button--prev hidden"
title="Précédent"
data-scroll-slider-prev-button
name="prev"
>
<span class="icon icon-arrow-short" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 12.4016H11.5H23M23 12.4016L13.8 3M23 12.4016L13.8 21.8032" stroke="currentColor" stroke-width="1.75"/></svg>
</span>
</button>
</div>
<div
class="scroll-slider-nav-button-wrapper scroll-slider-nav-button-wrapper--next"
data-is-small="false"
>
<button
type="button"
class="scroll-slider-nav-button scroll-slider-nav-button--next hidden"
title="Suivant"
data-scroll-slider-next-button
name="next"
>
<span class="icon icon-arrow-short" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 12.4016H11.5H23M23 12.4016L13.8 3M23 12.4016L13.8 21.8032" stroke="currentColor" stroke-width="1.75"/></svg>
</span>
</button>
</div>
</div>
<script src="//beautymarket.ma/cdn/shop/t/35/assets/section-footer.js?v=11514157199586841511754934608" type="module"></script>
<section-footer-component class="section-footer animation--container-footer">
<div class="scroll-slider-page-dots" data-scroll-slider-page-dots data-hide-below-720="true"></div>
</section-footer-component>
</div>
</div>
</section><section id="shopify-section-template--18718532206767__tabbed_collection" class="shopify-section">
<div
class="tabbed-collections section"
style=" --section-style-spacing-top: 24px; --section-style-spacing-bottom: 24px; --num-columns-desktop: 5; --num-columns-tablet: 4; --num-columns-mobile: 2; "
data-section-id="template--18718532206767__tabbed_collection"
data-section-type="tabbed-collections"
data-products-per-view="5"
data-mobile-products-per-view="2"
>
<div class="section-inner">
<div
class="section-header section-blocks animation--container-header"
data-alignment="center">
<h2 class="ff-heading section-header__heading fs-heading-3-base">
Promotions du Moment & Best Sellers
</h2>
<h2 class="ff-body fs-body-100 section-header__subheading rte">
</h2>
<div class="tabbed-collections__tab-buttons-wrapper" data-tab-alignment="center">
<ul class="tab-buttons" data-tab-design="line">
<li class="tab-buttons__button-wrapper">
<button
type="button"
class="tab-buttons__button selected"
data-shows-collection-key="template--18718532206767__tabbed_collectioncollection_1"
data-tab-button
>
<span class="tab-buttons__button-label ff-body fs-body-150">Nos Promotions folles !!!</span>
<span class="tab-buttons__button-indicator"></span>
</button>
</li>
<li class="tab-buttons__button-wrapper">
<button
type="button"
class="tab-buttons__button"
data-shows-collection-key="template--18718532206767__tabbed_collectioncollection_2"
data-tab-button
>
<span class="tab-buttons__button-label ff-body fs-body-150">Best Sellers</span>
<span class="tab-buttons__button-indicator"></span>
</button>
</li>
</ul>
</div>
</div>
<div
class="tabbed-collections__products featured-collection-slider-grid standard-grid-spacing product-item-holder active"
data-standard-grid-spacing-type="product-list">
<script src="//beautymarket.ma/cdn/shop/t/35/assets/scroll-slider.js?v=137308953565903322681754934608" type="module"></script>
<scroll-slider-component
class="scroll-slider scroll-slider--full-width-below-1024 scroll-slider--peek-and-full-width-below-1024 scroll-all-sizes"
style="--columns: 2; --columns-above-720: 4; --columns-above-1024: 5; --peek: 24px; --peek-above-1024: 0px; --gap: 12px; --gap-above-1024: 16px; --gap-above-1200: 24px;"
data-id="tabbed-collections"
data-navigation-container=".tabbed-collections__products"
data-autoplay=""
data-autoplay-delay="0"
data-autoplay-pause-on-hover=""
>
<div class="scroll-slider__slider">
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8484870062255"
data-title="ISDIN SHAMPOO LAMBDAPIL ANTI HAIR LOSS 200ML = SHAMPOO DAYLISDIN 100ML OFFERT"
data-url="/products/isdin-shampoo-lambdapil-anti-hair-loss-200ml-shampoo-daylisdin-100ml-offert"
data-variant-id="46564271849647"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/isdin-shampoo-lambdapil-anti-hair-loss-200ml-shampoo-daylisdin-100ml-offert"
aria-label="ISDIN SHAMPOO LAMBDAPIL ANTI HAIR LOSS 200ML = SHAMPOO DAYLISDIN 100ML OFFERT"
><div
class="image product-item__image aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="ISDIN SHAMPOO LAMBDAPIL ANTI HAIR LOSS 200ML = SHAMPOO DAYLISDIN 100ML OFFERT"
class="image__img"
loading="lazy"
width="1080"
height="1080"
src="//beautymarket.ma/cdn/shop/files/05.jpg?v=1775047162&width=320"
srcset="//beautymarket.ma/cdn/shop/files/05.jpg?crop=center&height=150&v=1775047162&width=150 150w, //beautymarket.ma/cdn/shop/files/05.jpg?crop=center&height=200&v=1775047162&width=200 200w, //beautymarket.ma/cdn/shop/files/05.jpg?crop=center&height=240&v=1775047162&width=240 240w, //beautymarket.ma/cdn/shop/files/05.jpg?crop=center&height=280&v=1775047162&width=280 280w, //beautymarket.ma/cdn/shop/files/05.jpg?crop=center&height=300&v=1775047162&width=300 300w, //beautymarket.ma/cdn/shop/files/05.jpg?crop=center&height=360&v=1775047162&width=360 360w, //beautymarket.ma/cdn/shop/files/05.jpg?crop=center&height=400&v=1775047162&width=400 400w, //beautymarket.ma/cdn/shop/files/05.jpg?crop=center&height=450&v=1775047162&width=450 450w, //beautymarket.ma/cdn/shop/files/05.jpg?crop=center&height=500&v=1775047162&width=500 500w, //beautymarket.ma/cdn/shop/files/05.jpg?crop=center&height=550&v=1775047162&width=550 550w, //beautymarket.ma/cdn/shop/files/05.jpg?crop=center&height=600&v=1775047162&width=600 600w, //beautymarket.ma/cdn/shop/files/05.jpg?crop=center&height=650&v=1775047162&width=650 650w, //beautymarket.ma/cdn/shop/files/05.jpg?crop=center&height=700&v=1775047162&width=700 700w, //beautymarket.ma/cdn/shop/files/05.jpg?crop=center&height=750&v=1775047162&width=750 750w, //beautymarket.ma/cdn/shop/files/05.jpg?crop=center&height=800&v=1775047162&width=800 800w, //beautymarket.ma/cdn/shop/files/05.jpg?crop=center&height=850&v=1775047162&width=850 850w, //beautymarket.ma/cdn/shop/files/05.jpg?crop=center&height=900&v=1775047162&width=900 900w, //beautymarket.ma/cdn/shop/files/05.jpg?crop=center&height=950&v=1775047162&width=950 950w, //beautymarket.ma/cdn/shop/files/05.jpg?crop=center&height=1000&v=1775047162&width=1000 1000w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>17% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/promotions/products/isdin-shampoo-lambdapil-anti-hair-loss-200ml-shampoo-daylisdin-100ml-offert"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/isdin-shampoo-lambdapil-anti-hair-loss-200ml-shampoo-daylisdin-100ml-offert">ISDIN SHAMPOO LAMBDAPIL ANTI HAIR LOSS 200ML = SHAMPOO DAYLISDIN 100ML OFFERT</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">239.00 dh</s>
<span class="sale" data-price>199.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">239.00 dh</s>
<span class="sale" data-price>199.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8484870062255"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46564271849647"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8484870062255'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__tabbed_collection-1-8484870062255">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__tabbed_collection-1-8484870062255"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/promotions/products/isdin-shampoo-lambdapil-anti-hair-loss-200ml-shampoo-daylisdin-100ml-offert"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8484870062255"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46564271849647"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8484870062255'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__tabbed_collection-1-8484870062255">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__tabbed_collection-1-8484870062255"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8101160386735"
data-title="Granions Omega 3 Cardio 30 Gélules"
data-url="/products/granions-omega-3-cardio"
data-variant-id="44526207205551"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/granions-omega-3-cardio"
aria-label="Granions Omega 3 Cardio 30 Gélules"
><div
class="image product-item__image product-item__image--one aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="Granions Omega 3 Cardio 30 Gélules"
class="image__img"
loading="lazy"
width="1080"
height="1080"
src="//beautymarket.ma/cdn/shop/files/OMEGAGRANIONS.jpg?v=1775069023&width=320"
srcset="//beautymarket.ma/cdn/shop/files/OMEGAGRANIONS.jpg?crop=center&height=150&v=1775069023&width=150 150w, //beautymarket.ma/cdn/shop/files/OMEGAGRANIONS.jpg?crop=center&height=200&v=1775069023&width=200 200w, //beautymarket.ma/cdn/shop/files/OMEGAGRANIONS.jpg?crop=center&height=240&v=1775069023&width=240 240w, //beautymarket.ma/cdn/shop/files/OMEGAGRANIONS.jpg?crop=center&height=280&v=1775069023&width=280 280w, //beautymarket.ma/cdn/shop/files/OMEGAGRANIONS.jpg?crop=center&height=300&v=1775069023&width=300 300w, //beautymarket.ma/cdn/shop/files/OMEGAGRANIONS.jpg?crop=center&height=360&v=1775069023&width=360 360w, //beautymarket.ma/cdn/shop/files/OMEGAGRANIONS.jpg?crop=center&height=400&v=1775069023&width=400 400w, //beautymarket.ma/cdn/shop/files/OMEGAGRANIONS.jpg?crop=center&height=450&v=1775069023&width=450 450w, //beautymarket.ma/cdn/shop/files/OMEGAGRANIONS.jpg?crop=center&height=500&v=1775069023&width=500 500w, //beautymarket.ma/cdn/shop/files/OMEGAGRANIONS.jpg?crop=center&height=550&v=1775069023&width=550 550w, //beautymarket.ma/cdn/shop/files/OMEGAGRANIONS.jpg?crop=center&height=600&v=1775069023&width=600 600w, //beautymarket.ma/cdn/shop/files/OMEGAGRANIONS.jpg?crop=center&height=650&v=1775069023&width=650 650w, //beautymarket.ma/cdn/shop/files/OMEGAGRANIONS.jpg?crop=center&height=700&v=1775069023&width=700 700w, //beautymarket.ma/cdn/shop/files/OMEGAGRANIONS.jpg?crop=center&height=750&v=1775069023&width=750 750w, //beautymarket.ma/cdn/shop/files/OMEGAGRANIONS.jpg?crop=center&height=800&v=1775069023&width=800 800w, //beautymarket.ma/cdn/shop/files/OMEGAGRANIONS.jpg?crop=center&height=850&v=1775069023&width=850 850w, //beautymarket.ma/cdn/shop/files/OMEGAGRANIONS.jpg?crop=center&height=900&v=1775069023&width=900 900w, //beautymarket.ma/cdn/shop/files/OMEGAGRANIONS.jpg?crop=center&height=950&v=1775069023&width=950 950w, //beautymarket.ma/cdn/shop/files/OMEGAGRANIONS.jpg?crop=center&height=1000&v=1775069023&width=1000 1000w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div><div
class="image product-item__image product-item__image--two aspect-ratio--square"
style="--object-fit: cover;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="1080"
height="1080"
src="//beautymarket.ma/cdn/shop/files/GRANIONS-Omega-3-cardio-B30-Gelules_1.jpg?v=1775069023&width=320"
srcset="//beautymarket.ma/cdn/shop/files/GRANIONS-Omega-3-cardio-B30-Gelules_1.jpg?crop=center&height=150&v=1775069023&width=150 150w, //beautymarket.ma/cdn/shop/files/GRANIONS-Omega-3-cardio-B30-Gelules_1.jpg?crop=center&height=200&v=1775069023&width=200 200w, //beautymarket.ma/cdn/shop/files/GRANIONS-Omega-3-cardio-B30-Gelules_1.jpg?crop=center&height=240&v=1775069023&width=240 240w, //beautymarket.ma/cdn/shop/files/GRANIONS-Omega-3-cardio-B30-Gelules_1.jpg?crop=center&height=280&v=1775069023&width=280 280w, //beautymarket.ma/cdn/shop/files/GRANIONS-Omega-3-cardio-B30-Gelules_1.jpg?crop=center&height=300&v=1775069023&width=300 300w, //beautymarket.ma/cdn/shop/files/GRANIONS-Omega-3-cardio-B30-Gelules_1.jpg?crop=center&height=360&v=1775069023&width=360 360w, //beautymarket.ma/cdn/shop/files/GRANIONS-Omega-3-cardio-B30-Gelules_1.jpg?crop=center&height=400&v=1775069023&width=400 400w, //beautymarket.ma/cdn/shop/files/GRANIONS-Omega-3-cardio-B30-Gelules_1.jpg?crop=center&height=450&v=1775069023&width=450 450w, //beautymarket.ma/cdn/shop/files/GRANIONS-Omega-3-cardio-B30-Gelules_1.jpg?crop=center&height=500&v=1775069023&width=500 500w, //beautymarket.ma/cdn/shop/files/GRANIONS-Omega-3-cardio-B30-Gelules_1.jpg?crop=center&height=550&v=1775069023&width=550 550w, //beautymarket.ma/cdn/shop/files/GRANIONS-Omega-3-cardio-B30-Gelules_1.jpg?crop=center&height=600&v=1775069023&width=600 600w, //beautymarket.ma/cdn/shop/files/GRANIONS-Omega-3-cardio-B30-Gelules_1.jpg?crop=center&height=650&v=1775069023&width=650 650w, //beautymarket.ma/cdn/shop/files/GRANIONS-Omega-3-cardio-B30-Gelules_1.jpg?crop=center&height=700&v=1775069023&width=700 700w, //beautymarket.ma/cdn/shop/files/GRANIONS-Omega-3-cardio-B30-Gelules_1.jpg?crop=center&height=750&v=1775069023&width=750 750w, //beautymarket.ma/cdn/shop/files/GRANIONS-Omega-3-cardio-B30-Gelules_1.jpg?crop=center&height=800&v=1775069023&width=800 800w, //beautymarket.ma/cdn/shop/files/GRANIONS-Omega-3-cardio-B30-Gelules_1.jpg?crop=center&height=850&v=1775069023&width=850 850w, //beautymarket.ma/cdn/shop/files/GRANIONS-Omega-3-cardio-B30-Gelules_1.jpg?crop=center&height=900&v=1775069023&width=900 900w, //beautymarket.ma/cdn/shop/files/GRANIONS-Omega-3-cardio-B30-Gelules_1.jpg?crop=center&height=950&v=1775069023&width=950 950w, //beautymarket.ma/cdn/shop/files/GRANIONS-Omega-3-cardio-B30-Gelules_1.jpg?crop=center&height=1000&v=1775069023&width=1000 1000w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>40% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/promotions/products/granions-omega-3-cardio"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/granions-omega-3-cardio">Granions Omega 3 Cardio 30 Gélules</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">199.00 dh</s>
<span class="sale" data-price>120.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">199.00 dh</s>
<span class="sale" data-price>120.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8101160386735"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="44526207205551"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8101160386735'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__tabbed_collection-1-8101160386735">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__tabbed_collection-1-8101160386735"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/promotions/products/granions-omega-3-cardio"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8101160386735"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="44526207205551"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8101160386735'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__tabbed_collection-1-8101160386735">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__tabbed_collection-1-8101160386735"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8422595035311"
data-title="L'OREAL PROFESSIONNEL DUO METAL DETOX SHAMPOOING 300 ML + MASQUE 250 ML"
data-url="/products/loreal-professionnel-duo-metal-detox-shampooing-300-ml-masque-250-ml"
data-variant-id="46289492377775"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/loreal-professionnel-duo-metal-detox-shampooing-300-ml-masque-250-ml"
aria-label="L'OREAL PROFESSIONNEL DUO METAL DETOX SHAMPOOING 300 ML + MASQUE 250 ML"
><div
class="image product-item__image aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="L'OREAL PROFESSIONNEL DUO METAL DETOX SHAMPOOING 300 ML + MASQUE 250 ML"
class="image__img"
loading="lazy"
width="1084"
height="1150"
src="//beautymarket.ma/cdn/shop/files/L_orealprii.jpg?v=1763484625&width=320"
srcset="//beautymarket.ma/cdn/shop/files/L_orealprii.jpg?crop=center&height=150&v=1763484625&width=150 150w, //beautymarket.ma/cdn/shop/files/L_orealprii.jpg?crop=center&height=200&v=1763484625&width=200 200w, //beautymarket.ma/cdn/shop/files/L_orealprii.jpg?crop=center&height=240&v=1763484625&width=240 240w, //beautymarket.ma/cdn/shop/files/L_orealprii.jpg?crop=center&height=280&v=1763484625&width=280 280w, //beautymarket.ma/cdn/shop/files/L_orealprii.jpg?crop=center&height=300&v=1763484625&width=300 300w, //beautymarket.ma/cdn/shop/files/L_orealprii.jpg?crop=center&height=360&v=1763484625&width=360 360w, //beautymarket.ma/cdn/shop/files/L_orealprii.jpg?crop=center&height=400&v=1763484625&width=400 400w, //beautymarket.ma/cdn/shop/files/L_orealprii.jpg?crop=center&height=450&v=1763484625&width=450 450w, //beautymarket.ma/cdn/shop/files/L_orealprii.jpg?crop=center&height=500&v=1763484625&width=500 500w, //beautymarket.ma/cdn/shop/files/L_orealprii.jpg?crop=center&height=550&v=1763484625&width=550 550w, //beautymarket.ma/cdn/shop/files/L_orealprii.jpg?crop=center&height=600&v=1763484625&width=600 600w, //beautymarket.ma/cdn/shop/files/L_orealprii.jpg?crop=center&height=650&v=1763484625&width=650 650w, //beautymarket.ma/cdn/shop/files/L_orealprii.jpg?crop=center&height=700&v=1763484625&width=700 700w, //beautymarket.ma/cdn/shop/files/L_orealprii.jpg?crop=center&height=750&v=1763484625&width=750 750w, //beautymarket.ma/cdn/shop/files/L_orealprii.jpg?crop=center&height=800&v=1763484625&width=800 800w, //beautymarket.ma/cdn/shop/files/L_orealprii.jpg?crop=center&height=850&v=1763484625&width=850 850w, //beautymarket.ma/cdn/shop/files/L_orealprii.jpg?crop=center&height=900&v=1763484625&width=900 900w, //beautymarket.ma/cdn/shop/files/L_orealprii.jpg?crop=center&height=950&v=1763484625&width=950 950w, //beautymarket.ma/cdn/shop/files/L_orealprii.jpg?crop=center&height=1000&v=1763484625&width=1000 1000w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>11% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/promotions/products/loreal-professionnel-duo-metal-detox-shampooing-300-ml-masque-250-ml"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/loreal-professionnel-duo-metal-detox-shampooing-300-ml-masque-250-ml">L'OREAL PROFESSIONNEL DUO METAL DETOX SHAMPOOING 300 ML + MASQUE 250 ML</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">459.00 dh</s>
<span class="sale" data-price>409.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">459.00 dh</s>
<span class="sale" data-price>409.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8422595035311"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46289492377775"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8422595035311'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__tabbed_collection-1-8422595035311">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__tabbed_collection-1-8422595035311"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/promotions/products/loreal-professionnel-duo-metal-detox-shampooing-300-ml-masque-250-ml"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8422595035311"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46289492377775"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8422595035311'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__tabbed_collection-1-8422595035311">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__tabbed_collection-1-8422595035311"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8422653722799"
data-title="L'OREAL PROFESSIONNEL DUO VITAMINO COLOR SPECTRUM"
data-url="/products/loreal-professionnel-duo-vitamino-color-spectrum"
data-variant-id="46289657036975"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/loreal-professionnel-duo-vitamino-color-spectrum"
aria-label="L'OREAL PROFESSIONNEL DUO VITAMINO COLOR SPECTRUM"
><div
class="image product-item__image aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="L'OREAL PROFESSIONNEL DUO VITAMINO COLOR SPECTRUM"
class="image__img"
loading="lazy"
width="1000"
height="1000"
src="//beautymarket.ma/cdn/shop/files/3474637324674-1912400.webp?v=1763485728&width=320"
srcset="//beautymarket.ma/cdn/shop/files/3474637324674-1912400.webp?crop=center&height=150&v=1763485728&width=150 150w, //beautymarket.ma/cdn/shop/files/3474637324674-1912400.webp?crop=center&height=200&v=1763485728&width=200 200w, //beautymarket.ma/cdn/shop/files/3474637324674-1912400.webp?crop=center&height=240&v=1763485728&width=240 240w, //beautymarket.ma/cdn/shop/files/3474637324674-1912400.webp?crop=center&height=280&v=1763485728&width=280 280w, //beautymarket.ma/cdn/shop/files/3474637324674-1912400.webp?crop=center&height=300&v=1763485728&width=300 300w, //beautymarket.ma/cdn/shop/files/3474637324674-1912400.webp?crop=center&height=360&v=1763485728&width=360 360w, //beautymarket.ma/cdn/shop/files/3474637324674-1912400.webp?crop=center&height=400&v=1763485728&width=400 400w, //beautymarket.ma/cdn/shop/files/3474637324674-1912400.webp?crop=center&height=450&v=1763485728&width=450 450w, //beautymarket.ma/cdn/shop/files/3474637324674-1912400.webp?crop=center&height=500&v=1763485728&width=500 500w, //beautymarket.ma/cdn/shop/files/3474637324674-1912400.webp?crop=center&height=550&v=1763485728&width=550 550w, //beautymarket.ma/cdn/shop/files/3474637324674-1912400.webp?crop=center&height=600&v=1763485728&width=600 600w, //beautymarket.ma/cdn/shop/files/3474637324674-1912400.webp?crop=center&height=650&v=1763485728&width=650 650w, //beautymarket.ma/cdn/shop/files/3474637324674-1912400.webp?crop=center&height=700&v=1763485728&width=700 700w, //beautymarket.ma/cdn/shop/files/3474637324674-1912400.webp?crop=center&height=750&v=1763485728&width=750 750w, //beautymarket.ma/cdn/shop/files/3474637324674-1912400.webp?crop=center&height=800&v=1763485728&width=800 800w, //beautymarket.ma/cdn/shop/files/3474637324674-1912400.webp?crop=center&height=850&v=1763485728&width=850 850w, //beautymarket.ma/cdn/shop/files/3474637324674-1912400.webp?crop=center&height=900&v=1763485728&width=900 900w, //beautymarket.ma/cdn/shop/files/3474637324674-1912400.webp?crop=center&height=950&v=1763485728&width=950 950w, //beautymarket.ma/cdn/shop/files/3474637324674-1912400.webp?crop=center&height=1000&v=1763485728&width=1000 1000w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>17% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/promotions/products/loreal-professionnel-duo-vitamino-color-spectrum"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/loreal-professionnel-duo-vitamino-color-spectrum">L'OREAL PROFESSIONNEL DUO VITAMINO COLOR SPECTRUM</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">499.00 dh</s>
<span class="sale" data-price>415.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">499.00 dh</s>
<span class="sale" data-price>415.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8422653722799"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46289657036975"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8422653722799'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__tabbed_collection-1-8422653722799">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__tabbed_collection-1-8422653722799"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/promotions/products/loreal-professionnel-duo-vitamino-color-spectrum"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8422653722799"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46289657036975"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8422653722799'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__tabbed_collection-1-8422653722799">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__tabbed_collection-1-8422653722799"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8480892420271"
data-title="WaterWipes – Pack Lingettes Bébé -9x60 Pièces"
data-url="/products/waterwipes-pack-lingettes-bebe-9-x-60-pieces"
data-variant-id="46541110411439"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/waterwipes-pack-lingettes-bebe-9-x-60-pieces"
aria-label="WaterWipes – Pack Lingettes Bébé -9x60 Pièces"
><div
class="image product-item__image aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="WaterWipes – Pack Lingettes Bébé -9x60 Pièces"
class="image__img"
loading="lazy"
width="1080"
height="1080"
src="//beautymarket.ma/cdn/shop/files/CopiedeCopiede_3.png?v=1770290448&width=320"
srcset="//beautymarket.ma/cdn/shop/files/CopiedeCopiede_3.png?crop=center&height=150&v=1770290448&width=150 150w, //beautymarket.ma/cdn/shop/files/CopiedeCopiede_3.png?crop=center&height=200&v=1770290448&width=200 200w, //beautymarket.ma/cdn/shop/files/CopiedeCopiede_3.png?crop=center&height=240&v=1770290448&width=240 240w, //beautymarket.ma/cdn/shop/files/CopiedeCopiede_3.png?crop=center&height=280&v=1770290448&width=280 280w, //beautymarket.ma/cdn/shop/files/CopiedeCopiede_3.png?crop=center&height=300&v=1770290448&width=300 300w, //beautymarket.ma/cdn/shop/files/CopiedeCopiede_3.png?crop=center&height=360&v=1770290448&width=360 360w, //beautymarket.ma/cdn/shop/files/CopiedeCopiede_3.png?crop=center&height=400&v=1770290448&width=400 400w, //beautymarket.ma/cdn/shop/files/CopiedeCopiede_3.png?crop=center&height=450&v=1770290448&width=450 450w, //beautymarket.ma/cdn/shop/files/CopiedeCopiede_3.png?crop=center&height=500&v=1770290448&width=500 500w, //beautymarket.ma/cdn/shop/files/CopiedeCopiede_3.png?crop=center&height=550&v=1770290448&width=550 550w, //beautymarket.ma/cdn/shop/files/CopiedeCopiede_3.png?crop=center&height=600&v=1770290448&width=600 600w, //beautymarket.ma/cdn/shop/files/CopiedeCopiede_3.png?crop=center&height=650&v=1770290448&width=650 650w, //beautymarket.ma/cdn/shop/files/CopiedeCopiede_3.png?crop=center&height=700&v=1770290448&width=700 700w, //beautymarket.ma/cdn/shop/files/CopiedeCopiede_3.png?crop=center&height=750&v=1770290448&width=750 750w, //beautymarket.ma/cdn/shop/files/CopiedeCopiede_3.png?crop=center&height=800&v=1770290448&width=800 800w, //beautymarket.ma/cdn/shop/files/CopiedeCopiede_3.png?crop=center&height=850&v=1770290448&width=850 850w, //beautymarket.ma/cdn/shop/files/CopiedeCopiede_3.png?crop=center&height=900&v=1770290448&width=900 900w, //beautymarket.ma/cdn/shop/files/CopiedeCopiede_3.png?crop=center&height=950&v=1770290448&width=950 950w, //beautymarket.ma/cdn/shop/files/CopiedeCopiede_3.png?crop=center&height=1000&v=1770290448&width=1000 1000w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>22% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/promotions/products/waterwipes-pack-lingettes-bebe-9-x-60-pieces"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/waterwipes-pack-lingettes-bebe-9-x-60-pieces">WaterWipes – Pack Lingettes Bébé -9x60 Pièces</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">530.00 dh</s>
<span class="sale" data-price>415.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">530.00 dh</s>
<span class="sale" data-price>415.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8480892420271"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46541110411439"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8480892420271'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__tabbed_collection-1-8480892420271">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__tabbed_collection-1-8480892420271"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/promotions/products/waterwipes-pack-lingettes-bebe-9-x-60-pieces"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8480892420271"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46541110411439"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8480892420271'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__tabbed_collection-1-8480892420271">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__tabbed_collection-1-8480892420271"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8486596968623"
data-title="ACURE Brightening Gel Nettoyant 118ml+ Brightening Facial Scrub 118ml = Scrub 30ML Offert"
data-url="/products/acure-brightening-gel-nettoyant-118ml-brightening-facial-scrub-118ml-scrub-30ml-offert"
data-variant-id="46572370755759"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/acure-brightening-gel-nettoyant-118ml-brightening-facial-scrub-118ml-scrub-30ml-offert"
aria-label="ACURE Brightening Gel Nettoyant 118ml+ Brightening Facial Scrub 118ml = Scrub 30ML Offert"
><div
class="image product-item__image aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="ACURE Brightening Gel Nettoyant 118ml+ Brightening Facial Scrub 118ml = Scrub 30ML Offert"
class="image__img"
loading="lazy"
width="1080"
height="1080"
src="//beautymarket.ma/cdn/shop/files/Designsanstitre-2026-03-16T125829.745.png?v=1773665924&width=320"
srcset="//beautymarket.ma/cdn/shop/files/Designsanstitre-2026-03-16T125829.745.png?crop=center&height=150&v=1773665924&width=150 150w, //beautymarket.ma/cdn/shop/files/Designsanstitre-2026-03-16T125829.745.png?crop=center&height=200&v=1773665924&width=200 200w, //beautymarket.ma/cdn/shop/files/Designsanstitre-2026-03-16T125829.745.png?crop=center&height=240&v=1773665924&width=240 240w, //beautymarket.ma/cdn/shop/files/Designsanstitre-2026-03-16T125829.745.png?crop=center&height=280&v=1773665924&width=280 280w, //beautymarket.ma/cdn/shop/files/Designsanstitre-2026-03-16T125829.745.png?crop=center&height=300&v=1773665924&width=300 300w, //beautymarket.ma/cdn/shop/files/Designsanstitre-2026-03-16T125829.745.png?crop=center&height=360&v=1773665924&width=360 360w, //beautymarket.ma/cdn/shop/files/Designsanstitre-2026-03-16T125829.745.png?crop=center&height=400&v=1773665924&width=400 400w, //beautymarket.ma/cdn/shop/files/Designsanstitre-2026-03-16T125829.745.png?crop=center&height=450&v=1773665924&width=450 450w, //beautymarket.ma/cdn/shop/files/Designsanstitre-2026-03-16T125829.745.png?crop=center&height=500&v=1773665924&width=500 500w, //beautymarket.ma/cdn/shop/files/Designsanstitre-2026-03-16T125829.745.png?crop=center&height=550&v=1773665924&width=550 550w, //beautymarket.ma/cdn/shop/files/Designsanstitre-2026-03-16T125829.745.png?crop=center&height=600&v=1773665924&width=600 600w, //beautymarket.ma/cdn/shop/files/Designsanstitre-2026-03-16T125829.745.png?crop=center&height=650&v=1773665924&width=650 650w, //beautymarket.ma/cdn/shop/files/Designsanstitre-2026-03-16T125829.745.png?crop=center&height=700&v=1773665924&width=700 700w, //beautymarket.ma/cdn/shop/files/Designsanstitre-2026-03-16T125829.745.png?crop=center&height=750&v=1773665924&width=750 750w, //beautymarket.ma/cdn/shop/files/Designsanstitre-2026-03-16T125829.745.png?crop=center&height=800&v=1773665924&width=800 800w, //beautymarket.ma/cdn/shop/files/Designsanstitre-2026-03-16T125829.745.png?crop=center&height=850&v=1773665924&width=850 850w, //beautymarket.ma/cdn/shop/files/Designsanstitre-2026-03-16T125829.745.png?crop=center&height=900&v=1773665924&width=900 900w, //beautymarket.ma/cdn/shop/files/Designsanstitre-2026-03-16T125829.745.png?crop=center&height=950&v=1773665924&width=950 950w, //beautymarket.ma/cdn/shop/files/Designsanstitre-2026-03-16T125829.745.png?crop=center&height=1000&v=1773665924&width=1000 1000w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/promotions/products/acure-brightening-gel-nettoyant-118ml-brightening-facial-scrub-118ml-scrub-30ml-offert"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/acure-brightening-gel-nettoyant-118ml-brightening-facial-scrub-118ml-scrub-30ml-offert">ACURE Brightening Gel Nettoyant 118ml+ Brightening Facial Scrub 118ml = Scrub 30ML Offert</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span>282.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span>282.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8486596968623"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46572370755759"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8486596968623'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__tabbed_collection-1-8486596968623">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__tabbed_collection-1-8486596968623"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/promotions/products/acure-brightening-gel-nettoyant-118ml-brightening-facial-scrub-118ml-scrub-30ml-offert"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8486596968623"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46572370755759"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8486596968623'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__tabbed_collection-1-8486596968623">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__tabbed_collection-1-8486596968623"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8484860657839"
data-title="ISDIN FUSIONWATER MAGIC REPAIR SPF 50 50ML = EAU MICELLAIRE 100 ML OFFERTE"
data-url="/products/isdin-fusionwater-magic-repair-spf-50-50ml-2-fusion-water-magic-10-ml-offerts"
data-variant-id="46564258152623"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/isdin-fusionwater-magic-repair-spf-50-50ml-2-fusion-water-magic-10-ml-offerts"
aria-label="ISDIN FUSIONWATER MAGIC REPAIR SPF 50 50ML = EAU MICELLAIRE 100 ML OFFERTE"
><div
class="image product-item__image product-item__image--one aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="ISDIN FUSIONWATER MAGIC REPAIR SPF 50 50ML = EAU MICELLAIRE 100 ML OFFERTE"
class="image__img"
loading="lazy"
width="1080"
height="1080"
src="//beautymarket.ma/cdn/shop/files/173.jpg?v=1775045662&width=320"
srcset="//beautymarket.ma/cdn/shop/files/173.jpg?crop=center&height=150&v=1775045662&width=150 150w, //beautymarket.ma/cdn/shop/files/173.jpg?crop=center&height=200&v=1775045662&width=200 200w, //beautymarket.ma/cdn/shop/files/173.jpg?crop=center&height=240&v=1775045662&width=240 240w, //beautymarket.ma/cdn/shop/files/173.jpg?crop=center&height=280&v=1775045662&width=280 280w, //beautymarket.ma/cdn/shop/files/173.jpg?crop=center&height=300&v=1775045662&width=300 300w, //beautymarket.ma/cdn/shop/files/173.jpg?crop=center&height=360&v=1775045662&width=360 360w, //beautymarket.ma/cdn/shop/files/173.jpg?crop=center&height=400&v=1775045662&width=400 400w, //beautymarket.ma/cdn/shop/files/173.jpg?crop=center&height=450&v=1775045662&width=450 450w, //beautymarket.ma/cdn/shop/files/173.jpg?crop=center&height=500&v=1775045662&width=500 500w, //beautymarket.ma/cdn/shop/files/173.jpg?crop=center&height=550&v=1775045662&width=550 550w, //beautymarket.ma/cdn/shop/files/173.jpg?crop=center&height=600&v=1775045662&width=600 600w, //beautymarket.ma/cdn/shop/files/173.jpg?crop=center&height=650&v=1775045662&width=650 650w, //beautymarket.ma/cdn/shop/files/173.jpg?crop=center&height=700&v=1775045662&width=700 700w, //beautymarket.ma/cdn/shop/files/173.jpg?crop=center&height=750&v=1775045662&width=750 750w, //beautymarket.ma/cdn/shop/files/173.jpg?crop=center&height=800&v=1775045662&width=800 800w, //beautymarket.ma/cdn/shop/files/173.jpg?crop=center&height=850&v=1775045662&width=850 850w, //beautymarket.ma/cdn/shop/files/173.jpg?crop=center&height=900&v=1775045662&width=900 900w, //beautymarket.ma/cdn/shop/files/173.jpg?crop=center&height=950&v=1775045662&width=950 950w, //beautymarket.ma/cdn/shop/files/173.jpg?crop=center&height=1000&v=1775045662&width=1000 1000w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div><div
class="image product-item__image product-item__image--two aspect-ratio--square"
style="--object-fit: cover;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="2400"
height="2400"
src="//beautymarket.ma/cdn/shop/files/09.jpg?v=1775045662&width=320"
srcset="//beautymarket.ma/cdn/shop/files/09.jpg?crop=center&height=150&v=1775045662&width=150 150w, //beautymarket.ma/cdn/shop/files/09.jpg?crop=center&height=200&v=1775045662&width=200 200w, //beautymarket.ma/cdn/shop/files/09.jpg?crop=center&height=240&v=1775045662&width=240 240w, //beautymarket.ma/cdn/shop/files/09.jpg?crop=center&height=280&v=1775045662&width=280 280w, //beautymarket.ma/cdn/shop/files/09.jpg?crop=center&height=300&v=1775045662&width=300 300w, //beautymarket.ma/cdn/shop/files/09.jpg?crop=center&height=360&v=1775045662&width=360 360w, //beautymarket.ma/cdn/shop/files/09.jpg?crop=center&height=400&v=1775045662&width=400 400w, //beautymarket.ma/cdn/shop/files/09.jpg?crop=center&height=450&v=1775045662&width=450 450w, //beautymarket.ma/cdn/shop/files/09.jpg?crop=center&height=500&v=1775045662&width=500 500w, //beautymarket.ma/cdn/shop/files/09.jpg?crop=center&height=550&v=1775045662&width=550 550w, //beautymarket.ma/cdn/shop/files/09.jpg?crop=center&height=600&v=1775045662&width=600 600w, //beautymarket.ma/cdn/shop/files/09.jpg?crop=center&height=650&v=1775045662&width=650 650w, //beautymarket.ma/cdn/shop/files/09.jpg?crop=center&height=700&v=1775045662&width=700 700w, //beautymarket.ma/cdn/shop/files/09.jpg?crop=center&height=750&v=1775045662&width=750 750w, //beautymarket.ma/cdn/shop/files/09.jpg?crop=center&height=800&v=1775045662&width=800 800w, //beautymarket.ma/cdn/shop/files/09.jpg?crop=center&height=850&v=1775045662&width=850 850w, //beautymarket.ma/cdn/shop/files/09.jpg?crop=center&height=900&v=1775045662&width=900 900w, //beautymarket.ma/cdn/shop/files/09.jpg?crop=center&height=950&v=1775045662&width=950 950w, //beautymarket.ma/cdn/shop/files/09.jpg?crop=center&height=1000&v=1775045662&width=1000 1000w, //beautymarket.ma/cdn/shop/files/09.jpg?crop=center&height=1100&v=1775045662&width=1100 1100w, //beautymarket.ma/cdn/shop/files/09.jpg?crop=center&height=1200&v=1775045662&width=1200 1200w, //beautymarket.ma/cdn/shop/files/09.jpg?crop=center&height=1300&v=1775045662&width=1300 1300w, //beautymarket.ma/cdn/shop/files/09.jpg?crop=center&height=1400&v=1775045662&width=1400 1400w, //beautymarket.ma/cdn/shop/files/09.jpg?crop=center&height=1500&v=1775045662&width=1500 1500w, //beautymarket.ma/cdn/shop/files/09.jpg?crop=center&height=1600&v=1775045662&width=1600 1600w, //beautymarket.ma/cdn/shop/files/09.jpg?crop=center&height=1700&v=1775045662&width=1700 1700w, //beautymarket.ma/cdn/shop/files/09.jpg?crop=center&height=1800&v=1775045662&width=1800 1800w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>9% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/promotions/products/isdin-fusionwater-magic-repair-spf-50-50ml-2-fusion-water-magic-10-ml-offerts"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/isdin-fusionwater-magic-repair-spf-50-50ml-2-fusion-water-magic-10-ml-offerts">ISDIN FUSIONWATER MAGIC REPAIR SPF 50 50ML = EAU MICELLAIRE 100 ML OFFERTE</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">319.00 dh</s>
<span class="sale" data-price>289.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">319.00 dh</s>
<span class="sale" data-price>289.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8484860657839"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46564258152623"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8484860657839'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__tabbed_collection-1-8484860657839">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__tabbed_collection-1-8484860657839"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/promotions/products/isdin-fusionwater-magic-repair-spf-50-50ml-2-fusion-water-magic-10-ml-offerts"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8484860657839"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46564258152623"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8484860657839'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__tabbed_collection-1-8484860657839">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__tabbed_collection-1-8484860657839"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8484859838639"
data-title="ISDIN FOTOPROTECTOR FUSION WATER MAGIC 50ML = EAU MICELLAIRE 100 ML OFFERTE"
data-url="/products/isdin-fotoprotector-fusion-water-magic-50ml-2-fusion-water-magic-10-ml-offerts"
data-variant-id="46564247437487"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/isdin-fotoprotector-fusion-water-magic-50ml-2-fusion-water-magic-10-ml-offerts"
aria-label="ISDIN FOTOPROTECTOR FUSION WATER MAGIC 50ML = EAU MICELLAIRE 100 ML OFFERTE"
><div
class="image product-item__image product-item__image--one aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="ISDIN FOTOPROTECTOR FUSION WATER MAGIC 50ML = EAU MICELLAIRE 100 ML OFFERTE"
class="image__img"
loading="lazy"
width="1080"
height="1080"
src="//beautymarket.ma/cdn/shop/files/166.jpg?v=1775045095&width=320"
srcset="//beautymarket.ma/cdn/shop/files/166.jpg?crop=center&height=150&v=1775045095&width=150 150w, //beautymarket.ma/cdn/shop/files/166.jpg?crop=center&height=200&v=1775045095&width=200 200w, //beautymarket.ma/cdn/shop/files/166.jpg?crop=center&height=240&v=1775045095&width=240 240w, //beautymarket.ma/cdn/shop/files/166.jpg?crop=center&height=280&v=1775045095&width=280 280w, //beautymarket.ma/cdn/shop/files/166.jpg?crop=center&height=300&v=1775045095&width=300 300w, //beautymarket.ma/cdn/shop/files/166.jpg?crop=center&height=360&v=1775045095&width=360 360w, //beautymarket.ma/cdn/shop/files/166.jpg?crop=center&height=400&v=1775045095&width=400 400w, //beautymarket.ma/cdn/shop/files/166.jpg?crop=center&height=450&v=1775045095&width=450 450w, //beautymarket.ma/cdn/shop/files/166.jpg?crop=center&height=500&v=1775045095&width=500 500w, //beautymarket.ma/cdn/shop/files/166.jpg?crop=center&height=550&v=1775045095&width=550 550w, //beautymarket.ma/cdn/shop/files/166.jpg?crop=center&height=600&v=1775045095&width=600 600w, //beautymarket.ma/cdn/shop/files/166.jpg?crop=center&height=650&v=1775045095&width=650 650w, //beautymarket.ma/cdn/shop/files/166.jpg?crop=center&height=700&v=1775045095&width=700 700w, //beautymarket.ma/cdn/shop/files/166.jpg?crop=center&height=750&v=1775045095&width=750 750w, //beautymarket.ma/cdn/shop/files/166.jpg?crop=center&height=800&v=1775045095&width=800 800w, //beautymarket.ma/cdn/shop/files/166.jpg?crop=center&height=850&v=1775045095&width=850 850w, //beautymarket.ma/cdn/shop/files/166.jpg?crop=center&height=900&v=1775045095&width=900 900w, //beautymarket.ma/cdn/shop/files/166.jpg?crop=center&height=950&v=1775045095&width=950 950w, //beautymarket.ma/cdn/shop/files/166.jpg?crop=center&height=1000&v=1775045095&width=1000 1000w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div><div
class="image product-item__image product-item__image--two aspect-ratio--square"
style="--object-fit: cover;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="2400"
height="2400"
src="//beautymarket.ma/cdn/shop/files/02_0fa5146b-5305-40bd-834e-b5095824f993.jpg?v=1775045095&width=320"
srcset="//beautymarket.ma/cdn/shop/files/02_0fa5146b-5305-40bd-834e-b5095824f993.jpg?crop=center&height=150&v=1775045095&width=150 150w, //beautymarket.ma/cdn/shop/files/02_0fa5146b-5305-40bd-834e-b5095824f993.jpg?crop=center&height=200&v=1775045095&width=200 200w, //beautymarket.ma/cdn/shop/files/02_0fa5146b-5305-40bd-834e-b5095824f993.jpg?crop=center&height=240&v=1775045095&width=240 240w, //beautymarket.ma/cdn/shop/files/02_0fa5146b-5305-40bd-834e-b5095824f993.jpg?crop=center&height=280&v=1775045095&width=280 280w, //beautymarket.ma/cdn/shop/files/02_0fa5146b-5305-40bd-834e-b5095824f993.jpg?crop=center&height=300&v=1775045095&width=300 300w, //beautymarket.ma/cdn/shop/files/02_0fa5146b-5305-40bd-834e-b5095824f993.jpg?crop=center&height=360&v=1775045095&width=360 360w, //beautymarket.ma/cdn/shop/files/02_0fa5146b-5305-40bd-834e-b5095824f993.jpg?crop=center&height=400&v=1775045095&width=400 400w, //beautymarket.ma/cdn/shop/files/02_0fa5146b-5305-40bd-834e-b5095824f993.jpg?crop=center&height=450&v=1775045095&width=450 450w, //beautymarket.ma/cdn/shop/files/02_0fa5146b-5305-40bd-834e-b5095824f993.jpg?crop=center&height=500&v=1775045095&width=500 500w, //beautymarket.ma/cdn/shop/files/02_0fa5146b-5305-40bd-834e-b5095824f993.jpg?crop=center&height=550&v=1775045095&width=550 550w, //beautymarket.ma/cdn/shop/files/02_0fa5146b-5305-40bd-834e-b5095824f993.jpg?crop=center&height=600&v=1775045095&width=600 600w, //beautymarket.ma/cdn/shop/files/02_0fa5146b-5305-40bd-834e-b5095824f993.jpg?crop=center&height=650&v=1775045095&width=650 650w, //beautymarket.ma/cdn/shop/files/02_0fa5146b-5305-40bd-834e-b5095824f993.jpg?crop=center&height=700&v=1775045095&width=700 700w, //beautymarket.ma/cdn/shop/files/02_0fa5146b-5305-40bd-834e-b5095824f993.jpg?crop=center&height=750&v=1775045095&width=750 750w, //beautymarket.ma/cdn/shop/files/02_0fa5146b-5305-40bd-834e-b5095824f993.jpg?crop=center&height=800&v=1775045095&width=800 800w, //beautymarket.ma/cdn/shop/files/02_0fa5146b-5305-40bd-834e-b5095824f993.jpg?crop=center&height=850&v=1775045095&width=850 850w, //beautymarket.ma/cdn/shop/files/02_0fa5146b-5305-40bd-834e-b5095824f993.jpg?crop=center&height=900&v=1775045095&width=900 900w, //beautymarket.ma/cdn/shop/files/02_0fa5146b-5305-40bd-834e-b5095824f993.jpg?crop=center&height=950&v=1775045095&width=950 950w, //beautymarket.ma/cdn/shop/files/02_0fa5146b-5305-40bd-834e-b5095824f993.jpg?crop=center&height=1000&v=1775045095&width=1000 1000w, //beautymarket.ma/cdn/shop/files/02_0fa5146b-5305-40bd-834e-b5095824f993.jpg?crop=center&height=1100&v=1775045095&width=1100 1100w, //beautymarket.ma/cdn/shop/files/02_0fa5146b-5305-40bd-834e-b5095824f993.jpg?crop=center&height=1200&v=1775045095&width=1200 1200w, //beautymarket.ma/cdn/shop/files/02_0fa5146b-5305-40bd-834e-b5095824f993.jpg?crop=center&height=1300&v=1775045095&width=1300 1300w, //beautymarket.ma/cdn/shop/files/02_0fa5146b-5305-40bd-834e-b5095824f993.jpg?crop=center&height=1400&v=1775045095&width=1400 1400w, //beautymarket.ma/cdn/shop/files/02_0fa5146b-5305-40bd-834e-b5095824f993.jpg?crop=center&height=1500&v=1775045095&width=1500 1500w, //beautymarket.ma/cdn/shop/files/02_0fa5146b-5305-40bd-834e-b5095824f993.jpg?crop=center&height=1600&v=1775045095&width=1600 1600w, //beautymarket.ma/cdn/shop/files/02_0fa5146b-5305-40bd-834e-b5095824f993.jpg?crop=center&height=1700&v=1775045095&width=1700 1700w, //beautymarket.ma/cdn/shop/files/02_0fa5146b-5305-40bd-834e-b5095824f993.jpg?crop=center&height=1800&v=1775045095&width=1800 1800w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>25% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/promotions/products/isdin-fotoprotector-fusion-water-magic-50ml-2-fusion-water-magic-10-ml-offerts"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/isdin-fotoprotector-fusion-water-magic-50ml-2-fusion-water-magic-10-ml-offerts">ISDIN FOTOPROTECTOR FUSION WATER MAGIC 50ML = EAU MICELLAIRE 100 ML OFFERTE</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">325.00 dh</s>
<span class="sale" data-price>245.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">325.00 dh</s>
<span class="sale" data-price>245.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8484859838639"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46564247437487"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8484859838639'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__tabbed_collection-1-8484859838639">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__tabbed_collection-1-8484859838639"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/promotions/products/isdin-fotoprotector-fusion-water-magic-50ml-2-fusion-water-magic-10-ml-offerts"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8484859838639"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46564247437487"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8484859838639'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__tabbed_collection-1-8484859838639">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__tabbed_collection-1-8484859838639"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8486336495791"
data-title="SESDERMA COFFRET THE POWER OF 5 C-VIT RADIANCE FLUID 50ML + C-VIT SERUM LIPOSOMAL 30ML"
data-url="/products/sesderma-coffret-the-power-of-5-c-vit-radiance-fluid-50ml-c-vit-serum-liposomal-30ml"
data-variant-id="46570854940847"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/sesderma-coffret-the-power-of-5-c-vit-radiance-fluid-50ml-c-vit-serum-liposomal-30ml"
aria-label="SESDERMA COFFRET THE POWER OF 5 C-VIT RADIANCE FLUID 50ML + C-VIT SERUM LIPOSOMAL 30ML"
><div
class="image product-item__image aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="SESDERMA COFFRET THE POWER OF 5 C-VIT RADIANCE FLUID 50ML + C-VIT SERUM LIPOSOMAL 30ML"
class="image__img"
loading="lazy"
width="1080"
height="1080"
src="//beautymarket.ma/cdn/shop/files/SESDERMAD.jpg?v=1771334547&width=320"
srcset="//beautymarket.ma/cdn/shop/files/SESDERMAD.jpg?crop=center&height=150&v=1771334547&width=150 150w, //beautymarket.ma/cdn/shop/files/SESDERMAD.jpg?crop=center&height=200&v=1771334547&width=200 200w, //beautymarket.ma/cdn/shop/files/SESDERMAD.jpg?crop=center&height=240&v=1771334547&width=240 240w, //beautymarket.ma/cdn/shop/files/SESDERMAD.jpg?crop=center&height=280&v=1771334547&width=280 280w, //beautymarket.ma/cdn/shop/files/SESDERMAD.jpg?crop=center&height=300&v=1771334547&width=300 300w, //beautymarket.ma/cdn/shop/files/SESDERMAD.jpg?crop=center&height=360&v=1771334547&width=360 360w, //beautymarket.ma/cdn/shop/files/SESDERMAD.jpg?crop=center&height=400&v=1771334547&width=400 400w, //beautymarket.ma/cdn/shop/files/SESDERMAD.jpg?crop=center&height=450&v=1771334547&width=450 450w, //beautymarket.ma/cdn/shop/files/SESDERMAD.jpg?crop=center&height=500&v=1771334547&width=500 500w, //beautymarket.ma/cdn/shop/files/SESDERMAD.jpg?crop=center&height=550&v=1771334547&width=550 550w, //beautymarket.ma/cdn/shop/files/SESDERMAD.jpg?crop=center&height=600&v=1771334547&width=600 600w, //beautymarket.ma/cdn/shop/files/SESDERMAD.jpg?crop=center&height=650&v=1771334547&width=650 650w, //beautymarket.ma/cdn/shop/files/SESDERMAD.jpg?crop=center&height=700&v=1771334547&width=700 700w, //beautymarket.ma/cdn/shop/files/SESDERMAD.jpg?crop=center&height=750&v=1771334547&width=750 750w, //beautymarket.ma/cdn/shop/files/SESDERMAD.jpg?crop=center&height=800&v=1771334547&width=800 800w, //beautymarket.ma/cdn/shop/files/SESDERMAD.jpg?crop=center&height=850&v=1771334547&width=850 850w, //beautymarket.ma/cdn/shop/files/SESDERMAD.jpg?crop=center&height=900&v=1771334547&width=900 900w, //beautymarket.ma/cdn/shop/files/SESDERMAD.jpg?crop=center&height=950&v=1771334547&width=950 950w, //beautymarket.ma/cdn/shop/files/SESDERMAD.jpg?crop=center&height=1000&v=1771334547&width=1000 1000w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>17% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/promotions/products/sesderma-coffret-the-power-of-5-c-vit-radiance-fluid-50ml-c-vit-serum-liposomal-30ml"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/sesderma-coffret-the-power-of-5-c-vit-radiance-fluid-50ml-c-vit-serum-liposomal-30ml">SESDERMA COFFRET THE POWER OF 5 C-VIT RADIANCE FLUID 50ML + C-VIT SERUM LIPOSOMAL 30ML</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">789.00 dh</s>
<span class="sale" data-price>655.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">789.00 dh</s>
<span class="sale" data-price>655.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8486336495791"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46570854940847"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8486336495791'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__tabbed_collection-1-8486336495791">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__tabbed_collection-1-8486336495791"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/promotions/products/sesderma-coffret-the-power-of-5-c-vit-radiance-fluid-50ml-c-vit-serum-liposomal-30ml"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8486336495791"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46570854940847"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8486336495791'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__tabbed_collection-1-8486336495791">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__tabbed_collection-1-8486336495791"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="collection-view-all-tile-wrapper">
<div
class="collection-view-all-tile featured-collection-slider-grid-item animation--item"
data-color-scheme="accent"
data-has-image="false"
style="--color-background: #ffffff; --color-background-alpha-80: rgba(255, 255, 255, 0.8); --color-text: #006ec7; --color-text-input: #006ec7; --color-text-link: #006ec7; --color-text-alpha-90: rgba(0, 110, 199, 0.9); --color-text-alpha-80: rgba(0, 110, 199, 0.8); --color-text-alpha-70: rgba(0, 110, 199, 0.7); --color-text-alpha-60: rgba(0, 110, 199, 0.6); --color-text-alpha-50: rgba(0, 110, 199, 0.5); --color-text-alpha-40: rgba(0, 110, 199, 0.4); --color-text-alpha-30: rgba(0, 110, 199, 0.3); --color-text-alpha-25: rgba(0, 110, 199, 0.25); --color-text-alpha-20: rgba(0, 110, 199, 0.2); --color-text-alpha-10: rgba(0, 110, 199, 0.1); --color-text-alpha-05: rgba(0, 110, 199, 0.05);--color-border-input: rgba(0, 110, 199, 0.4);"
><div
class="collection-view-all-tile__overlay-content overlay-content"
data-text-position="center_center"
>
<div
class="overlay-content__text-container image-overlay-content section-blocks"
style=" --text-horizontal-position: center; --text-horizontal-position-mobile: ; --text-vertical-position: center; --text-vertical-position-mobile: ; --text-alignment: center; --text-alignment-mobile: center; "
>
<div class="section-blocks__text ff-body rte fs-body-100" data-alignment="" >
Tout acheter
</div>
<a
href="/collections/promotions">
<span class="icon icon-chevron" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2"/></svg>
</span>
</a>
</div></div>
<a
href="/collections/promotions"
class="collection-view-all-tile__media-link"
aria-label="!!!تخفيضات هامة"
></a></div>
</div>
</div>
</scroll-slider-component>
<div
class="scroll-slider-nav-button-wrapper scroll-slider-nav-button-wrapper--prev"
data-is-small="false"
>
<button
type="button"
class="scroll-slider-nav-button scroll-slider-nav-button--prev hidden"
title="Précédent"
data-scroll-slider-prev-button
name="prev"
>
<span class="icon icon-arrow-short" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 12.4016H11.5H23M23 12.4016L13.8 3M23 12.4016L13.8 21.8032" stroke="currentColor" stroke-width="1.75"/></svg>
</span>
</button>
</div>
<div
class="scroll-slider-nav-button-wrapper scroll-slider-nav-button-wrapper--next"
data-is-small="false"
>
<button
type="button"
class="scroll-slider-nav-button scroll-slider-nav-button--next hidden"
title="Suivant"
data-scroll-slider-next-button
name="next"
>
<span class="icon icon-arrow-short" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 12.4016H11.5H23M23 12.4016L13.8 3M23 12.4016L13.8 21.8032" stroke="currentColor" stroke-width="1.75"/></svg>
</span>
</button>
</div>
<div class="scroll-slider-page-dots" data-scroll-slider-page-dots data-hide-below-720="true"></div>
</div>
<template data-template-key="template--18718532206767__tabbed_collectioncollection_2">
<div
class="tabbed-collections__products featured-collection-slider-grid standard-grid-spacing product-item-holder"
data-standard-grid-spacing-type="product-list">
<script src="//beautymarket.ma/cdn/shop/t/35/assets/scroll-slider.js?v=137308953565903322681754934608" type="module"></script>
<scroll-slider-component
class="scroll-slider scroll-slider--full-width-below-1024 scroll-slider--peek-and-full-width-below-1024 scroll-all-sizes"
style="--columns: 2; --columns-above-720: 4; --columns-above-1024: 5; --peek: 24px; --peek-above-1024: 0px; --gap: 12px; --gap-above-1024: 16px; --gap-above-1200: 24px;"
data-id="tabbed-collections"
data-navigation-container=".tabbed-collections__products"
data-autoplay=""
data-autoplay-delay="0"
data-autoplay-pause-on-hover=""
>
<div class="scroll-slider__slider">
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="7413759770799"
data-title="Cerave gel moussant anti imperfections 236ml"
data-url="/products/cerave-gel-moussant-anti-imperfections-236ml"
data-variant-id="42163468501167"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/cerave-gel-moussant-anti-imperfections-236ml"
aria-label="Cerave gel moussant anti imperfections 236ml"
><div
class="image product-item__image product-item__image--one aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="Cerave gel moussant anti imperfections 236ml"
class="image__img"
loading="lazy"
width="595"
height="655"
src="//beautymarket.ma/cdn/shop/files/huioi.jpg?v=1753281355&width=320"
srcset="//beautymarket.ma/cdn/shop/files/huioi.jpg?crop=center&height=150&v=1753281355&width=150 150w, //beautymarket.ma/cdn/shop/files/huioi.jpg?crop=center&height=200&v=1753281355&width=200 200w, //beautymarket.ma/cdn/shop/files/huioi.jpg?crop=center&height=240&v=1753281355&width=240 240w, //beautymarket.ma/cdn/shop/files/huioi.jpg?crop=center&height=280&v=1753281355&width=280 280w, //beautymarket.ma/cdn/shop/files/huioi.jpg?crop=center&height=300&v=1753281355&width=300 300w, //beautymarket.ma/cdn/shop/files/huioi.jpg?crop=center&height=360&v=1753281355&width=360 360w, //beautymarket.ma/cdn/shop/files/huioi.jpg?crop=center&height=400&v=1753281355&width=400 400w, //beautymarket.ma/cdn/shop/files/huioi.jpg?crop=center&height=450&v=1753281355&width=450 450w, //beautymarket.ma/cdn/shop/files/huioi.jpg?crop=center&height=500&v=1753281355&width=500 500w, //beautymarket.ma/cdn/shop/files/huioi.jpg?crop=center&height=550&v=1753281355&width=550 550w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div><div
class="image product-item__image product-item__image--two aspect-ratio--square"
style="--object-fit: cover;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="800"
height="800"
src="//beautymarket.ma/cdn/shop/files/Plan_de_travail_14_dba3d02e-d8c2-46de-9888-cac637bbd992.png?v=1753281355&width=320"
srcset="//beautymarket.ma/cdn/shop/files/Plan_de_travail_14_dba3d02e-d8c2-46de-9888-cac637bbd992.png?crop=center&height=150&v=1753281355&width=150 150w, //beautymarket.ma/cdn/shop/files/Plan_de_travail_14_dba3d02e-d8c2-46de-9888-cac637bbd992.png?crop=center&height=200&v=1753281355&width=200 200w, //beautymarket.ma/cdn/shop/files/Plan_de_travail_14_dba3d02e-d8c2-46de-9888-cac637bbd992.png?crop=center&height=240&v=1753281355&width=240 240w, //beautymarket.ma/cdn/shop/files/Plan_de_travail_14_dba3d02e-d8c2-46de-9888-cac637bbd992.png?crop=center&height=280&v=1753281355&width=280 280w, //beautymarket.ma/cdn/shop/files/Plan_de_travail_14_dba3d02e-d8c2-46de-9888-cac637bbd992.png?crop=center&height=300&v=1753281355&width=300 300w, //beautymarket.ma/cdn/shop/files/Plan_de_travail_14_dba3d02e-d8c2-46de-9888-cac637bbd992.png?crop=center&height=360&v=1753281355&width=360 360w, //beautymarket.ma/cdn/shop/files/Plan_de_travail_14_dba3d02e-d8c2-46de-9888-cac637bbd992.png?crop=center&height=400&v=1753281355&width=400 400w, //beautymarket.ma/cdn/shop/files/Plan_de_travail_14_dba3d02e-d8c2-46de-9888-cac637bbd992.png?crop=center&height=450&v=1753281355&width=450 450w, //beautymarket.ma/cdn/shop/files/Plan_de_travail_14_dba3d02e-d8c2-46de-9888-cac637bbd992.png?crop=center&height=500&v=1753281355&width=500 500w, //beautymarket.ma/cdn/shop/files/Plan_de_travail_14_dba3d02e-d8c2-46de-9888-cac637bbd992.png?crop=center&height=550&v=1753281355&width=550 550w, //beautymarket.ma/cdn/shop/files/Plan_de_travail_14_dba3d02e-d8c2-46de-9888-cac637bbd992.png?crop=center&height=600&v=1753281355&width=600 600w, //beautymarket.ma/cdn/shop/files/Plan_de_travail_14_dba3d02e-d8c2-46de-9888-cac637bbd992.png?crop=center&height=650&v=1753281355&width=650 650w, //beautymarket.ma/cdn/shop/files/Plan_de_travail_14_dba3d02e-d8c2-46de-9888-cac637bbd992.png?crop=center&height=700&v=1753281355&width=700 700w, //beautymarket.ma/cdn/shop/files/Plan_de_travail_14_dba3d02e-d8c2-46de-9888-cac637bbd992.png?crop=center&height=750&v=1753281355&width=750 750w, //beautymarket.ma/cdn/shop/files/Plan_de_travail_14_dba3d02e-d8c2-46de-9888-cac637bbd992.png?crop=center&height=800&v=1753281355&width=800 800w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>5% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/bestsellers/products/cerave-gel-moussant-anti-imperfections-236ml"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/cerave-gel-moussant-anti-imperfections-236ml">Cerave gel moussant anti imperfections 236ml</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">129.00 dh</s>
<span class="sale" data-price>122.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">129.00 dh</s>
<span class="sale" data-price>122.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="7413759770799"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="42163468501167"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='7413759770799'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__tabbed_collection-2-7413759770799">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__tabbed_collection-2-7413759770799"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/bestsellers/products/cerave-gel-moussant-anti-imperfections-236ml"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="7413759770799"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="42163468501167"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='7413759770799'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__tabbed_collection-2-7413759770799">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__tabbed_collection-2-7413759770799"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="6728874590383"
data-title="EUCERIN – SUN PIGMENT CONTROL FLUID SPF50+ 50 ML"
data-url="/products/eucerin-sun-pigment-control-fluid-spf50-50-ml"
data-variant-id="39909872009391"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/eucerin-sun-pigment-control-fluid-spf50-50-ml"
aria-label="EUCERIN – SUN PIGMENT CONTROL FLUID SPF50+ 50 ML"
><div
class="image product-item__image product-item__image--one aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="EUCERIN – SUN PIGMENT CONTROL FLUID SPF50+ 50 ML"
class="image__img"
loading="lazy"
width="595"
height="655"
src="//beautymarket.ma/cdn/shop/files/BNBBJ_1.png?v=1758110823&width=320"
srcset="//beautymarket.ma/cdn/shop/files/BNBBJ_1.png?crop=center&height=150&v=1758110823&width=150 150w, //beautymarket.ma/cdn/shop/files/BNBBJ_1.png?crop=center&height=200&v=1758110823&width=200 200w, //beautymarket.ma/cdn/shop/files/BNBBJ_1.png?crop=center&height=240&v=1758110823&width=240 240w, //beautymarket.ma/cdn/shop/files/BNBBJ_1.png?crop=center&height=280&v=1758110823&width=280 280w, //beautymarket.ma/cdn/shop/files/BNBBJ_1.png?crop=center&height=300&v=1758110823&width=300 300w, //beautymarket.ma/cdn/shop/files/BNBBJ_1.png?crop=center&height=360&v=1758110823&width=360 360w, //beautymarket.ma/cdn/shop/files/BNBBJ_1.png?crop=center&height=400&v=1758110823&width=400 400w, //beautymarket.ma/cdn/shop/files/BNBBJ_1.png?crop=center&height=450&v=1758110823&width=450 450w, //beautymarket.ma/cdn/shop/files/BNBBJ_1.png?crop=center&height=500&v=1758110823&width=500 500w, //beautymarket.ma/cdn/shop/files/BNBBJ_1.png?crop=center&height=550&v=1758110823&width=550 550w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div><div
class="image product-item__image product-item__image--two aspect-ratio--square"
style="--object-fit: cover;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="1080"
height="1080"
src="//beautymarket.ma/cdn/shop/files/RSDFDS_1.jpg?v=1758110823&width=320"
srcset="//beautymarket.ma/cdn/shop/files/RSDFDS_1.jpg?crop=center&height=150&v=1758110823&width=150 150w, //beautymarket.ma/cdn/shop/files/RSDFDS_1.jpg?crop=center&height=200&v=1758110823&width=200 200w, //beautymarket.ma/cdn/shop/files/RSDFDS_1.jpg?crop=center&height=240&v=1758110823&width=240 240w, //beautymarket.ma/cdn/shop/files/RSDFDS_1.jpg?crop=center&height=280&v=1758110823&width=280 280w, //beautymarket.ma/cdn/shop/files/RSDFDS_1.jpg?crop=center&height=300&v=1758110823&width=300 300w, //beautymarket.ma/cdn/shop/files/RSDFDS_1.jpg?crop=center&height=360&v=1758110823&width=360 360w, //beautymarket.ma/cdn/shop/files/RSDFDS_1.jpg?crop=center&height=400&v=1758110823&width=400 400w, //beautymarket.ma/cdn/shop/files/RSDFDS_1.jpg?crop=center&height=450&v=1758110823&width=450 450w, //beautymarket.ma/cdn/shop/files/RSDFDS_1.jpg?crop=center&height=500&v=1758110823&width=500 500w, //beautymarket.ma/cdn/shop/files/RSDFDS_1.jpg?crop=center&height=550&v=1758110823&width=550 550w, //beautymarket.ma/cdn/shop/files/RSDFDS_1.jpg?crop=center&height=600&v=1758110823&width=600 600w, //beautymarket.ma/cdn/shop/files/RSDFDS_1.jpg?crop=center&height=650&v=1758110823&width=650 650w, //beautymarket.ma/cdn/shop/files/RSDFDS_1.jpg?crop=center&height=700&v=1758110823&width=700 700w, //beautymarket.ma/cdn/shop/files/RSDFDS_1.jpg?crop=center&height=750&v=1758110823&width=750 750w, //beautymarket.ma/cdn/shop/files/RSDFDS_1.jpg?crop=center&height=800&v=1758110823&width=800 800w, //beautymarket.ma/cdn/shop/files/RSDFDS_1.jpg?crop=center&height=850&v=1758110823&width=850 850w, //beautymarket.ma/cdn/shop/files/RSDFDS_1.jpg?crop=center&height=900&v=1758110823&width=900 900w, //beautymarket.ma/cdn/shop/files/RSDFDS_1.jpg?crop=center&height=950&v=1758110823&width=950 950w, //beautymarket.ma/cdn/shop/files/RSDFDS_1.jpg?crop=center&height=1000&v=1758110823&width=1000 1000w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>19% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/bestsellers/products/eucerin-sun-pigment-control-fluid-spf50-50-ml"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/eucerin-sun-pigment-control-fluid-spf50-50-ml">EUCERIN – SUN PIGMENT CONTROL FLUID SPF50+ 50 ML</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">209.00 dh</s>
<span class="sale" data-price>169.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">209.00 dh</s>
<span class="sale" data-price>169.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="6728874590383"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="39909872009391"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='6728874590383'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__tabbed_collection-2-6728874590383">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__tabbed_collection-2-6728874590383"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/bestsellers/products/eucerin-sun-pigment-control-fluid-spf50-50-ml"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="6728874590383"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="39909872009391"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='6728874590383'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__tabbed_collection-2-6728874590383">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__tabbed_collection-2-6728874590383"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="7300097310895"
data-title="Cerave crème réparatrice contour yeux 14ml"
data-url="/products/creme-reparatrice-contour-yeux"
data-variant-id="41803308499119"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/creme-reparatrice-contour-yeux"
aria-label="Cerave crème réparatrice contour yeux 14ml"
><div
class="image product-item__image product-item__image--one aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="Cerave crème réparatrice contour yeux 14ml"
class="image__img"
loading="lazy"
width="595"
height="655"
src="//beautymarket.ma/cdn/shop/files/ee_2f74d4b9-ed0d-411c-ba5a-d3a9a0f44019.jpg?v=1714648560&width=320"
srcset="//beautymarket.ma/cdn/shop/files/ee_2f74d4b9-ed0d-411c-ba5a-d3a9a0f44019.jpg?crop=center&height=150&v=1714648560&width=150 150w, //beautymarket.ma/cdn/shop/files/ee_2f74d4b9-ed0d-411c-ba5a-d3a9a0f44019.jpg?crop=center&height=200&v=1714648560&width=200 200w, //beautymarket.ma/cdn/shop/files/ee_2f74d4b9-ed0d-411c-ba5a-d3a9a0f44019.jpg?crop=center&height=240&v=1714648560&width=240 240w, //beautymarket.ma/cdn/shop/files/ee_2f74d4b9-ed0d-411c-ba5a-d3a9a0f44019.jpg?crop=center&height=280&v=1714648560&width=280 280w, //beautymarket.ma/cdn/shop/files/ee_2f74d4b9-ed0d-411c-ba5a-d3a9a0f44019.jpg?crop=center&height=300&v=1714648560&width=300 300w, //beautymarket.ma/cdn/shop/files/ee_2f74d4b9-ed0d-411c-ba5a-d3a9a0f44019.jpg?crop=center&height=360&v=1714648560&width=360 360w, //beautymarket.ma/cdn/shop/files/ee_2f74d4b9-ed0d-411c-ba5a-d3a9a0f44019.jpg?crop=center&height=400&v=1714648560&width=400 400w, //beautymarket.ma/cdn/shop/files/ee_2f74d4b9-ed0d-411c-ba5a-d3a9a0f44019.jpg?crop=center&height=450&v=1714648560&width=450 450w, //beautymarket.ma/cdn/shop/files/ee_2f74d4b9-ed0d-411c-ba5a-d3a9a0f44019.jpg?crop=center&height=500&v=1714648560&width=500 500w, //beautymarket.ma/cdn/shop/files/ee_2f74d4b9-ed0d-411c-ba5a-d3a9a0f44019.jpg?crop=center&height=550&v=1714648560&width=550 550w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div><div
class="image product-item__image product-item__image--two aspect-ratio--square"
style="--object-fit: cover;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="2000"
height="2000"
src="//beautymarket.ma/cdn/shop/files/Front_texture_79c3dd81-8561-42b1-b50e-dbaa122d542b.jpg?v=1746723844&width=320"
srcset="//beautymarket.ma/cdn/shop/files/Front_texture_79c3dd81-8561-42b1-b50e-dbaa122d542b.jpg?crop=center&height=150&v=1746723844&width=150 150w, //beautymarket.ma/cdn/shop/files/Front_texture_79c3dd81-8561-42b1-b50e-dbaa122d542b.jpg?crop=center&height=200&v=1746723844&width=200 200w, //beautymarket.ma/cdn/shop/files/Front_texture_79c3dd81-8561-42b1-b50e-dbaa122d542b.jpg?crop=center&height=240&v=1746723844&width=240 240w, //beautymarket.ma/cdn/shop/files/Front_texture_79c3dd81-8561-42b1-b50e-dbaa122d542b.jpg?crop=center&height=280&v=1746723844&width=280 280w, //beautymarket.ma/cdn/shop/files/Front_texture_79c3dd81-8561-42b1-b50e-dbaa122d542b.jpg?crop=center&height=300&v=1746723844&width=300 300w, //beautymarket.ma/cdn/shop/files/Front_texture_79c3dd81-8561-42b1-b50e-dbaa122d542b.jpg?crop=center&height=360&v=1746723844&width=360 360w, //beautymarket.ma/cdn/shop/files/Front_texture_79c3dd81-8561-42b1-b50e-dbaa122d542b.jpg?crop=center&height=400&v=1746723844&width=400 400w, //beautymarket.ma/cdn/shop/files/Front_texture_79c3dd81-8561-42b1-b50e-dbaa122d542b.jpg?crop=center&height=450&v=1746723844&width=450 450w, //beautymarket.ma/cdn/shop/files/Front_texture_79c3dd81-8561-42b1-b50e-dbaa122d542b.jpg?crop=center&height=500&v=1746723844&width=500 500w, //beautymarket.ma/cdn/shop/files/Front_texture_79c3dd81-8561-42b1-b50e-dbaa122d542b.jpg?crop=center&height=550&v=1746723844&width=550 550w, //beautymarket.ma/cdn/shop/files/Front_texture_79c3dd81-8561-42b1-b50e-dbaa122d542b.jpg?crop=center&height=600&v=1746723844&width=600 600w, //beautymarket.ma/cdn/shop/files/Front_texture_79c3dd81-8561-42b1-b50e-dbaa122d542b.jpg?crop=center&height=650&v=1746723844&width=650 650w, //beautymarket.ma/cdn/shop/files/Front_texture_79c3dd81-8561-42b1-b50e-dbaa122d542b.jpg?crop=center&height=700&v=1746723844&width=700 700w, //beautymarket.ma/cdn/shop/files/Front_texture_79c3dd81-8561-42b1-b50e-dbaa122d542b.jpg?crop=center&height=750&v=1746723844&width=750 750w, //beautymarket.ma/cdn/shop/files/Front_texture_79c3dd81-8561-42b1-b50e-dbaa122d542b.jpg?crop=center&height=800&v=1746723844&width=800 800w, //beautymarket.ma/cdn/shop/files/Front_texture_79c3dd81-8561-42b1-b50e-dbaa122d542b.jpg?crop=center&height=850&v=1746723844&width=850 850w, //beautymarket.ma/cdn/shop/files/Front_texture_79c3dd81-8561-42b1-b50e-dbaa122d542b.jpg?crop=center&height=900&v=1746723844&width=900 900w, //beautymarket.ma/cdn/shop/files/Front_texture_79c3dd81-8561-42b1-b50e-dbaa122d542b.jpg?crop=center&height=950&v=1746723844&width=950 950w, //beautymarket.ma/cdn/shop/files/Front_texture_79c3dd81-8561-42b1-b50e-dbaa122d542b.jpg?crop=center&height=1000&v=1746723844&width=1000 1000w, //beautymarket.ma/cdn/shop/files/Front_texture_79c3dd81-8561-42b1-b50e-dbaa122d542b.jpg?crop=center&height=1100&v=1746723844&width=1100 1100w, //beautymarket.ma/cdn/shop/files/Front_texture_79c3dd81-8561-42b1-b50e-dbaa122d542b.jpg?crop=center&height=1200&v=1746723844&width=1200 1200w, //beautymarket.ma/cdn/shop/files/Front_texture_79c3dd81-8561-42b1-b50e-dbaa122d542b.jpg?crop=center&height=1300&v=1746723844&width=1300 1300w, //beautymarket.ma/cdn/shop/files/Front_texture_79c3dd81-8561-42b1-b50e-dbaa122d542b.jpg?crop=center&height=1400&v=1746723844&width=1400 1400w, //beautymarket.ma/cdn/shop/files/Front_texture_79c3dd81-8561-42b1-b50e-dbaa122d542b.jpg?crop=center&height=1500&v=1746723844&width=1500 1500w, //beautymarket.ma/cdn/shop/files/Front_texture_79c3dd81-8561-42b1-b50e-dbaa122d542b.jpg?crop=center&height=1600&v=1746723844&width=1600 1600w, //beautymarket.ma/cdn/shop/files/Front_texture_79c3dd81-8561-42b1-b50e-dbaa122d542b.jpg?crop=center&height=1700&v=1746723844&width=1700 1700w, //beautymarket.ma/cdn/shop/files/Front_texture_79c3dd81-8561-42b1-b50e-dbaa122d542b.jpg?crop=center&height=1800&v=1746723844&width=1800 1800w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>3% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/bestsellers/products/creme-reparatrice-contour-yeux"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/creme-reparatrice-contour-yeux">Cerave crème réparatrice contour yeux 14ml</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">105.00 dh</s>
<span class="sale" data-price>102.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">105.00 dh</s>
<span class="sale" data-price>102.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="7300097310895"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="41803308499119"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='7300097310895'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__tabbed_collection-2-7300097310895">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__tabbed_collection-2-7300097310895"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/bestsellers/products/creme-reparatrice-contour-yeux"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="7300097310895"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="41803308499119"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='7300097310895'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__tabbed_collection-2-7300097310895">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__tabbed_collection-2-7300097310895"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="6728784674991"
data-title="Cerave crème hydratante visage pm– 52 ml"
data-url="/products/cerave-creme-hydratante-visage-52-ml"
data-variant-id="39909676187823"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/cerave-creme-hydratante-visage-52-ml"
aria-label="Cerave crème hydratante visage pm– 52 ml"
><div
class="image product-item__image product-item__image--one aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="Cerave crème hydratante visage pm– 52 ml"
class="image__img"
loading="lazy"
width="595"
height="655"
src="//beautymarket.ma/cdn/shop/files/pmcreme.png?v=1763727468&width=320"
srcset="//beautymarket.ma/cdn/shop/files/pmcreme.png?crop=center&height=150&v=1763727468&width=150 150w, //beautymarket.ma/cdn/shop/files/pmcreme.png?crop=center&height=200&v=1763727468&width=200 200w, //beautymarket.ma/cdn/shop/files/pmcreme.png?crop=center&height=240&v=1763727468&width=240 240w, //beautymarket.ma/cdn/shop/files/pmcreme.png?crop=center&height=280&v=1763727468&width=280 280w, //beautymarket.ma/cdn/shop/files/pmcreme.png?crop=center&height=300&v=1763727468&width=300 300w, //beautymarket.ma/cdn/shop/files/pmcreme.png?crop=center&height=360&v=1763727468&width=360 360w, //beautymarket.ma/cdn/shop/files/pmcreme.png?crop=center&height=400&v=1763727468&width=400 400w, //beautymarket.ma/cdn/shop/files/pmcreme.png?crop=center&height=450&v=1763727468&width=450 450w, //beautymarket.ma/cdn/shop/files/pmcreme.png?crop=center&height=500&v=1763727468&width=500 500w, //beautymarket.ma/cdn/shop/files/pmcreme.png?crop=center&height=550&v=1763727468&width=550 550w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div><div
class="image product-item__image product-item__image--two aspect-ratio--square"
style="--object-fit: cover;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="700"
height="875"
src="//beautymarket.ma/cdn/shop/files/CremeHydratanteVisage-TextureBenefices.jpg?v=1763727468&width=320"
srcset="//beautymarket.ma/cdn/shop/files/CremeHydratanteVisage-TextureBenefices.jpg?crop=center&height=150&v=1763727468&width=150 150w, //beautymarket.ma/cdn/shop/files/CremeHydratanteVisage-TextureBenefices.jpg?crop=center&height=200&v=1763727468&width=200 200w, //beautymarket.ma/cdn/shop/files/CremeHydratanteVisage-TextureBenefices.jpg?crop=center&height=240&v=1763727468&width=240 240w, //beautymarket.ma/cdn/shop/files/CremeHydratanteVisage-TextureBenefices.jpg?crop=center&height=280&v=1763727468&width=280 280w, //beautymarket.ma/cdn/shop/files/CremeHydratanteVisage-TextureBenefices.jpg?crop=center&height=300&v=1763727468&width=300 300w, //beautymarket.ma/cdn/shop/files/CremeHydratanteVisage-TextureBenefices.jpg?crop=center&height=360&v=1763727468&width=360 360w, //beautymarket.ma/cdn/shop/files/CremeHydratanteVisage-TextureBenefices.jpg?crop=center&height=400&v=1763727468&width=400 400w, //beautymarket.ma/cdn/shop/files/CremeHydratanteVisage-TextureBenefices.jpg?crop=center&height=450&v=1763727468&width=450 450w, //beautymarket.ma/cdn/shop/files/CremeHydratanteVisage-TextureBenefices.jpg?crop=center&height=500&v=1763727468&width=500 500w, //beautymarket.ma/cdn/shop/files/CremeHydratanteVisage-TextureBenefices.jpg?crop=center&height=550&v=1763727468&width=550 550w, //beautymarket.ma/cdn/shop/files/CremeHydratanteVisage-TextureBenefices.jpg?crop=center&height=600&v=1763727468&width=600 600w, //beautymarket.ma/cdn/shop/files/CremeHydratanteVisage-TextureBenefices.jpg?crop=center&height=650&v=1763727468&width=650 650w, //beautymarket.ma/cdn/shop/files/CremeHydratanteVisage-TextureBenefices.jpg?crop=center&height=700&v=1763727468&width=700 700w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>2% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/bestsellers/products/cerave-creme-hydratante-visage-52-ml"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/cerave-creme-hydratante-visage-52-ml">Cerave crème hydratante visage pm– 52 ml</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">102.00 dh</s>
<span class="sale" data-price>100.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">102.00 dh</s>
<span class="sale" data-price>100.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="6728784674991"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="39909676187823"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='6728784674991'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__tabbed_collection-2-6728784674991">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__tabbed_collection-2-6728784674991"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/bestsellers/products/cerave-creme-hydratante-visage-52-ml"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="6728784674991"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="39909676187823"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='6728784674991'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__tabbed_collection-2-6728784674991">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__tabbed_collection-2-6728784674991"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="6729103442095"
data-title="Vichy Dercos Shampooing Energisant – 400 ml"
data-url="/products/vichy-dercos-shampooing-energisant-400-ml"
data-variant-id="39910434668719"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/vichy-dercos-shampooing-energisant-400-ml"
aria-label="Vichy Dercos Shampooing Energisant – 400 ml"
><div
class="image product-item__image aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="Vichy Dercos Shampooing Energisant – 400 ml"
class="image__img"
loading="lazy"
width="500"
height="500"
src="//beautymarket.ma/cdn/shop/files/CGGTYTY.png?v=1752085906&width=320"
srcset="//beautymarket.ma/cdn/shop/files/CGGTYTY.png?crop=center&height=150&v=1752085906&width=150 150w, //beautymarket.ma/cdn/shop/files/CGGTYTY.png?crop=center&height=200&v=1752085906&width=200 200w, //beautymarket.ma/cdn/shop/files/CGGTYTY.png?crop=center&height=240&v=1752085906&width=240 240w, //beautymarket.ma/cdn/shop/files/CGGTYTY.png?crop=center&height=280&v=1752085906&width=280 280w, //beautymarket.ma/cdn/shop/files/CGGTYTY.png?crop=center&height=300&v=1752085906&width=300 300w, //beautymarket.ma/cdn/shop/files/CGGTYTY.png?crop=center&height=360&v=1752085906&width=360 360w, //beautymarket.ma/cdn/shop/files/CGGTYTY.png?crop=center&height=400&v=1752085906&width=400 400w, //beautymarket.ma/cdn/shop/files/CGGTYTY.png?crop=center&height=450&v=1752085906&width=450 450w, //beautymarket.ma/cdn/shop/files/CGGTYTY.png?crop=center&height=500&v=1752085906&width=500 500w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>15% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/bestsellers/products/vichy-dercos-shampooing-energisant-400-ml"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/vichy-dercos-shampooing-energisant-400-ml">Vichy Dercos Shampooing Energisant – 400 ml</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">215.00 dh</s>
<span class="sale" data-price>182.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">215.00 dh</s>
<span class="sale" data-price>182.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="6729103442095"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="39910434668719"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='6729103442095'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__tabbed_collection-2-6729103442095">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__tabbed_collection-2-6729103442095"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/bestsellers/products/vichy-dercos-shampooing-energisant-400-ml"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="6729103442095"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="39910434668719"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='6729103442095'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__tabbed_collection-2-6729103442095">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__tabbed_collection-2-6729103442095"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="6729107734703"
data-title="Vichy Normaderm Physolution Gel Purifiant Intense 200ml"
data-url="/products/vichy-normaderm-physolution-gel-purifiant-intense-200ml"
data-variant-id="39910443810991"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/vichy-normaderm-physolution-gel-purifiant-intense-200ml"
aria-label="Vichy Normaderm Physolution Gel Purifiant Intense 200ml"
><div
class="image product-item__image product-item__image--one aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="Vichy Normaderm Physolution Gel Purifiant Intense 200ml"
class="image__img"
loading="lazy"
width="500"
height="500"
src="//beautymarket.ma/cdn/shop/files/Plandetravail12_6a05f1bb-0f63-4201-b2b9-f1a14bbbabf8.png?v=1752174610&width=320"
srcset="//beautymarket.ma/cdn/shop/files/Plandetravail12_6a05f1bb-0f63-4201-b2b9-f1a14bbbabf8.png?crop=center&height=150&v=1752174610&width=150 150w, //beautymarket.ma/cdn/shop/files/Plandetravail12_6a05f1bb-0f63-4201-b2b9-f1a14bbbabf8.png?crop=center&height=200&v=1752174610&width=200 200w, //beautymarket.ma/cdn/shop/files/Plandetravail12_6a05f1bb-0f63-4201-b2b9-f1a14bbbabf8.png?crop=center&height=240&v=1752174610&width=240 240w, //beautymarket.ma/cdn/shop/files/Plandetravail12_6a05f1bb-0f63-4201-b2b9-f1a14bbbabf8.png?crop=center&height=280&v=1752174610&width=280 280w, //beautymarket.ma/cdn/shop/files/Plandetravail12_6a05f1bb-0f63-4201-b2b9-f1a14bbbabf8.png?crop=center&height=300&v=1752174610&width=300 300w, //beautymarket.ma/cdn/shop/files/Plandetravail12_6a05f1bb-0f63-4201-b2b9-f1a14bbbabf8.png?crop=center&height=360&v=1752174610&width=360 360w, //beautymarket.ma/cdn/shop/files/Plandetravail12_6a05f1bb-0f63-4201-b2b9-f1a14bbbabf8.png?crop=center&height=400&v=1752174610&width=400 400w, //beautymarket.ma/cdn/shop/files/Plandetravail12_6a05f1bb-0f63-4201-b2b9-f1a14bbbabf8.png?crop=center&height=450&v=1752174610&width=450 450w, //beautymarket.ma/cdn/shop/files/Plandetravail12_6a05f1bb-0f63-4201-b2b9-f1a14bbbabf8.png?crop=center&height=500&v=1752174610&width=500 500w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div><div
class="image product-item__image product-item__image--two aspect-ratio--square"
style="--object-fit: cover;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="500"
height="500"
src="//beautymarket.ma/cdn/shop/files/Plandetravail9_641b33c3-e698-40f3-a830-78985d6e1179.png?v=1752174610&width=320"
srcset="//beautymarket.ma/cdn/shop/files/Plandetravail9_641b33c3-e698-40f3-a830-78985d6e1179.png?crop=center&height=150&v=1752174610&width=150 150w, //beautymarket.ma/cdn/shop/files/Plandetravail9_641b33c3-e698-40f3-a830-78985d6e1179.png?crop=center&height=200&v=1752174610&width=200 200w, //beautymarket.ma/cdn/shop/files/Plandetravail9_641b33c3-e698-40f3-a830-78985d6e1179.png?crop=center&height=240&v=1752174610&width=240 240w, //beautymarket.ma/cdn/shop/files/Plandetravail9_641b33c3-e698-40f3-a830-78985d6e1179.png?crop=center&height=280&v=1752174610&width=280 280w, //beautymarket.ma/cdn/shop/files/Plandetravail9_641b33c3-e698-40f3-a830-78985d6e1179.png?crop=center&height=300&v=1752174610&width=300 300w, //beautymarket.ma/cdn/shop/files/Plandetravail9_641b33c3-e698-40f3-a830-78985d6e1179.png?crop=center&height=360&v=1752174610&width=360 360w, //beautymarket.ma/cdn/shop/files/Plandetravail9_641b33c3-e698-40f3-a830-78985d6e1179.png?crop=center&height=400&v=1752174610&width=400 400w, //beautymarket.ma/cdn/shop/files/Plandetravail9_641b33c3-e698-40f3-a830-78985d6e1179.png?crop=center&height=450&v=1752174610&width=450 450w, //beautymarket.ma/cdn/shop/files/Plandetravail9_641b33c3-e698-40f3-a830-78985d6e1179.png?crop=center&height=500&v=1752174610&width=500 500w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>3% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/bestsellers/products/vichy-normaderm-physolution-gel-purifiant-intense-200ml"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/vichy-normaderm-physolution-gel-purifiant-intense-200ml">Vichy Normaderm Physolution Gel Purifiant Intense 200ml</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">164.00 dh</s>
<span class="sale" data-price>159.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">164.00 dh</s>
<span class="sale" data-price>159.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="6729107734703"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="39910443810991"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='6729107734703'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__tabbed_collection-2-6729107734703">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__tabbed_collection-2-6729107734703"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/bestsellers/products/vichy-normaderm-physolution-gel-purifiant-intense-200ml"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="6729107734703"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="39910443810991"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='6729107734703'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__tabbed_collection-2-6729107734703">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__tabbed_collection-2-6729107734703"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="7600199205039"
data-title="MAYBELLINE NEW YORK – MASCARA LASH SENSATIONAL SKY HIGH = TATTOO LINER OFFERT"
data-url="/products/maybelline-new-york-mascara-lash-sensational-sky-high"
data-variant-id="42721248346287"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/maybelline-new-york-mascara-lash-sensational-sky-high"
aria-label="MAYBELLINE NEW YORK – MASCARA LASH SENSATIONAL SKY HIGH = TATTOO LINER OFFERT"
><div
class="image product-item__image product-item__image--one aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="MAYBELLINE NEW YORK – MASCARA LASH SENSATIONAL SKY HIGH = TATTOO LINER OFFERT"
class="image__img"
loading="lazy"
width="1080"
height="1080"
src="//beautymarket.ma/cdn/shop/files/SKUHIGH.png?v=1771261323&width=320"
srcset="//beautymarket.ma/cdn/shop/files/SKUHIGH.png?crop=center&height=150&v=1771261323&width=150 150w, //beautymarket.ma/cdn/shop/files/SKUHIGH.png?crop=center&height=200&v=1771261323&width=200 200w, //beautymarket.ma/cdn/shop/files/SKUHIGH.png?crop=center&height=240&v=1771261323&width=240 240w, //beautymarket.ma/cdn/shop/files/SKUHIGH.png?crop=center&height=280&v=1771261323&width=280 280w, //beautymarket.ma/cdn/shop/files/SKUHIGH.png?crop=center&height=300&v=1771261323&width=300 300w, //beautymarket.ma/cdn/shop/files/SKUHIGH.png?crop=center&height=360&v=1771261323&width=360 360w, //beautymarket.ma/cdn/shop/files/SKUHIGH.png?crop=center&height=400&v=1771261323&width=400 400w, //beautymarket.ma/cdn/shop/files/SKUHIGH.png?crop=center&height=450&v=1771261323&width=450 450w, //beautymarket.ma/cdn/shop/files/SKUHIGH.png?crop=center&height=500&v=1771261323&width=500 500w, //beautymarket.ma/cdn/shop/files/SKUHIGH.png?crop=center&height=550&v=1771261323&width=550 550w, //beautymarket.ma/cdn/shop/files/SKUHIGH.png?crop=center&height=600&v=1771261323&width=600 600w, //beautymarket.ma/cdn/shop/files/SKUHIGH.png?crop=center&height=650&v=1771261323&width=650 650w, //beautymarket.ma/cdn/shop/files/SKUHIGH.png?crop=center&height=700&v=1771261323&width=700 700w, //beautymarket.ma/cdn/shop/files/SKUHIGH.png?crop=center&height=750&v=1771261323&width=750 750w, //beautymarket.ma/cdn/shop/files/SKUHIGH.png?crop=center&height=800&v=1771261323&width=800 800w, //beautymarket.ma/cdn/shop/files/SKUHIGH.png?crop=center&height=850&v=1771261323&width=850 850w, //beautymarket.ma/cdn/shop/files/SKUHIGH.png?crop=center&height=900&v=1771261323&width=900 900w, //beautymarket.ma/cdn/shop/files/SKUHIGH.png?crop=center&height=950&v=1771261323&width=950 950w, //beautymarket.ma/cdn/shop/files/SKUHIGH.png?crop=center&height=1000&v=1771261323&width=1000 1000w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div><div
class="image product-item__image product-item__image--two aspect-ratio--square"
style="--object-fit: cover;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="595"
height="655"
src="//beautymarket.ma/cdn/shop/files/SDRSER.png?v=1771261323&width=320"
srcset="//beautymarket.ma/cdn/shop/files/SDRSER.png?crop=center&height=150&v=1771261323&width=150 150w, //beautymarket.ma/cdn/shop/files/SDRSER.png?crop=center&height=200&v=1771261323&width=200 200w, //beautymarket.ma/cdn/shop/files/SDRSER.png?crop=center&height=240&v=1771261323&width=240 240w, //beautymarket.ma/cdn/shop/files/SDRSER.png?crop=center&height=280&v=1771261323&width=280 280w, //beautymarket.ma/cdn/shop/files/SDRSER.png?crop=center&height=300&v=1771261323&width=300 300w, //beautymarket.ma/cdn/shop/files/SDRSER.png?crop=center&height=360&v=1771261323&width=360 360w, //beautymarket.ma/cdn/shop/files/SDRSER.png?crop=center&height=400&v=1771261323&width=400 400w, //beautymarket.ma/cdn/shop/files/SDRSER.png?crop=center&height=450&v=1771261323&width=450 450w, //beautymarket.ma/cdn/shop/files/SDRSER.png?crop=center&height=500&v=1771261323&width=500 500w, //beautymarket.ma/cdn/shop/files/SDRSER.png?crop=center&height=550&v=1771261323&width=550 550w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>20% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/bestsellers/products/maybelline-new-york-mascara-lash-sensational-sky-high"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/maybelline-new-york-mascara-lash-sensational-sky-high">MAYBELLINE NEW YORK – MASCARA LASH SENSATIONAL SKY HIGH = TATTOO LINER OFFERT</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">199.00 dh</s>
<span class="sale" data-price>159.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">199.00 dh</s>
<span class="sale" data-price>159.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="7600199205039"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="42721248346287"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='7600199205039'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__tabbed_collection-2-7600199205039">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__tabbed_collection-2-7600199205039"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/bestsellers/products/maybelline-new-york-mascara-lash-sensational-sky-high"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="7600199205039"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="42721248346287"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='7600199205039'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__tabbed_collection-2-7600199205039">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__tabbed_collection-2-7600199205039"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="7558315311279"
data-title="OFFRE CERAVE Crème Lavante Hydratante 473mL + Baume Hydratant 177mL +Crème Hydratante Visage SPF50 52ml"
data-url="/products/superdeal-creme-lavante-hydratante-236ml-baume-hydratant-177ml-creme-hydratante-visage-spf50-52ml"
data-variant-id="42549667266735"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/superdeal-creme-lavante-hydratante-236ml-baume-hydratant-177ml-creme-hydratante-visage-spf50-52ml"
aria-label="OFFRE CERAVE Crème Lavante Hydratante 473mL + Baume Hydratant 177mL +Crème Hydratante Visage SPF50 52ml"
><div
class="image product-item__image aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="OFFRE CERAVE Crème Lavante Hydratante 473mL + Baume Hydratant 177mL +Crème Hydratante Visage SPF50 52ml"
class="image__img"
loading="lazy"
width="1080"
height="1080"
src="//beautymarket.ma/cdn/shop/files/305P_640cbe81-0b5d-4caf-991f-b7be3a190e1e.jpg?v=1721671432&width=320"
srcset="//beautymarket.ma/cdn/shop/files/305P_640cbe81-0b5d-4caf-991f-b7be3a190e1e.jpg?crop=center&height=150&v=1721671432&width=150 150w, //beautymarket.ma/cdn/shop/files/305P_640cbe81-0b5d-4caf-991f-b7be3a190e1e.jpg?crop=center&height=200&v=1721671432&width=200 200w, //beautymarket.ma/cdn/shop/files/305P_640cbe81-0b5d-4caf-991f-b7be3a190e1e.jpg?crop=center&height=240&v=1721671432&width=240 240w, //beautymarket.ma/cdn/shop/files/305P_640cbe81-0b5d-4caf-991f-b7be3a190e1e.jpg?crop=center&height=280&v=1721671432&width=280 280w, //beautymarket.ma/cdn/shop/files/305P_640cbe81-0b5d-4caf-991f-b7be3a190e1e.jpg?crop=center&height=300&v=1721671432&width=300 300w, //beautymarket.ma/cdn/shop/files/305P_640cbe81-0b5d-4caf-991f-b7be3a190e1e.jpg?crop=center&height=360&v=1721671432&width=360 360w, //beautymarket.ma/cdn/shop/files/305P_640cbe81-0b5d-4caf-991f-b7be3a190e1e.jpg?crop=center&height=400&v=1721671432&width=400 400w, //beautymarket.ma/cdn/shop/files/305P_640cbe81-0b5d-4caf-991f-b7be3a190e1e.jpg?crop=center&height=450&v=1721671432&width=450 450w, //beautymarket.ma/cdn/shop/files/305P_640cbe81-0b5d-4caf-991f-b7be3a190e1e.jpg?crop=center&height=500&v=1721671432&width=500 500w, //beautymarket.ma/cdn/shop/files/305P_640cbe81-0b5d-4caf-991f-b7be3a190e1e.jpg?crop=center&height=550&v=1721671432&width=550 550w, //beautymarket.ma/cdn/shop/files/305P_640cbe81-0b5d-4caf-991f-b7be3a190e1e.jpg?crop=center&height=600&v=1721671432&width=600 600w, //beautymarket.ma/cdn/shop/files/305P_640cbe81-0b5d-4caf-991f-b7be3a190e1e.jpg?crop=center&height=650&v=1721671432&width=650 650w, //beautymarket.ma/cdn/shop/files/305P_640cbe81-0b5d-4caf-991f-b7be3a190e1e.jpg?crop=center&height=700&v=1721671432&width=700 700w, //beautymarket.ma/cdn/shop/files/305P_640cbe81-0b5d-4caf-991f-b7be3a190e1e.jpg?crop=center&height=750&v=1721671432&width=750 750w, //beautymarket.ma/cdn/shop/files/305P_640cbe81-0b5d-4caf-991f-b7be3a190e1e.jpg?crop=center&height=800&v=1721671432&width=800 800w, //beautymarket.ma/cdn/shop/files/305P_640cbe81-0b5d-4caf-991f-b7be3a190e1e.jpg?crop=center&height=850&v=1721671432&width=850 850w, //beautymarket.ma/cdn/shop/files/305P_640cbe81-0b5d-4caf-991f-b7be3a190e1e.jpg?crop=center&height=900&v=1721671432&width=900 900w, //beautymarket.ma/cdn/shop/files/305P_640cbe81-0b5d-4caf-991f-b7be3a190e1e.jpg?crop=center&height=950&v=1721671432&width=950 950w, //beautymarket.ma/cdn/shop/files/305P_640cbe81-0b5d-4caf-991f-b7be3a190e1e.jpg?crop=center&height=1000&v=1721671432&width=1000 1000w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>11% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/bestsellers/products/superdeal-creme-lavante-hydratante-236ml-baume-hydratant-177ml-creme-hydratante-visage-spf50-52ml"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/superdeal-creme-lavante-hydratante-236ml-baume-hydratant-177ml-creme-hydratante-visage-spf50-52ml">OFFRE CERAVE Crème Lavante Hydratante 473mL + Baume Hydratant 177mL +Crème Hydratante Visage SPF50 52ml</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">342.00 dh</s>
<span class="sale" data-price>305.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">342.00 dh</s>
<span class="sale" data-price>305.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="7558315311279"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="42549667266735"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='7558315311279'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__tabbed_collection-2-7558315311279">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__tabbed_collection-2-7558315311279"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/bestsellers/products/superdeal-creme-lavante-hydratante-236ml-baume-hydratant-177ml-creme-hydratante-visage-spf50-52ml"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="7558315311279"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="42549667266735"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='7558315311279'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__tabbed_collection-2-7558315311279">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__tabbed_collection-2-7558315311279"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8036716839087"
data-title="BEAUTY OF JOSEON ECRAN SOLAIRE SPF 50+"
data-url="/products/beauty-of-joseon-ecran-solaire-spf-50"
data-variant-id="44183286317231"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/beauty-of-joseon-ecran-solaire-spf-50"
aria-label="BEAUTY OF JOSEON ECRAN SOLAIRE SPF 50+"
><div
class="image product-item__image product-item__image--one aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="BEAUTY OF JOSEON ECRAN SOLAIRE SPF 50+"
class="image__img"
loading="lazy"
width="595"
height="655"
src="//beautymarket.ma/cdn/shop/files/JEAOSE.png?v=1721320629&width=320"
srcset="//beautymarket.ma/cdn/shop/files/JEAOSE.png?crop=center&height=150&v=1721320629&width=150 150w, //beautymarket.ma/cdn/shop/files/JEAOSE.png?crop=center&height=200&v=1721320629&width=200 200w, //beautymarket.ma/cdn/shop/files/JEAOSE.png?crop=center&height=240&v=1721320629&width=240 240w, //beautymarket.ma/cdn/shop/files/JEAOSE.png?crop=center&height=280&v=1721320629&width=280 280w, //beautymarket.ma/cdn/shop/files/JEAOSE.png?crop=center&height=300&v=1721320629&width=300 300w, //beautymarket.ma/cdn/shop/files/JEAOSE.png?crop=center&height=360&v=1721320629&width=360 360w, //beautymarket.ma/cdn/shop/files/JEAOSE.png?crop=center&height=400&v=1721320629&width=400 400w, //beautymarket.ma/cdn/shop/files/JEAOSE.png?crop=center&height=450&v=1721320629&width=450 450w, //beautymarket.ma/cdn/shop/files/JEAOSE.png?crop=center&height=500&v=1721320629&width=500 500w, //beautymarket.ma/cdn/shop/files/JEAOSE.png?crop=center&height=550&v=1721320629&width=550 550w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div><div
class="image product-item__image product-item__image--two aspect-ratio--square"
style="--object-fit: cover;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="595"
height="655"
src="//beautymarket.ma/cdn/shop/files/FFFHJ.png?v=1721320963&width=320"
srcset="//beautymarket.ma/cdn/shop/files/FFFHJ.png?crop=center&height=150&v=1721320963&width=150 150w, //beautymarket.ma/cdn/shop/files/FFFHJ.png?crop=center&height=200&v=1721320963&width=200 200w, //beautymarket.ma/cdn/shop/files/FFFHJ.png?crop=center&height=240&v=1721320963&width=240 240w, //beautymarket.ma/cdn/shop/files/FFFHJ.png?crop=center&height=280&v=1721320963&width=280 280w, //beautymarket.ma/cdn/shop/files/FFFHJ.png?crop=center&height=300&v=1721320963&width=300 300w, //beautymarket.ma/cdn/shop/files/FFFHJ.png?crop=center&height=360&v=1721320963&width=360 360w, //beautymarket.ma/cdn/shop/files/FFFHJ.png?crop=center&height=400&v=1721320963&width=400 400w, //beautymarket.ma/cdn/shop/files/FFFHJ.png?crop=center&height=450&v=1721320963&width=450 450w, //beautymarket.ma/cdn/shop/files/FFFHJ.png?crop=center&height=500&v=1721320963&width=500 500w, //beautymarket.ma/cdn/shop/files/FFFHJ.png?crop=center&height=550&v=1721320963&width=550 550w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>28% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/bestsellers/products/beauty-of-joseon-ecran-solaire-spf-50"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/beauty-of-joseon-ecran-solaire-spf-50">BEAUTY OF JOSEON ECRAN SOLAIRE SPF 50+</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">320.00 dh</s>
<span class="sale" data-price>229.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">320.00 dh</s>
<span class="sale" data-price>229.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8036716839087"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="44183286317231"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8036716839087'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__tabbed_collection-2-8036716839087">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__tabbed_collection-2-8036716839087"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/bestsellers/products/beauty-of-joseon-ecran-solaire-spf-50"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8036716839087"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="44183286317231"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8036716839087'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__tabbed_collection-2-8036716839087">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__tabbed_collection-2-8036716839087"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="collection-view-all-tile-wrapper">
<div
class="collection-view-all-tile featured-collection-slider-grid-item animation--item"
data-color-scheme="accent"
data-has-image="false"
style="--color-background: #ffffff; --color-background-alpha-80: rgba(255, 255, 255, 0.8); --color-text: #006ec7; --color-text-input: #006ec7; --color-text-link: #006ec7; --color-text-alpha-90: rgba(0, 110, 199, 0.9); --color-text-alpha-80: rgba(0, 110, 199, 0.8); --color-text-alpha-70: rgba(0, 110, 199, 0.7); --color-text-alpha-60: rgba(0, 110, 199, 0.6); --color-text-alpha-50: rgba(0, 110, 199, 0.5); --color-text-alpha-40: rgba(0, 110, 199, 0.4); --color-text-alpha-30: rgba(0, 110, 199, 0.3); --color-text-alpha-25: rgba(0, 110, 199, 0.25); --color-text-alpha-20: rgba(0, 110, 199, 0.2); --color-text-alpha-10: rgba(0, 110, 199, 0.1); --color-text-alpha-05: rgba(0, 110, 199, 0.05);--color-border-input: rgba(0, 110, 199, 0.4);"
><div
class="collection-view-all-tile__overlay-content overlay-content"
data-text-position="center_center"
>
<div
class="overlay-content__text-container image-overlay-content section-blocks"
style=" --text-horizontal-position: center; --text-horizontal-position-mobile: ; --text-vertical-position: center; --text-vertical-position-mobile: ; --text-alignment: center; --text-alignment-mobile: center; "
>
<div class="section-blocks__text ff-body rte fs-body-100" data-alignment="" >
Tout acheter
</div>
<a
href="/collections/bestsellers">
<span class="icon icon-chevron" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2"/></svg>
</span>
</a>
</div></div>
<a
href="/collections/bestsellers"
class="collection-view-all-tile__media-link"
aria-label="BESTSELLERS"
></a></div>
</div>
</div>
</scroll-slider-component>
<div
class="scroll-slider-nav-button-wrapper scroll-slider-nav-button-wrapper--prev"
data-is-small="false"
>
<button
type="button"
class="scroll-slider-nav-button scroll-slider-nav-button--prev hidden"
title="Précédent"
data-scroll-slider-prev-button
name="prev"
>
<span class="icon icon-arrow-short" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 12.4016H11.5H23M23 12.4016L13.8 3M23 12.4016L13.8 21.8032" stroke="currentColor" stroke-width="1.75"/></svg>
</span>
</button>
</div>
<div
class="scroll-slider-nav-button-wrapper scroll-slider-nav-button-wrapper--next"
data-is-small="false"
>
<button
type="button"
class="scroll-slider-nav-button scroll-slider-nav-button--next hidden"
title="Suivant"
data-scroll-slider-next-button
name="next"
>
<span class="icon icon-arrow-short" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 12.4016H11.5H23M23 12.4016L13.8 3M23 12.4016L13.8 21.8032" stroke="currentColor" stroke-width="1.75"/></svg>
</span>
</button>
</div>
<div class="scroll-slider-page-dots" data-scroll-slider-page-dots data-hide-below-720="true"></div>
</div>
</template>
<div class="tabbed-collections__slider-dots-spacer"></div>
</div>
</div>
</section><section id="shopify-section-template--18718532206767__slideshow_zq6QjN" class="shopify-section shopify-section--full-width"><div
class="slideshow section section--hero"
data-has-navigation="false"
data-nav-has-background="true"
data-is-single-slide="true"
data-image-height-type="adapt_to_image"
data-section-id="template--18718532206767__slideshow_zq6QjN"
data-section-type="slideshow"
data-scroller-id="slideshow-template--18718532206767__slideshow_zq6QjN"
style=" --custom-height-desktop: 650px; --custom-height-mobile: 450px; --section-style-spacing-top: 0px; --section-style-spacing-bottom: 0px; "
>
<div
class="section-inner"
>
<div class="slideshow__inner">
<script src="//beautymarket.ma/cdn/shop/t/35/assets/scroll-slider.js?v=137308953565903322681754934608" type="module"></script>
<script src="//beautymarket.ma/cdn/shop/t/35/assets/slideshow.js?v=6014208066395939321754934608" type="module"></script>
<slideshow-component
class="scroll-slider scroll-slider--standard-width scroll-all-sizes"
style="--columns: 1; --peek: 0px; --gap: 0px;"
data-id="slideshow-template--18718532206767__slideshow_zq6QjN"
data-navigation-container=".slideshow__inner"
data-autoplay="true"
data-autoplay-delay="6000"
data-autoplay-pause-on-hover=""
data-is-slideshow="true"
>
<div class="scroll-slider__slider">
<div
class="slideshow-slide"
data-index="0"
>
<div class="slideshow-slide__inner">
<div
class="background-image-container image-hero__image-container"
data-has-mobile-image="false"
data-absolutely-position-image="false"
><div
class="image background-image slideshow-slide__image animation--image animation--lazy-load"
style="--focal-alignment: center;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="2880"
height="980"
src="//beautymarket.ma/cdn/shop/files/STEAAMPPPPPFDFDD.png?v=1769533098&width=320"
srcset="//beautymarket.ma/cdn/shop/files/STEAAMPPPPPFDFDD.png?v=1769533098&width=700 700w, //beautymarket.ma/cdn/shop/files/STEAAMPPPPPFDFDD.png?v=1769533098&width=750 750w, //beautymarket.ma/cdn/shop/files/STEAAMPPPPPFDFDD.png?v=1769533098&width=800 800w, //beautymarket.ma/cdn/shop/files/STEAAMPPPPPFDFDD.png?v=1769533098&width=850 850w, //beautymarket.ma/cdn/shop/files/STEAAMPPPPPFDFDD.png?v=1769533098&width=900 900w, //beautymarket.ma/cdn/shop/files/STEAAMPPPPPFDFDD.png?v=1769533098&width=950 950w, //beautymarket.ma/cdn/shop/files/STEAAMPPPPPFDFDD.png?v=1769533098&width=1000 1000w, //beautymarket.ma/cdn/shop/files/STEAAMPPPPPFDFDD.png?v=1769533098&width=1100 1100w, //beautymarket.ma/cdn/shop/files/STEAAMPPPPPFDFDD.png?v=1769533098&width=1200 1200w, //beautymarket.ma/cdn/shop/files/STEAAMPPPPPFDFDD.png?v=1769533098&width=1300 1300w, //beautymarket.ma/cdn/shop/files/STEAAMPPPPPFDFDD.png?v=1769533098&width=1400 1400w, //beautymarket.ma/cdn/shop/files/STEAAMPPPPPFDFDD.png?v=1769533098&width=1500 1500w, //beautymarket.ma/cdn/shop/files/STEAAMPPPPPFDFDD.png?v=1769533098&width=1600 1600w, //beautymarket.ma/cdn/shop/files/STEAAMPPPPPFDFDD.png?v=1769533098&width=1800 1800w, //beautymarket.ma/cdn/shop/files/STEAAMPPPPPFDFDD.png?v=1769533098&width=2000 2000w, //beautymarket.ma/cdn/shop/files/STEAAMPPPPPFDFDD.png?v=1769533098&width=2200 2200w, //beautymarket.ma/cdn/shop/files/STEAAMPPPPPFDFDD.png?v=1769533098&width=2400 2400w, //beautymarket.ma/cdn/shop/files/STEAAMPPPPPFDFDD.png?v=1769533098&width=2600 2600w, //beautymarket.ma/cdn/shop/files/STEAAMPPPPPFDFDD.png?v=1769533098&width=2800 2800w"
sizes="100vw"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div></div>
<div
class="slideshow-slide__overlay image-overlay animation--image-overlay"
data-image-overlay-tint-style="solid" style="--overlay-opacity:0%; --color-overlay-tint: #000;"
></div>
<div
class="slideshow-slide__text-container-wrapper"
style=" --text-horizontal-position: center; --text-horizontal-position-mobile: center; --text-vertical-position: center; --text-vertical-position-mobile: center; --text-alignment: center; --text-alignment-mobile: center; --content-max-width: 500px; "
><div class="slideshow-slide__text-container text-container image-overlay-content animation--item">
<a
href="/products/loreal-professionnel-steampod-4-edition-limitee-meteora-metal-detox-huile-concentre-50-ml-offert"
class="slideshow-slide__image-link"
aria-label="Beauty Market banner"
></a>
<div class="slideshow-slide__text-container-inner text-container-inner section-blocks animation--container">
</div>
</div>
</div>
</div>
</div>
</div>
</slideshow-component>
</div>
</div>
</div>
</section><section id="shopify-section-template--18718532206767__custom_liquid_UdfE6Q" class="shopify-section"><div
class="section"
style="--section-style-spacing-top: 0px; --section-style-spacing-bottom: 0px;"
>
<div class="section-inner">
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Clickable Brands</title>
<style>
body {
font-family: Arial, sans-serif;
margin:0;
}
/* Title */
.title{
text-align:center;
font-weight:bold;
margin:30px 0;
font-size:clamp(20px, 2.5vw, 32px);
}
/* FULL WIDTH WRAPPER */
.brands-wrap{
position:relative;
width:100%; /* 🔥 full width */
padding:0 40px; /* space on sides */
box-sizing:border-box;
}
/* Scroll container */
.brands-scroller{
overflow:visible;
}
/* Grid */
.brands-grid{
display:grid;
grid-template-columns:repeat(6,1fr); /* 6 per row */
gap:40px;
align-items:center;
justify-items:center;
}
/* Logo */
.brand-item img{
width:100%;
height:auto;
display:block;
transition:.3s ease;
}
/* DESKTOP BIG LOGOS */
@media (min-width:769px){
.brand-item img{
max-width:240px; /* 🔥 bigger logos for full width */
}
}
/* MOBILE SIZE */
@media (max-width:768px){
.brand-item img{
max-width:130px;
}
}
/* Hover */
.brand-item:hover img{
transform:scale(1.08);
}
/* Arrows */
.arrow{
position:absolute;
top:50%;
transform:translateY(-50%);
background:transparent;
border:none;
font-size:40px;
color:#000;
cursor:pointer;
z-index:5;
display:none;
}
.arrow.left{ left:5px; }
.arrow.right{ right:5px; }
.arrow:hover{ opacity:0.6; }
/* MOBILE SCROLL */
@media (max-width:768px){
.brands-scroller{
overflow-x:auto;
overflow-y:hidden;
scroll-behavior:smooth;
-webkit-overflow-scrolling:touch;
}
.brands-grid{
width:200%; /* 6 columns total, show 3 on mobile */
gap:20px;
}
.arrow{
display:block;
}
.brands-scroller::-webkit-scrollbar{
display:none;
}
}
</style>
</head>
<body>
<h2 class="title">LES BOUTIQUES OFFICIELLES</h2>
<div class="brands-wrap">
<button class="arrow left" onclick="scrollBrands(-1)">‹</button>
<button class="arrow right" onclick="scrollBrands(1)">›</button>
<div class="brands-scroller" id="brandsScroller">
<section class="brands-grid">
<!-- 12 LOGOS -->
<a class="brand-item" href="https://beautymarket.ma/pages/la-roche-posay-1"><img src="https://cdn.shopify.com/s/files/1/0572/7938/1679/files/1fbffdaff0f05d41fe20b9fa98954363.png?v=1720191580"></a>
<a class="brand-item" href="https://beautymarket.ma/pages/dercos"><img src="https://cdn.shopify.com/s/files/1/0572/7938/1679/files/dercos-logo-2CB17581FD-seeklogo.com.png?v=1720106703"></a>
<a class="brand-item" href="https://beautymarket.ma/pages/vichy-1"><img src="https://cdn.shopify.com/s/files/1/0572/7938/1679/files/Vichy-Logo.jpg?v=1710412751"></a>
<a class="brand-item" href="https://beautymarket.ma/pages/cerave-bo"><img src="https://cdn.shopify.com/s/files/1/0572/7938/1679/files/01dfadb784cdcd91ebb730d30592b481_d257035d-cd4d-49c8-a598-f80b11b795bb.png?v=1720191787"></a>
<a class="brand-item" href="https://beautymarket.ma/pages/erborian"><img src="https://cdn.shopify.com/s/files/1/0572/7938/1679/files/Artboard_2.png?v=1722431030"></a>
<a class="brand-item" href="https://beautymarket.ma/pages/maybelline"><img src="https://cdn.shopify.com/s/files/1/0572/7938/1679/files/Artboard_3.png?v=1722431030"></a>
<!-- NEW LOGO 1 -->
<a class="brand-item" href="https://beautymarket.ma/pages/premium">
<img src="https://cdn.shopify.com/s/files/1/0572/7938/1679/files/LOGO_NOIR.png?v=1771592429">
</a>
<!-- NEW LOGO 2 -->
<a class="brand-item" href="https://beautymarket.ma/pages/loreal-paris">
<img src="https://cdn.shopify.com/s/files/1/0572/7938/1679/files/LOREAL_PARS_LOGO.png?v=1771272564">
</a>
<a class="brand-item" href="https://beautymarket.ma/pages/mixa"><img src="https://cdn.shopify.com/s/files/1/0572/7938/1679/files/MIXALOGO.png?v=1722443133"></a>
<a class="brand-item" href="https://beautymarket.ma/pages/loreal-professionnel"><img src="https://cdn.shopify.com/s/files/1/0572/7938/1679/files/LP_logo.jpg?v=1727345815"></a>
<a class="brand-item" href="https://beautymarket.ma/pages/garnier"><img src="https://cdn.shopify.com/s/files/1/0572/7938/1679/files/GARNIER_LOGOOOO.png?v=1771272564"></a>
<a class="brand-item" href="https://beautymarket.ma/collections/vendors?q=Eucerin"><img src="https://cdn.shopify.com/s/files/1/0572/7938/1679/files/eucerin_logo.jpg?v=1727347865"></a>
</section>
</div>
</div>
<script>
function scrollBrands(direction){
const container = document.getElementById("brandsScroller");
const scrollAmount = container.clientWidth;
container.scrollBy({
left: direction * scrollAmount,
behavior: "smooth"
});
}
</script>
<style> </style>
<div id="shopify-block-AQkFycW5BY3ZtaXMya__16987187365865460165" class="shopify-block shopify-app-block"><div id="ez-pre-order"></div>
<script>
const preOrderProduct = null
if (preOrderProduct) {
preOrderProduct.variants = []
window.preOrderProduct = preOrderProduct
}
</script>
</div><div id="shopify-block-ARjVicGFWZlR2eEcxc__8208493610395315515" class="shopify-block shopify-app-block"><div></div>
</div></body>
</html>
</div>
</div>
</section><section id="shopify-section-template--18718532206767__grid_rWHdVE" class="shopify-section"><div
class="grid section"
style=" --grid-spacing: 24px; --color-background: #ffffff; --color-background-alpha-80: rgba(255, 255, 255, 0.8); --color-text: #121212; --color-text-input: #121212; --color-text-link: #ffa6a8; --color-text-alpha-90: rgba(18, 18, 18, 0.9); --color-text-alpha-80: rgba(18, 18, 18, 0.8); --color-text-alpha-70: rgba(18, 18, 18, 0.7); --color-text-alpha-60: rgba(18, 18, 18, 0.6); --color-text-alpha-50: rgba(18, 18, 18, 0.5); --color-text-alpha-40: rgba(18, 18, 18, 0.4); --color-text-alpha-30: rgba(18, 18, 18, 0.3); --color-text-alpha-25: rgba(18, 18, 18, 0.25); --color-text-alpha-20: rgba(18, 18, 18, 0.2); --color-text-alpha-10: rgba(18, 18, 18, 0.1); --color-text-alpha-05: rgba(18, 18, 18, 0.05);--color-border-input: rgba(68, 68, 68, 0.4); --section-style-spacing-top: 12px; --section-style-spacing-bottom: 0px; "
data-section-id="template--18718532206767__grid_rWHdVE"
data-section-type="grid"
>
<div
class="section-inner"
>
<div class="grid__inner"><div
class="grid-item grid-item--width-100 animation--item"
style=" --height: 560px; --mobile-height: 400px; --text-horizontal-position: flex-start; --text-horizontal-position-mobile: flex-start; --text-vertical-position: flex-end; --text-vertical-position-mobile: flex-end; --text-alignment: left; --text-alignment-mobile: left; "
>
<div class="grid-item__inner">
<div
class="background-image-container image-hero__image-container"
data-has-mobile-image="true"
data-absolutely-position-image="true"
><div
class="image background-image background-image--mobile grid-item__image grid-item__image--mobile animation--image animation--lazy-load"
style="--focal-alignment: center;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="500"
height="600"
src="//beautymarket.ma/cdn/shop/files/Plan_de_travail_2_7be57664-0bf2-4104-ae27-76a373064db8.png?v=1752862062&width=320"
srcset=""
sizes="(min-width: 960px) calc(calc(100vw - calc(2 * clamp(24px, 2vw, 36px))) * 1.0), (min-width: 960px) calc(100vw - calc(2 * clamp(24px, 2vw, 36px))), calc(100vw - calc(2 * 16px))"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div><div
class="image background-image grid-item__image aspect-ratio--externally_set animation--image animation--lazy-load"
style="--focal-alignment: center;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="1920"
height="616"
src="//beautymarket.ma/cdn/shop/files/Plan_de_travail_1_213aaa8a-527c-4fb5-8c25-2c1ebebf614f.png?v=1752862033&width=320"
srcset="//beautymarket.ma/cdn/shop/files/Plan_de_travail_1_213aaa8a-527c-4fb5-8c25-2c1ebebf614f.png?v=1752862033&width=700 700w, //beautymarket.ma/cdn/shop/files/Plan_de_travail_1_213aaa8a-527c-4fb5-8c25-2c1ebebf614f.png?v=1752862033&width=750 750w, //beautymarket.ma/cdn/shop/files/Plan_de_travail_1_213aaa8a-527c-4fb5-8c25-2c1ebebf614f.png?v=1752862033&width=800 800w, //beautymarket.ma/cdn/shop/files/Plan_de_travail_1_213aaa8a-527c-4fb5-8c25-2c1ebebf614f.png?v=1752862033&width=850 850w, //beautymarket.ma/cdn/shop/files/Plan_de_travail_1_213aaa8a-527c-4fb5-8c25-2c1ebebf614f.png?v=1752862033&width=900 900w, //beautymarket.ma/cdn/shop/files/Plan_de_travail_1_213aaa8a-527c-4fb5-8c25-2c1ebebf614f.png?v=1752862033&width=950 950w, //beautymarket.ma/cdn/shop/files/Plan_de_travail_1_213aaa8a-527c-4fb5-8c25-2c1ebebf614f.png?v=1752862033&width=1000 1000w, //beautymarket.ma/cdn/shop/files/Plan_de_travail_1_213aaa8a-527c-4fb5-8c25-2c1ebebf614f.png?v=1752862033&width=1100 1100w, //beautymarket.ma/cdn/shop/files/Plan_de_travail_1_213aaa8a-527c-4fb5-8c25-2c1ebebf614f.png?v=1752862033&width=1200 1200w, //beautymarket.ma/cdn/shop/files/Plan_de_travail_1_213aaa8a-527c-4fb5-8c25-2c1ebebf614f.png?v=1752862033&width=1300 1300w, //beautymarket.ma/cdn/shop/files/Plan_de_travail_1_213aaa8a-527c-4fb5-8c25-2c1ebebf614f.png?v=1752862033&width=1400 1400w, //beautymarket.ma/cdn/shop/files/Plan_de_travail_1_213aaa8a-527c-4fb5-8c25-2c1ebebf614f.png?v=1752862033&width=1500 1500w, //beautymarket.ma/cdn/shop/files/Plan_de_travail_1_213aaa8a-527c-4fb5-8c25-2c1ebebf614f.png?v=1752862033&width=1600 1600w, //beautymarket.ma/cdn/shop/files/Plan_de_travail_1_213aaa8a-527c-4fb5-8c25-2c1ebebf614f.png?v=1752862033&width=1800 1800w"
sizes="(min-width: 960px) calc(calc(100vw - calc(2 * clamp(24px, 2vw, 36px))) * 1.0), (min-width: 960px) calc(100vw - calc(2 * clamp(24px, 2vw, 36px))), calc(100vw - calc(2 * 16px))"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div></div>
<div
class="image-overlay animation--image-overlay"></div>
<div class="grid-item__text-container-wrapper"><a
href="/pages/dermocorner-soins-dermo-cosmetiques-la-roche-posay-vichy-cerave"
class="grid-item__media-link"
aria-label="/pages/dermocorner-soins-dermo-cosmetiques-la-roche-posay-vichy-cerave"
></a><div
class="grid-item__text-container image-overlay-content"
style="--color-text: #FFFFFF; --color-background: #000; --color-text-alpha-90: rgba(255, 255, 255, 0.9); --color-text-alpha-80: rgba(255, 255, 255, 0.8); --color-text-alpha-70: rgba(255, 255, 255, 0.7); --color-text-alpha-60: rgba(255, 255, 255, 0.6); --color-text-alpha-50: rgba(255, 255, 255, 0.5); --color-text-alpha-40: rgba(255, 255, 255, 0.4); --color-text-alpha-30: rgba(255, 255, 255, 0.3); --color-text-alpha-25: rgba(255, 255, 255, 0.25); --color-text-alpha-20: rgba(255, 255, 255, 0.2); --color-text-alpha-10: rgba(255, 255, 255, 0.1); --color-text-alpha-05: rgba(255, 255, 255, 0.05);"
>
<div class="grid-item__text-container-inner section-blocks"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section><section id="shopify-section-template--18718532206767__featured_collection_with_media_1" class="shopify-section"><div
class="featured-collection-with-media section"
style=" --section-style-spacing-top: 16px; --section-style-spacing-bottom: 36px; --num-columns-desktop: 3; "
data-section-id="template--18718532206767__featured_collection_with_media_1"
data-section-type="featured-collection-with-media"
>
<div class="section-inner">
<div
class="featured-collection-with-media__inner"
style=" --media-width: 40%; --media-height: 350px; --media-height-mobile: 400px; "
data-media-position="left"
data-media-position-mobile="above"
>
<div
class="featured-collection-with-media__media-block featured-collection-slider-grid-item animation--item"
>
<div
class="background-image-container image-hero__image-container"
data-has-mobile-image="false"
data-absolutely-position-image="true"
><div
class="image background-image featured-collection-with-media__image animation--image animation--lazy-load"
style="--focal-alignment: center;--object-fit: cover;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="600"
height="1067"
src="//beautymarket.ma/cdn/shop/files/ezgif-2-52338adff4_2.gif?v=1718092589&width=320"
srcset=""
sizes="(min-width: 960px) 50vw, 100vw"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div></div>
<div
class="featured-collection-with-media__overlay image-overlay animation--image-overlay"></div><div
class="featured-collection-with-media__overlay-content overlay-content"
data-text-position="center_flex-end"
style="--max-content-width: 400px;"
>
<div
class="overlay-content__text-container image-overlay-content section-blocks"
style=" --color-text: #FFFFFF; --color-background: #000; --color-text-alpha-90: rgba(255, 255, 255, 0.9); --color-text-alpha-80: rgba(255, 255, 255, 0.8); --color-text-alpha-70: rgba(255, 255, 255, 0.7); --color-text-alpha-60: rgba(255, 255, 255, 0.6); --color-text-alpha-50: rgba(255, 255, 255, 0.5); --color-text-alpha-40: rgba(255, 255, 255, 0.4); --color-text-alpha-30: rgba(255, 255, 255, 0.3); --color-text-alpha-25: rgba(255, 255, 255, 0.25); --color-text-alpha-20: rgba(255, 255, 255, 0.2); --color-text-alpha-10: rgba(255, 255, 255, 0.1); --color-text-alpha-05: rgba(255, 255, 255, 0.05); --text-horizontal-position: center; --text-horizontal-position-mobile: center; --text-vertical-position: flex-end; --text-vertical-position-mobile: flex-end; --text-alignment: center; --text-alignment-mobile: center; "
>
<div class="section-blocks__button" ><div class="button-wrapper" data-alignment="none">
<a class="btn btn--text" href="/collections/acne">
<span>Voir tous</span>
</a>
</div>
</div>
</div></div>
</div>
<div class="featured-collection-with-media__products-wrapper">
<div
class="featured-collection-with-media__products featured-collection-slider-grid standard-grid-spacing product-item-holder"
data-standard-grid-spacing-type="product-list">
<script src="//beautymarket.ma/cdn/shop/t/35/assets/scroll-slider.js?v=137308953565903322681754934608" type="module"></script>
<scroll-slider-component
class="scroll-slider scroll-slider--full-width-below-860 scroll-slider--peek-and-full-width-below-860 scroll-all-sizes"
style="--columns: 2; --columns-above-720: 3; --columns-above-860: 3; --peek: 24px; --peek-above-860: 0px; --gap: 12px; --gap-above-1024: 16px; --gap-above-1200: 24px;"
data-id="featured-collection-with-media"
data-navigation-container=".featured-collection-with-media__products-wrapper"
data-autoplay=""
data-autoplay-delay="0"
data-autoplay-pause-on-hover=""
>
<div class="scroll-slider__slider">
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="6728937046191"
data-title="La Roche-Posay Effaclar Duo+M 40ml – Anti-Imperfections Peaux Grasses"
data-url="/products/la-roche-posay-effaclar-duo-m-40ml-anti-imperfections-peaux-grasses"
data-variant-id="39910041845935"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/la-roche-posay-effaclar-duo-m-40ml-anti-imperfections-peaux-grasses"
aria-label="La Roche-Posay Effaclar Duo+M 40ml – Anti-Imperfections Peaux Grasses"
><div
class="image product-item__image aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="La Roche-Posay Effaclar Duo+M 40ml – Anti-Imperfections Peaux Grasses "
class="image__img"
loading="lazy"
width="700"
height="700"
src="//beautymarket.ma/cdn/shop/files/la-roche-posay-effaclar-duo-m-40-ml.jpg?v=1768586487&width=320"
srcset="//beautymarket.ma/cdn/shop/files/la-roche-posay-effaclar-duo-m-40-ml.jpg?crop=center&height=150&v=1768586487&width=150 150w, //beautymarket.ma/cdn/shop/files/la-roche-posay-effaclar-duo-m-40-ml.jpg?crop=center&height=200&v=1768586487&width=200 200w, //beautymarket.ma/cdn/shop/files/la-roche-posay-effaclar-duo-m-40-ml.jpg?crop=center&height=240&v=1768586487&width=240 240w, //beautymarket.ma/cdn/shop/files/la-roche-posay-effaclar-duo-m-40-ml.jpg?crop=center&height=280&v=1768586487&width=280 280w, //beautymarket.ma/cdn/shop/files/la-roche-posay-effaclar-duo-m-40-ml.jpg?crop=center&height=300&v=1768586487&width=300 300w, //beautymarket.ma/cdn/shop/files/la-roche-posay-effaclar-duo-m-40-ml.jpg?crop=center&height=360&v=1768586487&width=360 360w, //beautymarket.ma/cdn/shop/files/la-roche-posay-effaclar-duo-m-40-ml.jpg?crop=center&height=400&v=1768586487&width=400 400w, //beautymarket.ma/cdn/shop/files/la-roche-posay-effaclar-duo-m-40-ml.jpg?crop=center&height=450&v=1768586487&width=450 450w, //beautymarket.ma/cdn/shop/files/la-roche-posay-effaclar-duo-m-40-ml.jpg?crop=center&height=500&v=1768586487&width=500 500w, //beautymarket.ma/cdn/shop/files/la-roche-posay-effaclar-duo-m-40-ml.jpg?crop=center&height=550&v=1768586487&width=550 550w, //beautymarket.ma/cdn/shop/files/la-roche-posay-effaclar-duo-m-40-ml.jpg?crop=center&height=600&v=1768586487&width=600 600w, //beautymarket.ma/cdn/shop/files/la-roche-posay-effaclar-duo-m-40-ml.jpg?crop=center&height=650&v=1768586487&width=650 650w, //beautymarket.ma/cdn/shop/files/la-roche-posay-effaclar-duo-m-40-ml.jpg?crop=center&height=700&v=1768586487&width=700 700w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 3), 450px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>4% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/acne/products/la-roche-posay-effaclar-duo-m-40ml-anti-imperfections-peaux-grasses"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/la-roche-posay-effaclar-duo-m-40ml-anti-imperfections-peaux-grasses">La Roche-Posay Effaclar Duo+M 40ml – Anti-Imperfections Peaux Grasses</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">189.00 dh</s>
<span class="sale" data-price>182.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">189.00 dh</s>
<span class="sale" data-price>182.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="6728937046191"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="39910041845935"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='6728937046191'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_with_media_1-6728937046191">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_with_media_1-6728937046191"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/acne/products/la-roche-posay-effaclar-duo-m-40ml-anti-imperfections-peaux-grasses"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="6728937046191"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="39910041845935"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='6728937046191'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_with_media_1-6728937046191">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_with_media_1-6728937046191"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="6728927609007"
data-title="La roche-posay effaclar gel moussant 400 ml"
data-url="/products/la-roche-posay-effaclar-gel-moussant-400-ml"
data-variant-id="42803960053935"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/la-roche-posay-effaclar-gel-moussant-400-ml"
aria-label="La roche-posay effaclar gel moussant 400 ml"
><div
class="image product-item__image product-item__image--one aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="La roche-posay effaclar gel moussant 400 ml"
class="image__img"
loading="lazy"
width="2000"
height="2000"
src="//beautymarket.ma/cdn/shop/files/H._TEXTURE.png?v=1768216185&width=320"
srcset="//beautymarket.ma/cdn/shop/files/H._TEXTURE.png?crop=center&height=150&v=1768216185&width=150 150w, //beautymarket.ma/cdn/shop/files/H._TEXTURE.png?crop=center&height=200&v=1768216185&width=200 200w, //beautymarket.ma/cdn/shop/files/H._TEXTURE.png?crop=center&height=240&v=1768216185&width=240 240w, //beautymarket.ma/cdn/shop/files/H._TEXTURE.png?crop=center&height=280&v=1768216185&width=280 280w, //beautymarket.ma/cdn/shop/files/H._TEXTURE.png?crop=center&height=300&v=1768216185&width=300 300w, //beautymarket.ma/cdn/shop/files/H._TEXTURE.png?crop=center&height=360&v=1768216185&width=360 360w, //beautymarket.ma/cdn/shop/files/H._TEXTURE.png?crop=center&height=400&v=1768216185&width=400 400w, //beautymarket.ma/cdn/shop/files/H._TEXTURE.png?crop=center&height=450&v=1768216185&width=450 450w, //beautymarket.ma/cdn/shop/files/H._TEXTURE.png?crop=center&height=500&v=1768216185&width=500 500w, //beautymarket.ma/cdn/shop/files/H._TEXTURE.png?crop=center&height=550&v=1768216185&width=550 550w, //beautymarket.ma/cdn/shop/files/H._TEXTURE.png?crop=center&height=600&v=1768216185&width=600 600w, //beautymarket.ma/cdn/shop/files/H._TEXTURE.png?crop=center&height=650&v=1768216185&width=650 650w, //beautymarket.ma/cdn/shop/files/H._TEXTURE.png?crop=center&height=700&v=1768216185&width=700 700w, //beautymarket.ma/cdn/shop/files/H._TEXTURE.png?crop=center&height=750&v=1768216185&width=750 750w, //beautymarket.ma/cdn/shop/files/H._TEXTURE.png?crop=center&height=800&v=1768216185&width=800 800w, //beautymarket.ma/cdn/shop/files/H._TEXTURE.png?crop=center&height=850&v=1768216185&width=850 850w, //beautymarket.ma/cdn/shop/files/H._TEXTURE.png?crop=center&height=900&v=1768216185&width=900 900w, //beautymarket.ma/cdn/shop/files/H._TEXTURE.png?crop=center&height=950&v=1768216185&width=950 950w, //beautymarket.ma/cdn/shop/files/H._TEXTURE.png?crop=center&height=1000&v=1768216185&width=1000 1000w, //beautymarket.ma/cdn/shop/files/H._TEXTURE.png?crop=center&height=1100&v=1768216185&width=1100 1100w, //beautymarket.ma/cdn/shop/files/H._TEXTURE.png?crop=center&height=1200&v=1768216185&width=1200 1200w, //beautymarket.ma/cdn/shop/files/H._TEXTURE.png?crop=center&height=1300&v=1768216185&width=1300 1300w, //beautymarket.ma/cdn/shop/files/H._TEXTURE.png?crop=center&height=1400&v=1768216185&width=1400 1400w, //beautymarket.ma/cdn/shop/files/H._TEXTURE.png?crop=center&height=1500&v=1768216185&width=1500 1500w, //beautymarket.ma/cdn/shop/files/H._TEXTURE.png?crop=center&height=1600&v=1768216185&width=1600 1600w, //beautymarket.ma/cdn/shop/files/H._TEXTURE.png?crop=center&height=1700&v=1768216185&width=1700 1700w, //beautymarket.ma/cdn/shop/files/H._TEXTURE.png?crop=center&height=1800&v=1768216185&width=1800 1800w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 3), 450px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div><div
class="image product-item__image product-item__image--two aspect-ratio--square"
style="--object-fit: cover;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="1578"
height="1578"
src="//beautymarket.ma/cdn/shop/files/A._PACKSHOT_FRONT.jpg?v=1768216185&width=320"
srcset="//beautymarket.ma/cdn/shop/files/A._PACKSHOT_FRONT.jpg?crop=center&height=150&v=1768216185&width=150 150w, //beautymarket.ma/cdn/shop/files/A._PACKSHOT_FRONT.jpg?crop=center&height=200&v=1768216185&width=200 200w, //beautymarket.ma/cdn/shop/files/A._PACKSHOT_FRONT.jpg?crop=center&height=240&v=1768216185&width=240 240w, //beautymarket.ma/cdn/shop/files/A._PACKSHOT_FRONT.jpg?crop=center&height=280&v=1768216185&width=280 280w, //beautymarket.ma/cdn/shop/files/A._PACKSHOT_FRONT.jpg?crop=center&height=300&v=1768216185&width=300 300w, //beautymarket.ma/cdn/shop/files/A._PACKSHOT_FRONT.jpg?crop=center&height=360&v=1768216185&width=360 360w, //beautymarket.ma/cdn/shop/files/A._PACKSHOT_FRONT.jpg?crop=center&height=400&v=1768216185&width=400 400w, //beautymarket.ma/cdn/shop/files/A._PACKSHOT_FRONT.jpg?crop=center&height=450&v=1768216185&width=450 450w, //beautymarket.ma/cdn/shop/files/A._PACKSHOT_FRONT.jpg?crop=center&height=500&v=1768216185&width=500 500w, //beautymarket.ma/cdn/shop/files/A._PACKSHOT_FRONT.jpg?crop=center&height=550&v=1768216185&width=550 550w, //beautymarket.ma/cdn/shop/files/A._PACKSHOT_FRONT.jpg?crop=center&height=600&v=1768216185&width=600 600w, //beautymarket.ma/cdn/shop/files/A._PACKSHOT_FRONT.jpg?crop=center&height=650&v=1768216185&width=650 650w, //beautymarket.ma/cdn/shop/files/A._PACKSHOT_FRONT.jpg?crop=center&height=700&v=1768216185&width=700 700w, //beautymarket.ma/cdn/shop/files/A._PACKSHOT_FRONT.jpg?crop=center&height=750&v=1768216185&width=750 750w, //beautymarket.ma/cdn/shop/files/A._PACKSHOT_FRONT.jpg?crop=center&height=800&v=1768216185&width=800 800w, //beautymarket.ma/cdn/shop/files/A._PACKSHOT_FRONT.jpg?crop=center&height=850&v=1768216185&width=850 850w, //beautymarket.ma/cdn/shop/files/A._PACKSHOT_FRONT.jpg?crop=center&height=900&v=1768216185&width=900 900w, //beautymarket.ma/cdn/shop/files/A._PACKSHOT_FRONT.jpg?crop=center&height=950&v=1768216185&width=950 950w, //beautymarket.ma/cdn/shop/files/A._PACKSHOT_FRONT.jpg?crop=center&height=1000&v=1768216185&width=1000 1000w, //beautymarket.ma/cdn/shop/files/A._PACKSHOT_FRONT.jpg?crop=center&height=1100&v=1768216185&width=1100 1100w, //beautymarket.ma/cdn/shop/files/A._PACKSHOT_FRONT.jpg?crop=center&height=1200&v=1768216185&width=1200 1200w, //beautymarket.ma/cdn/shop/files/A._PACKSHOT_FRONT.jpg?crop=center&height=1300&v=1768216185&width=1300 1300w, //beautymarket.ma/cdn/shop/files/A._PACKSHOT_FRONT.jpg?crop=center&height=1400&v=1768216185&width=1400 1400w, //beautymarket.ma/cdn/shop/files/A._PACKSHOT_FRONT.jpg?crop=center&height=1500&v=1768216185&width=1500 1500w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 3), 450px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>3% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/acne/products/la-roche-posay-effaclar-gel-moussant-400-ml"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/la-roche-posay-effaclar-gel-moussant-400-ml">La roche-posay effaclar gel moussant 400 ml</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">233.00 dh</s>
<span class="sale" data-price>226.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">233.00 dh</s>
<span class="sale" data-price>226.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="6728927609007"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="42803960053935"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='6728927609007'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_with_media_1-6728927609007">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_with_media_1-6728927609007"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/acne/products/la-roche-posay-effaclar-gel-moussant-400-ml"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="6728927609007"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="42803960053935"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='6728927609007'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_with_media_1-6728927609007">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_with_media_1-6728927609007"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="6729107734703"
data-title="Vichy Normaderm Physolution Gel Purifiant Intense 200ml"
data-url="/products/vichy-normaderm-physolution-gel-purifiant-intense-200ml"
data-variant-id="39910443810991"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/vichy-normaderm-physolution-gel-purifiant-intense-200ml"
aria-label="Vichy Normaderm Physolution Gel Purifiant Intense 200ml"
><div
class="image product-item__image product-item__image--one aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="Vichy Normaderm Physolution Gel Purifiant Intense 200ml"
class="image__img"
loading="lazy"
width="500"
height="500"
src="//beautymarket.ma/cdn/shop/files/Plandetravail12_6a05f1bb-0f63-4201-b2b9-f1a14bbbabf8.png?v=1752174610&width=320"
srcset="//beautymarket.ma/cdn/shop/files/Plandetravail12_6a05f1bb-0f63-4201-b2b9-f1a14bbbabf8.png?crop=center&height=150&v=1752174610&width=150 150w, //beautymarket.ma/cdn/shop/files/Plandetravail12_6a05f1bb-0f63-4201-b2b9-f1a14bbbabf8.png?crop=center&height=200&v=1752174610&width=200 200w, //beautymarket.ma/cdn/shop/files/Plandetravail12_6a05f1bb-0f63-4201-b2b9-f1a14bbbabf8.png?crop=center&height=240&v=1752174610&width=240 240w, //beautymarket.ma/cdn/shop/files/Plandetravail12_6a05f1bb-0f63-4201-b2b9-f1a14bbbabf8.png?crop=center&height=280&v=1752174610&width=280 280w, //beautymarket.ma/cdn/shop/files/Plandetravail12_6a05f1bb-0f63-4201-b2b9-f1a14bbbabf8.png?crop=center&height=300&v=1752174610&width=300 300w, //beautymarket.ma/cdn/shop/files/Plandetravail12_6a05f1bb-0f63-4201-b2b9-f1a14bbbabf8.png?crop=center&height=360&v=1752174610&width=360 360w, //beautymarket.ma/cdn/shop/files/Plandetravail12_6a05f1bb-0f63-4201-b2b9-f1a14bbbabf8.png?crop=center&height=400&v=1752174610&width=400 400w, //beautymarket.ma/cdn/shop/files/Plandetravail12_6a05f1bb-0f63-4201-b2b9-f1a14bbbabf8.png?crop=center&height=450&v=1752174610&width=450 450w, //beautymarket.ma/cdn/shop/files/Plandetravail12_6a05f1bb-0f63-4201-b2b9-f1a14bbbabf8.png?crop=center&height=500&v=1752174610&width=500 500w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 3), 450px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div><div
class="image product-item__image product-item__image--two aspect-ratio--square"
style="--object-fit: cover;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="500"
height="500"
src="//beautymarket.ma/cdn/shop/files/Plandetravail9_641b33c3-e698-40f3-a830-78985d6e1179.png?v=1752174610&width=320"
srcset="//beautymarket.ma/cdn/shop/files/Plandetravail9_641b33c3-e698-40f3-a830-78985d6e1179.png?crop=center&height=150&v=1752174610&width=150 150w, //beautymarket.ma/cdn/shop/files/Plandetravail9_641b33c3-e698-40f3-a830-78985d6e1179.png?crop=center&height=200&v=1752174610&width=200 200w, //beautymarket.ma/cdn/shop/files/Plandetravail9_641b33c3-e698-40f3-a830-78985d6e1179.png?crop=center&height=240&v=1752174610&width=240 240w, //beautymarket.ma/cdn/shop/files/Plandetravail9_641b33c3-e698-40f3-a830-78985d6e1179.png?crop=center&height=280&v=1752174610&width=280 280w, //beautymarket.ma/cdn/shop/files/Plandetravail9_641b33c3-e698-40f3-a830-78985d6e1179.png?crop=center&height=300&v=1752174610&width=300 300w, //beautymarket.ma/cdn/shop/files/Plandetravail9_641b33c3-e698-40f3-a830-78985d6e1179.png?crop=center&height=360&v=1752174610&width=360 360w, //beautymarket.ma/cdn/shop/files/Plandetravail9_641b33c3-e698-40f3-a830-78985d6e1179.png?crop=center&height=400&v=1752174610&width=400 400w, //beautymarket.ma/cdn/shop/files/Plandetravail9_641b33c3-e698-40f3-a830-78985d6e1179.png?crop=center&height=450&v=1752174610&width=450 450w, //beautymarket.ma/cdn/shop/files/Plandetravail9_641b33c3-e698-40f3-a830-78985d6e1179.png?crop=center&height=500&v=1752174610&width=500 500w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 3), 450px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>3% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/acne/products/vichy-normaderm-physolution-gel-purifiant-intense-200ml"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/vichy-normaderm-physolution-gel-purifiant-intense-200ml">Vichy Normaderm Physolution Gel Purifiant Intense 200ml</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">164.00 dh</s>
<span class="sale" data-price>159.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">164.00 dh</s>
<span class="sale" data-price>159.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="6729107734703"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="39910443810991"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='6729107734703'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_with_media_1-6729107734703">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_with_media_1-6729107734703"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/acne/products/vichy-normaderm-physolution-gel-purifiant-intense-200ml"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="6729107734703"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="39910443810991"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='6729107734703'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_with_media_1-6729107734703">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_with_media_1-6729107734703"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="6728931541167"
data-title="La Roche-Posay Effaclar Mat – 40 ml"
data-url="/products/la-roche-posay-effaclar-mat-40-ml"
data-variant-id="39910020776111"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/la-roche-posay-effaclar-mat-40-ml"
aria-label="La Roche-Posay Effaclar Mat – 40 ml"
><div
class="image product-item__image aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="La Roche-Posay Effaclar Mat – 40 ml"
class="image__img"
loading="lazy"
width="595"
height="655"
src="//beautymarket.ma/cdn/shop/files/Untitled-1_0f040c83-bc81-46a7-a8bd-0bf6586fb9a5.jpg?v=1766960832&width=320"
srcset="//beautymarket.ma/cdn/shop/files/Untitled-1_0f040c83-bc81-46a7-a8bd-0bf6586fb9a5.jpg?crop=center&height=150&v=1766960832&width=150 150w, //beautymarket.ma/cdn/shop/files/Untitled-1_0f040c83-bc81-46a7-a8bd-0bf6586fb9a5.jpg?crop=center&height=200&v=1766960832&width=200 200w, //beautymarket.ma/cdn/shop/files/Untitled-1_0f040c83-bc81-46a7-a8bd-0bf6586fb9a5.jpg?crop=center&height=240&v=1766960832&width=240 240w, //beautymarket.ma/cdn/shop/files/Untitled-1_0f040c83-bc81-46a7-a8bd-0bf6586fb9a5.jpg?crop=center&height=280&v=1766960832&width=280 280w, //beautymarket.ma/cdn/shop/files/Untitled-1_0f040c83-bc81-46a7-a8bd-0bf6586fb9a5.jpg?crop=center&height=300&v=1766960832&width=300 300w, //beautymarket.ma/cdn/shop/files/Untitled-1_0f040c83-bc81-46a7-a8bd-0bf6586fb9a5.jpg?crop=center&height=360&v=1766960832&width=360 360w, //beautymarket.ma/cdn/shop/files/Untitled-1_0f040c83-bc81-46a7-a8bd-0bf6586fb9a5.jpg?crop=center&height=400&v=1766960832&width=400 400w, //beautymarket.ma/cdn/shop/files/Untitled-1_0f040c83-bc81-46a7-a8bd-0bf6586fb9a5.jpg?crop=center&height=450&v=1766960832&width=450 450w, //beautymarket.ma/cdn/shop/files/Untitled-1_0f040c83-bc81-46a7-a8bd-0bf6586fb9a5.jpg?crop=center&height=500&v=1766960832&width=500 500w, //beautymarket.ma/cdn/shop/files/Untitled-1_0f040c83-bc81-46a7-a8bd-0bf6586fb9a5.jpg?crop=center&height=550&v=1766960832&width=550 550w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 3), 450px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>3% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/acne/products/la-roche-posay-effaclar-mat-40-ml"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/la-roche-posay-effaclar-mat-40-ml">La Roche-Posay Effaclar Mat – 40 ml</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">167.00 dh</s>
<span class="sale" data-price>162.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">167.00 dh</s>
<span class="sale" data-price>162.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="6728931541167"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="39910020776111"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='6728931541167'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_with_media_1-6728931541167">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_with_media_1-6728931541167"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/acne/products/la-roche-posay-effaclar-mat-40-ml"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="6728931541167"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="39910020776111"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='6728931541167'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_with_media_1-6728931541167">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_with_media_1-6728931541167"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="6728869019823"
data-title="EUCERIN DERMOPURE GEL NETTOYANT 200ML"
data-url="/products/eucerin-dermopure-gel-nettoyant-200ml"
data-variant-id="39909861753007"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/eucerin-dermopure-gel-nettoyant-200ml"
aria-label="EUCERIN DERMOPURE GEL NETTOYANT 200ML"
><div
class="image product-item__image product-item__image--one aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="EUCERIN DERMOPURE GEL NETTOYANT 200ML"
class="image__img"
loading="lazy"
width="954"
height="1005"
src="//beautymarket.ma/cdn/shop/files/EUCERINJ.jpg?v=1765192404&width=320"
srcset="//beautymarket.ma/cdn/shop/files/EUCERINJ.jpg?crop=center&height=150&v=1765192404&width=150 150w, //beautymarket.ma/cdn/shop/files/EUCERINJ.jpg?crop=center&height=200&v=1765192404&width=200 200w, //beautymarket.ma/cdn/shop/files/EUCERINJ.jpg?crop=center&height=240&v=1765192404&width=240 240w, //beautymarket.ma/cdn/shop/files/EUCERINJ.jpg?crop=center&height=280&v=1765192404&width=280 280w, //beautymarket.ma/cdn/shop/files/EUCERINJ.jpg?crop=center&height=300&v=1765192404&width=300 300w, //beautymarket.ma/cdn/shop/files/EUCERINJ.jpg?crop=center&height=360&v=1765192404&width=360 360w, //beautymarket.ma/cdn/shop/files/EUCERINJ.jpg?crop=center&height=400&v=1765192404&width=400 400w, //beautymarket.ma/cdn/shop/files/EUCERINJ.jpg?crop=center&height=450&v=1765192404&width=450 450w, //beautymarket.ma/cdn/shop/files/EUCERINJ.jpg?crop=center&height=500&v=1765192404&width=500 500w, //beautymarket.ma/cdn/shop/files/EUCERINJ.jpg?crop=center&height=550&v=1765192404&width=550 550w, //beautymarket.ma/cdn/shop/files/EUCERINJ.jpg?crop=center&height=600&v=1765192404&width=600 600w, //beautymarket.ma/cdn/shop/files/EUCERINJ.jpg?crop=center&height=650&v=1765192404&width=650 650w, //beautymarket.ma/cdn/shop/files/EUCERINJ.jpg?crop=center&height=700&v=1765192404&width=700 700w, //beautymarket.ma/cdn/shop/files/EUCERINJ.jpg?crop=center&height=750&v=1765192404&width=750 750w, //beautymarket.ma/cdn/shop/files/EUCERINJ.jpg?crop=center&height=800&v=1765192404&width=800 800w, //beautymarket.ma/cdn/shop/files/EUCERINJ.jpg?crop=center&height=850&v=1765192404&width=850 850w, //beautymarket.ma/cdn/shop/files/EUCERINJ.jpg?crop=center&height=900&v=1765192404&width=900 900w, //beautymarket.ma/cdn/shop/files/EUCERINJ.jpg?crop=center&height=950&v=1765192404&width=950 950w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 3), 450px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div><div
class="image product-item__image product-item__image--two aspect-ratio--square"
style="--object-fit: cover;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="1000"
height="1000"
src="//beautymarket.ma/cdn/shop/files/F00201552-p7.jpg?v=1770629535&width=320"
srcset="//beautymarket.ma/cdn/shop/files/F00201552-p7.jpg?crop=center&height=150&v=1770629535&width=150 150w, //beautymarket.ma/cdn/shop/files/F00201552-p7.jpg?crop=center&height=200&v=1770629535&width=200 200w, //beautymarket.ma/cdn/shop/files/F00201552-p7.jpg?crop=center&height=240&v=1770629535&width=240 240w, //beautymarket.ma/cdn/shop/files/F00201552-p7.jpg?crop=center&height=280&v=1770629535&width=280 280w, //beautymarket.ma/cdn/shop/files/F00201552-p7.jpg?crop=center&height=300&v=1770629535&width=300 300w, //beautymarket.ma/cdn/shop/files/F00201552-p7.jpg?crop=center&height=360&v=1770629535&width=360 360w, //beautymarket.ma/cdn/shop/files/F00201552-p7.jpg?crop=center&height=400&v=1770629535&width=400 400w, //beautymarket.ma/cdn/shop/files/F00201552-p7.jpg?crop=center&height=450&v=1770629535&width=450 450w, //beautymarket.ma/cdn/shop/files/F00201552-p7.jpg?crop=center&height=500&v=1770629535&width=500 500w, //beautymarket.ma/cdn/shop/files/F00201552-p7.jpg?crop=center&height=550&v=1770629535&width=550 550w, //beautymarket.ma/cdn/shop/files/F00201552-p7.jpg?crop=center&height=600&v=1770629535&width=600 600w, //beautymarket.ma/cdn/shop/files/F00201552-p7.jpg?crop=center&height=650&v=1770629535&width=650 650w, //beautymarket.ma/cdn/shop/files/F00201552-p7.jpg?crop=center&height=700&v=1770629535&width=700 700w, //beautymarket.ma/cdn/shop/files/F00201552-p7.jpg?crop=center&height=750&v=1770629535&width=750 750w, //beautymarket.ma/cdn/shop/files/F00201552-p7.jpg?crop=center&height=800&v=1770629535&width=800 800w, //beautymarket.ma/cdn/shop/files/F00201552-p7.jpg?crop=center&height=850&v=1770629535&width=850 850w, //beautymarket.ma/cdn/shop/files/F00201552-p7.jpg?crop=center&height=900&v=1770629535&width=900 900w, //beautymarket.ma/cdn/shop/files/F00201552-p7.jpg?crop=center&height=950&v=1770629535&width=950 950w, //beautymarket.ma/cdn/shop/files/F00201552-p7.jpg?crop=center&height=1000&v=1770629535&width=1000 1000w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 3), 450px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>40% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/acne/products/eucerin-dermopure-gel-nettoyant-200ml"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/eucerin-dermopure-gel-nettoyant-200ml">EUCERIN DERMOPURE GEL NETTOYANT 200ML</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">258.00 dh</s>
<span class="sale" data-price>155.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">258.00 dh</s>
<span class="sale" data-price>155.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="6728869019823"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="39909861753007"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='6728869019823'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_with_media_1-6728869019823">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_with_media_1-6728869019823"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/acne/products/eucerin-dermopure-gel-nettoyant-200ml"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="6728869019823"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="39909861753007"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='6728869019823'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_with_media_1-6728869019823">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_with_media_1-6728869019823"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="6728927576239"
data-title="La roche-posay effaclar gel moussant – 200 ml"
data-url="/products/la-roche-posay-effaclar-gel-moussant-200-ml"
data-variant-id="39910003671215"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/la-roche-posay-effaclar-gel-moussant-200-ml"
aria-label="La roche-posay effaclar gel moussant – 200 ml"
><div
class="image product-item__image product-item__image--one aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="La roche-posay effaclar gel moussant – 200 ml"
class="image__img"
loading="lazy"
width="2000"
height="2000"
src="//beautymarket.ma/cdn/shop/files/M200ML.png?v=1768842176&width=320"
srcset="//beautymarket.ma/cdn/shop/files/M200ML.png?crop=center&height=150&v=1768842176&width=150 150w, //beautymarket.ma/cdn/shop/files/M200ML.png?crop=center&height=200&v=1768842176&width=200 200w, //beautymarket.ma/cdn/shop/files/M200ML.png?crop=center&height=240&v=1768842176&width=240 240w, //beautymarket.ma/cdn/shop/files/M200ML.png?crop=center&height=280&v=1768842176&width=280 280w, //beautymarket.ma/cdn/shop/files/M200ML.png?crop=center&height=300&v=1768842176&width=300 300w, //beautymarket.ma/cdn/shop/files/M200ML.png?crop=center&height=360&v=1768842176&width=360 360w, //beautymarket.ma/cdn/shop/files/M200ML.png?crop=center&height=400&v=1768842176&width=400 400w, //beautymarket.ma/cdn/shop/files/M200ML.png?crop=center&height=450&v=1768842176&width=450 450w, //beautymarket.ma/cdn/shop/files/M200ML.png?crop=center&height=500&v=1768842176&width=500 500w, //beautymarket.ma/cdn/shop/files/M200ML.png?crop=center&height=550&v=1768842176&width=550 550w, //beautymarket.ma/cdn/shop/files/M200ML.png?crop=center&height=600&v=1768842176&width=600 600w, //beautymarket.ma/cdn/shop/files/M200ML.png?crop=center&height=650&v=1768842176&width=650 650w, //beautymarket.ma/cdn/shop/files/M200ML.png?crop=center&height=700&v=1768842176&width=700 700w, //beautymarket.ma/cdn/shop/files/M200ML.png?crop=center&height=750&v=1768842176&width=750 750w, //beautymarket.ma/cdn/shop/files/M200ML.png?crop=center&height=800&v=1768842176&width=800 800w, //beautymarket.ma/cdn/shop/files/M200ML.png?crop=center&height=850&v=1768842176&width=850 850w, //beautymarket.ma/cdn/shop/files/M200ML.png?crop=center&height=900&v=1768842176&width=900 900w, //beautymarket.ma/cdn/shop/files/M200ML.png?crop=center&height=950&v=1768842176&width=950 950w, //beautymarket.ma/cdn/shop/files/M200ML.png?crop=center&height=1000&v=1768842176&width=1000 1000w, //beautymarket.ma/cdn/shop/files/M200ML.png?crop=center&height=1100&v=1768842176&width=1100 1100w, //beautymarket.ma/cdn/shop/files/M200ML.png?crop=center&height=1200&v=1768842176&width=1200 1200w, //beautymarket.ma/cdn/shop/files/M200ML.png?crop=center&height=1300&v=1768842176&width=1300 1300w, //beautymarket.ma/cdn/shop/files/M200ML.png?crop=center&height=1400&v=1768842176&width=1400 1400w, //beautymarket.ma/cdn/shop/files/M200ML.png?crop=center&height=1500&v=1768842176&width=1500 1500w, //beautymarket.ma/cdn/shop/files/M200ML.png?crop=center&height=1600&v=1768842176&width=1600 1600w, //beautymarket.ma/cdn/shop/files/M200ML.png?crop=center&height=1700&v=1768842176&width=1700 1700w, //beautymarket.ma/cdn/shop/files/M200ML.png?crop=center&height=1800&v=1768842176&width=1800 1800w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 3), 450px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div><div
class="image product-item__image product-item__image--two aspect-ratio--square"
style="--object-fit: cover;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="1578"
height="1578"
src="//beautymarket.ma/cdn/shop/files/superiorityclaim200ml.png?v=1768842176&width=320"
srcset="//beautymarket.ma/cdn/shop/files/superiorityclaim200ml.png?crop=center&height=150&v=1768842176&width=150 150w, //beautymarket.ma/cdn/shop/files/superiorityclaim200ml.png?crop=center&height=200&v=1768842176&width=200 200w, //beautymarket.ma/cdn/shop/files/superiorityclaim200ml.png?crop=center&height=240&v=1768842176&width=240 240w, //beautymarket.ma/cdn/shop/files/superiorityclaim200ml.png?crop=center&height=280&v=1768842176&width=280 280w, //beautymarket.ma/cdn/shop/files/superiorityclaim200ml.png?crop=center&height=300&v=1768842176&width=300 300w, //beautymarket.ma/cdn/shop/files/superiorityclaim200ml.png?crop=center&height=360&v=1768842176&width=360 360w, //beautymarket.ma/cdn/shop/files/superiorityclaim200ml.png?crop=center&height=400&v=1768842176&width=400 400w, //beautymarket.ma/cdn/shop/files/superiorityclaim200ml.png?crop=center&height=450&v=1768842176&width=450 450w, //beautymarket.ma/cdn/shop/files/superiorityclaim200ml.png?crop=center&height=500&v=1768842176&width=500 500w, //beautymarket.ma/cdn/shop/files/superiorityclaim200ml.png?crop=center&height=550&v=1768842176&width=550 550w, //beautymarket.ma/cdn/shop/files/superiorityclaim200ml.png?crop=center&height=600&v=1768842176&width=600 600w, //beautymarket.ma/cdn/shop/files/superiorityclaim200ml.png?crop=center&height=650&v=1768842176&width=650 650w, //beautymarket.ma/cdn/shop/files/superiorityclaim200ml.png?crop=center&height=700&v=1768842176&width=700 700w, //beautymarket.ma/cdn/shop/files/superiorityclaim200ml.png?crop=center&height=750&v=1768842176&width=750 750w, //beautymarket.ma/cdn/shop/files/superiorityclaim200ml.png?crop=center&height=800&v=1768842176&width=800 800w, //beautymarket.ma/cdn/shop/files/superiorityclaim200ml.png?crop=center&height=850&v=1768842176&width=850 850w, //beautymarket.ma/cdn/shop/files/superiorityclaim200ml.png?crop=center&height=900&v=1768842176&width=900 900w, //beautymarket.ma/cdn/shop/files/superiorityclaim200ml.png?crop=center&height=950&v=1768842176&width=950 950w, //beautymarket.ma/cdn/shop/files/superiorityclaim200ml.png?crop=center&height=1000&v=1768842176&width=1000 1000w, //beautymarket.ma/cdn/shop/files/superiorityclaim200ml.png?crop=center&height=1100&v=1768842176&width=1100 1100w, //beautymarket.ma/cdn/shop/files/superiorityclaim200ml.png?crop=center&height=1200&v=1768842176&width=1200 1200w, //beautymarket.ma/cdn/shop/files/superiorityclaim200ml.png?crop=center&height=1300&v=1768842176&width=1300 1300w, //beautymarket.ma/cdn/shop/files/superiorityclaim200ml.png?crop=center&height=1400&v=1768842176&width=1400 1400w, //beautymarket.ma/cdn/shop/files/superiorityclaim200ml.png?crop=center&height=1500&v=1768842176&width=1500 1500w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 3), 450px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>3% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/acne/products/la-roche-posay-effaclar-gel-moussant-200-ml"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/la-roche-posay-effaclar-gel-moussant-200-ml">La roche-posay effaclar gel moussant – 200 ml</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">163.00 dh</s>
<span class="sale" data-price>158.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">163.00 dh</s>
<span class="sale" data-price>158.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="6728927576239"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="39910003671215"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='6728927576239'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_with_media_1-6728927576239">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_with_media_1-6728927576239"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/acne/products/la-roche-posay-effaclar-gel-moussant-200-ml"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="6728927576239"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="39910003671215"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='6728927576239'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_with_media_1-6728927576239">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_with_media_1-6728927576239"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</scroll-slider-component>
<div
class="scroll-slider-nav-button-wrapper scroll-slider-nav-button-wrapper--prev"
data-is-small="false"
>
<button
type="button"
class="scroll-slider-nav-button scroll-slider-nav-button--prev hidden"
title="Précédent"
data-scroll-slider-prev-button
name="prev"
>
<span class="icon icon-arrow-short" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 12.4016H11.5H23M23 12.4016L13.8 3M23 12.4016L13.8 21.8032" stroke="currentColor" stroke-width="1.75"/></svg>
</span>
</button>
</div>
<div
class="scroll-slider-nav-button-wrapper scroll-slider-nav-button-wrapper--next"
data-is-small="false"
>
<button
type="button"
class="scroll-slider-nav-button scroll-slider-nav-button--next hidden"
title="Suivant"
data-scroll-slider-next-button
name="next"
>
<span class="icon icon-arrow-short" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 12.4016H11.5H23M23 12.4016L13.8 3M23 12.4016L13.8 21.8032" stroke="currentColor" stroke-width="1.75"/></svg>
</span>
</button>
</div>
</div>
<script src="//beautymarket.ma/cdn/shop/t/35/assets/section-footer.js?v=11514157199586841511754934608" type="module"></script>
<section-footer-component class="section-footer animation--container-footer">
<div class="scroll-slider-page-dots" data-scroll-slider-page-dots data-hide-below-720="true"></div>
</section-footer-component>
</div>
</div>
</div>
</div>
</section><section id="shopify-section-template--18718532206767__featured_collection_with_media_kijQk3" class="shopify-section"><div
class="featured-collection-with-media section"
style=" --section-style-spacing-top: 24px; --section-style-spacing-bottom: 36px; --num-columns-desktop: 3; "
data-section-id="template--18718532206767__featured_collection_with_media_kijQk3"
data-section-type="featured-collection-with-media"
>
<div class="section-inner">
<div
class="featured-collection-with-media__inner"
style=" --media-width: 40%; --media-height: 350px; --media-height-mobile: 360px; "
data-media-position="right"
data-media-position-mobile="above"
>
<div
class="featured-collection-with-media__media-block featured-collection-slider-grid-item animation--item"
>
<div
class="background-image-container image-hero__image-container"
data-has-mobile-image="true"
data-absolutely-position-image="true"
><div
class="image background-image background-image--mobile featured-collection-with-media__image featured-collection-with-media__image--mobile animation--image animation--lazy-load"
style="--focal-alignment: center;--object-fit: cover;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="1000"
height="1000"
src="//beautymarket.ma/cdn/shop/files/562.jpg?v=1719661883&width=320"
srcset="//beautymarket.ma/cdn/shop/files/562.jpg?v=1719661883&width=700 700w, //beautymarket.ma/cdn/shop/files/562.jpg?v=1719661883&width=750 750w, //beautymarket.ma/cdn/shop/files/562.jpg?v=1719661883&width=800 800w, //beautymarket.ma/cdn/shop/files/562.jpg?v=1719661883&width=850 850w, //beautymarket.ma/cdn/shop/files/562.jpg?v=1719661883&width=900 900w, //beautymarket.ma/cdn/shop/files/562.jpg?v=1719661883&width=950 950w, //beautymarket.ma/cdn/shop/files/562.jpg?v=1719661883&width=1000 1000w"
sizes="(min-width: 960px) 50vw, 100vw"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div><div
class="image background-image featured-collection-with-media__image animation--image animation--lazy-load"
style="--focal-alignment: center;--object-fit: cover;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="1000"
height="1000"
src="//beautymarket.ma/cdn/shop/files/562.jpg?v=1719661883&width=320"
srcset="//beautymarket.ma/cdn/shop/files/562.jpg?v=1719661883&width=700 700w, //beautymarket.ma/cdn/shop/files/562.jpg?v=1719661883&width=750 750w, //beautymarket.ma/cdn/shop/files/562.jpg?v=1719661883&width=800 800w, //beautymarket.ma/cdn/shop/files/562.jpg?v=1719661883&width=850 850w, //beautymarket.ma/cdn/shop/files/562.jpg?v=1719661883&width=900 900w, //beautymarket.ma/cdn/shop/files/562.jpg?v=1719661883&width=950 950w, //beautymarket.ma/cdn/shop/files/562.jpg?v=1719661883&width=1000 1000w"
sizes="(min-width: 960px) 50vw, 100vw"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div></div>
<div
class="featured-collection-with-media__overlay image-overlay animation--image-overlay"></div><div
class="featured-collection-with-media__overlay-content overlay-content"
data-text-position="center_flex-end"
style="--max-content-width: 250px;"
>
<div
class="overlay-content__text-container image-overlay-content section-blocks"
style=" --color-text: #FFFFFF; --color-background: #000; --color-text-alpha-90: rgba(255, 255, 255, 0.9); --color-text-alpha-80: rgba(255, 255, 255, 0.8); --color-text-alpha-70: rgba(255, 255, 255, 0.7); --color-text-alpha-60: rgba(255, 255, 255, 0.6); --color-text-alpha-50: rgba(255, 255, 255, 0.5); --color-text-alpha-40: rgba(255, 255, 255, 0.4); --color-text-alpha-30: rgba(255, 255, 255, 0.3); --color-text-alpha-25: rgba(255, 255, 255, 0.25); --color-text-alpha-20: rgba(255, 255, 255, 0.2); --color-text-alpha-10: rgba(255, 255, 255, 0.1); --color-text-alpha-05: rgba(255, 255, 255, 0.05); --text-horizontal-position: center; --text-horizontal-position-mobile: center; --text-vertical-position: flex-end; --text-vertical-position-mobile: center; --text-alignment: center; --text-alignment-mobile: center; "
>
<div class="section-blocks__button" ><div class="button-wrapper" data-alignment="none">
<a class="btn btn--text" href="/collections/anti-taches">
<span>Voir tous</span>
</a>
</div>
</div>
</div></div>
<a
href="/collections/anti-taches"
class="featured-collection-with-media__media-link"
aria-label="/collections/anti-taches"
></a>
</div>
<div class="featured-collection-with-media__products-wrapper">
<div
class="featured-collection-with-media__products featured-collection-slider-grid standard-grid-spacing product-item-holder"
data-standard-grid-spacing-type="product-list">
<script src="//beautymarket.ma/cdn/shop/t/35/assets/scroll-slider.js?v=137308953565903322681754934608" type="module"></script>
<scroll-slider-component
class="scroll-slider scroll-slider--full-width-below-860 scroll-slider--peek-and-full-width-below-860 scroll-all-sizes"
style="--columns: 2; --columns-above-720: 3; --columns-above-860: 3; --peek: 24px; --peek-above-860: 0px; --gap: 12px; --gap-above-1024: 16px; --gap-above-1200: 24px;"
data-id="featured-collection-with-media"
data-navigation-container=".featured-collection-with-media__products-wrapper"
data-autoplay=""
data-autoplay-delay="0"
data-autoplay-pause-on-hover=""
>
<div class="scroll-slider__slider">
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="7892477608111"
data-title="La Roche-Posay Mela B3 Clarifying Micro-Peeling Cleanser 200ml – Réduit Taches Brunes et Uniformise le Teint"
data-url="/products/la-roche-posay-mela-b3-clarifying-micro-peeling-cleanser-200ml"
data-variant-id="43741583638703"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/la-roche-posay-mela-b3-clarifying-micro-peeling-cleanser-200ml"
aria-label="La Roche-Posay Mela B3 Clarifying Micro-Peeling Cleanser 200ml – Réduit Taches Brunes et Uniformise le Teint"
><div
class="image product-item__image product-item__image--one aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="La Roche-Posay Mela B3 Clarifying Micro-Peeling Cleanser 200ml"
class="image__img"
loading="lazy"
width="595"
height="655"
src="//beautymarket.ma/cdn/shop/files/ZAA1.jpg?v=1715273207&width=320"
srcset="//beautymarket.ma/cdn/shop/files/ZAA1.jpg?crop=center&height=150&v=1715273207&width=150 150w, //beautymarket.ma/cdn/shop/files/ZAA1.jpg?crop=center&height=200&v=1715273207&width=200 200w, //beautymarket.ma/cdn/shop/files/ZAA1.jpg?crop=center&height=240&v=1715273207&width=240 240w, //beautymarket.ma/cdn/shop/files/ZAA1.jpg?crop=center&height=280&v=1715273207&width=280 280w, //beautymarket.ma/cdn/shop/files/ZAA1.jpg?crop=center&height=300&v=1715273207&width=300 300w, //beautymarket.ma/cdn/shop/files/ZAA1.jpg?crop=center&height=360&v=1715273207&width=360 360w, //beautymarket.ma/cdn/shop/files/ZAA1.jpg?crop=center&height=400&v=1715273207&width=400 400w, //beautymarket.ma/cdn/shop/files/ZAA1.jpg?crop=center&height=450&v=1715273207&width=450 450w, //beautymarket.ma/cdn/shop/files/ZAA1.jpg?crop=center&height=500&v=1715273207&width=500 500w, //beautymarket.ma/cdn/shop/files/ZAA1.jpg?crop=center&height=550&v=1715273207&width=550 550w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 3), 450px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div><div
class="image product-item__image product-item__image--two aspect-ratio--square"
style="--object-fit: cover;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="1578"
height="1578"
src="//beautymarket.ma/cdn/shop/files/IngredientsFullList_a85b8ef2-2ce4-4f63-9946-ffc0abad957a.jpg?v=1761745527&width=320"
srcset="//beautymarket.ma/cdn/shop/files/IngredientsFullList_a85b8ef2-2ce4-4f63-9946-ffc0abad957a.jpg?crop=center&height=150&v=1761745527&width=150 150w, //beautymarket.ma/cdn/shop/files/IngredientsFullList_a85b8ef2-2ce4-4f63-9946-ffc0abad957a.jpg?crop=center&height=200&v=1761745527&width=200 200w, //beautymarket.ma/cdn/shop/files/IngredientsFullList_a85b8ef2-2ce4-4f63-9946-ffc0abad957a.jpg?crop=center&height=240&v=1761745527&width=240 240w, //beautymarket.ma/cdn/shop/files/IngredientsFullList_a85b8ef2-2ce4-4f63-9946-ffc0abad957a.jpg?crop=center&height=280&v=1761745527&width=280 280w, //beautymarket.ma/cdn/shop/files/IngredientsFullList_a85b8ef2-2ce4-4f63-9946-ffc0abad957a.jpg?crop=center&height=300&v=1761745527&width=300 300w, //beautymarket.ma/cdn/shop/files/IngredientsFullList_a85b8ef2-2ce4-4f63-9946-ffc0abad957a.jpg?crop=center&height=360&v=1761745527&width=360 360w, //beautymarket.ma/cdn/shop/files/IngredientsFullList_a85b8ef2-2ce4-4f63-9946-ffc0abad957a.jpg?crop=center&height=400&v=1761745527&width=400 400w, //beautymarket.ma/cdn/shop/files/IngredientsFullList_a85b8ef2-2ce4-4f63-9946-ffc0abad957a.jpg?crop=center&height=450&v=1761745527&width=450 450w, //beautymarket.ma/cdn/shop/files/IngredientsFullList_a85b8ef2-2ce4-4f63-9946-ffc0abad957a.jpg?crop=center&height=500&v=1761745527&width=500 500w, //beautymarket.ma/cdn/shop/files/IngredientsFullList_a85b8ef2-2ce4-4f63-9946-ffc0abad957a.jpg?crop=center&height=550&v=1761745527&width=550 550w, //beautymarket.ma/cdn/shop/files/IngredientsFullList_a85b8ef2-2ce4-4f63-9946-ffc0abad957a.jpg?crop=center&height=600&v=1761745527&width=600 600w, //beautymarket.ma/cdn/shop/files/IngredientsFullList_a85b8ef2-2ce4-4f63-9946-ffc0abad957a.jpg?crop=center&height=650&v=1761745527&width=650 650w, //beautymarket.ma/cdn/shop/files/IngredientsFullList_a85b8ef2-2ce4-4f63-9946-ffc0abad957a.jpg?crop=center&height=700&v=1761745527&width=700 700w, //beautymarket.ma/cdn/shop/files/IngredientsFullList_a85b8ef2-2ce4-4f63-9946-ffc0abad957a.jpg?crop=center&height=750&v=1761745527&width=750 750w, //beautymarket.ma/cdn/shop/files/IngredientsFullList_a85b8ef2-2ce4-4f63-9946-ffc0abad957a.jpg?crop=center&height=800&v=1761745527&width=800 800w, //beautymarket.ma/cdn/shop/files/IngredientsFullList_a85b8ef2-2ce4-4f63-9946-ffc0abad957a.jpg?crop=center&height=850&v=1761745527&width=850 850w, //beautymarket.ma/cdn/shop/files/IngredientsFullList_a85b8ef2-2ce4-4f63-9946-ffc0abad957a.jpg?crop=center&height=900&v=1761745527&width=900 900w, //beautymarket.ma/cdn/shop/files/IngredientsFullList_a85b8ef2-2ce4-4f63-9946-ffc0abad957a.jpg?crop=center&height=950&v=1761745527&width=950 950w, //beautymarket.ma/cdn/shop/files/IngredientsFullList_a85b8ef2-2ce4-4f63-9946-ffc0abad957a.jpg?crop=center&height=1000&v=1761745527&width=1000 1000w, //beautymarket.ma/cdn/shop/files/IngredientsFullList_a85b8ef2-2ce4-4f63-9946-ffc0abad957a.jpg?crop=center&height=1100&v=1761745527&width=1100 1100w, //beautymarket.ma/cdn/shop/files/IngredientsFullList_a85b8ef2-2ce4-4f63-9946-ffc0abad957a.jpg?crop=center&height=1200&v=1761745527&width=1200 1200w, //beautymarket.ma/cdn/shop/files/IngredientsFullList_a85b8ef2-2ce4-4f63-9946-ffc0abad957a.jpg?crop=center&height=1300&v=1761745527&width=1300 1300w, //beautymarket.ma/cdn/shop/files/IngredientsFullList_a85b8ef2-2ce4-4f63-9946-ffc0abad957a.jpg?crop=center&height=1400&v=1761745527&width=1400 1400w, //beautymarket.ma/cdn/shop/files/IngredientsFullList_a85b8ef2-2ce4-4f63-9946-ffc0abad957a.jpg?crop=center&height=1500&v=1761745527&width=1500 1500w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 3), 450px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>5% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/anti-taches/products/la-roche-posay-mela-b3-clarifying-micro-peeling-cleanser-200ml"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/la-roche-posay-mela-b3-clarifying-micro-peeling-cleanser-200ml">La Roche-Posay Mela B3 Clarifying Micro-Peeling Cleanser 200ml – Réduit Taches Brunes et Uniformise le Teint</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">209.00 dh</s>
<span class="sale" data-price>199.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">209.00 dh</s>
<span class="sale" data-price>199.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="7892477608111"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="43741583638703"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='7892477608111'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_with_media_kijQk3-7892477608111">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_with_media_kijQk3-7892477608111"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/anti-taches/products/la-roche-posay-mela-b3-clarifying-micro-peeling-cleanser-200ml"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="7892477608111"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="43741583638703"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='7892477608111'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_with_media_kijQk3-7892477608111">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_with_media_kijQk3-7892477608111"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="7879074611375"
data-title="La Roche-Posay Mela B3 SPF30 – Soin Correcteur Anti-Taches et Protecteur"
data-url="/products/la-roche-posay-mela-b3-spf30-soin-correcteur-protecteur-anti-taches-anti-recidive"
data-variant-id="43683326263471"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/la-roche-posay-mela-b3-spf30-soin-correcteur-protecteur-anti-taches-anti-recidive"
aria-label="La Roche-Posay Mela B3 SPF30 – Soin Correcteur Anti-Taches et Protecteur"
><div
class="image product-item__image aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="La Roche-Posay Mela B3 SPF30 – Soin Correcteur Anti-Taches et Protecteur"
class="image__img"
loading="lazy"
width="595"
height="655"
src="//beautymarket.ma/cdn/shop/files/Untitled-1_e00b99ba-355c-48a3-a9ea-8765a84e0e5f.jpg?v=1714656866&width=320"
srcset="//beautymarket.ma/cdn/shop/files/Untitled-1_e00b99ba-355c-48a3-a9ea-8765a84e0e5f.jpg?crop=center&height=150&v=1714656866&width=150 150w, //beautymarket.ma/cdn/shop/files/Untitled-1_e00b99ba-355c-48a3-a9ea-8765a84e0e5f.jpg?crop=center&height=200&v=1714656866&width=200 200w, //beautymarket.ma/cdn/shop/files/Untitled-1_e00b99ba-355c-48a3-a9ea-8765a84e0e5f.jpg?crop=center&height=240&v=1714656866&width=240 240w, //beautymarket.ma/cdn/shop/files/Untitled-1_e00b99ba-355c-48a3-a9ea-8765a84e0e5f.jpg?crop=center&height=280&v=1714656866&width=280 280w, //beautymarket.ma/cdn/shop/files/Untitled-1_e00b99ba-355c-48a3-a9ea-8765a84e0e5f.jpg?crop=center&height=300&v=1714656866&width=300 300w, //beautymarket.ma/cdn/shop/files/Untitled-1_e00b99ba-355c-48a3-a9ea-8765a84e0e5f.jpg?crop=center&height=360&v=1714656866&width=360 360w, //beautymarket.ma/cdn/shop/files/Untitled-1_e00b99ba-355c-48a3-a9ea-8765a84e0e5f.jpg?crop=center&height=400&v=1714656866&width=400 400w, //beautymarket.ma/cdn/shop/files/Untitled-1_e00b99ba-355c-48a3-a9ea-8765a84e0e5f.jpg?crop=center&height=450&v=1714656866&width=450 450w, //beautymarket.ma/cdn/shop/files/Untitled-1_e00b99ba-355c-48a3-a9ea-8765a84e0e5f.jpg?crop=center&height=500&v=1714656866&width=500 500w, //beautymarket.ma/cdn/shop/files/Untitled-1_e00b99ba-355c-48a3-a9ea-8765a84e0e5f.jpg?crop=center&height=550&v=1714656866&width=550 550w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 3), 450px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>3% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/anti-taches/products/la-roche-posay-mela-b3-spf30-soin-correcteur-protecteur-anti-taches-anti-recidive"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/la-roche-posay-mela-b3-spf30-soin-correcteur-protecteur-anti-taches-anti-recidive">La Roche-Posay Mela B3 SPF30 – Soin Correcteur Anti-Taches et Protecteur</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">264.00 dh</s>
<span class="sale" data-price>257.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">264.00 dh</s>
<span class="sale" data-price>257.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="7879074611375"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="43683326263471"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='7879074611375'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_with_media_kijQk3-7879074611375">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_with_media_kijQk3-7879074611375"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/anti-taches/products/la-roche-posay-mela-b3-spf30-soin-correcteur-protecteur-anti-taches-anti-recidive"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="7879074611375"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="43683326263471"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='7879074611375'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_with_media_kijQk3-7879074611375">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_with_media_kijQk3-7879074611375"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="7253383119023"
data-title="VICHY LIFTACTIV SPECIALIST B3 SERUM"
data-url="/products/vichy-liftactiv-specialist-b3-serum"
data-variant-id="41657129926831"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/vichy-liftactiv-specialist-b3-serum"
aria-label="VICHY LIFTACTIV SPECIALIST B3 SERUM"
><div
class="image product-item__image product-item__image--one aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="VICHY LIFTACTIV SPECIALIST B3 SERUM"
class="image__img"
loading="lazy"
width="900"
height="900"
src="//beautymarket.ma/cdn/shop/files/A.FRONTPACKSHOT.png?v=1763401622&width=320"
srcset="//beautymarket.ma/cdn/shop/files/A.FRONTPACKSHOT.png?crop=center&height=150&v=1763401622&width=150 150w, //beautymarket.ma/cdn/shop/files/A.FRONTPACKSHOT.png?crop=center&height=200&v=1763401622&width=200 200w, //beautymarket.ma/cdn/shop/files/A.FRONTPACKSHOT.png?crop=center&height=240&v=1763401622&width=240 240w, //beautymarket.ma/cdn/shop/files/A.FRONTPACKSHOT.png?crop=center&height=280&v=1763401622&width=280 280w, //beautymarket.ma/cdn/shop/files/A.FRONTPACKSHOT.png?crop=center&height=300&v=1763401622&width=300 300w, //beautymarket.ma/cdn/shop/files/A.FRONTPACKSHOT.png?crop=center&height=360&v=1763401622&width=360 360w, //beautymarket.ma/cdn/shop/files/A.FRONTPACKSHOT.png?crop=center&height=400&v=1763401622&width=400 400w, //beautymarket.ma/cdn/shop/files/A.FRONTPACKSHOT.png?crop=center&height=450&v=1763401622&width=450 450w, //beautymarket.ma/cdn/shop/files/A.FRONTPACKSHOT.png?crop=center&height=500&v=1763401622&width=500 500w, //beautymarket.ma/cdn/shop/files/A.FRONTPACKSHOT.png?crop=center&height=550&v=1763401622&width=550 550w, //beautymarket.ma/cdn/shop/files/A.FRONTPACKSHOT.png?crop=center&height=600&v=1763401622&width=600 600w, //beautymarket.ma/cdn/shop/files/A.FRONTPACKSHOT.png?crop=center&height=650&v=1763401622&width=650 650w, //beautymarket.ma/cdn/shop/files/A.FRONTPACKSHOT.png?crop=center&height=700&v=1763401622&width=700 700w, //beautymarket.ma/cdn/shop/files/A.FRONTPACKSHOT.png?crop=center&height=750&v=1763401622&width=750 750w, //beautymarket.ma/cdn/shop/files/A.FRONTPACKSHOT.png?crop=center&height=800&v=1763401622&width=800 800w, //beautymarket.ma/cdn/shop/files/A.FRONTPACKSHOT.png?crop=center&height=850&v=1763401622&width=850 850w, //beautymarket.ma/cdn/shop/files/A.FRONTPACKSHOT.png?crop=center&height=900&v=1763401622&width=900 900w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 3), 450px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div><div
class="image product-item__image product-item__image--two aspect-ratio--square"
style="--object-fit: cover;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="900"
height="900"
src="//beautymarket.ma/cdn/shop/files/Z.PACKSHOT.png?v=1763401622&width=320"
srcset="//beautymarket.ma/cdn/shop/files/Z.PACKSHOT.png?crop=center&height=150&v=1763401622&width=150 150w, //beautymarket.ma/cdn/shop/files/Z.PACKSHOT.png?crop=center&height=200&v=1763401622&width=200 200w, //beautymarket.ma/cdn/shop/files/Z.PACKSHOT.png?crop=center&height=240&v=1763401622&width=240 240w, //beautymarket.ma/cdn/shop/files/Z.PACKSHOT.png?crop=center&height=280&v=1763401622&width=280 280w, //beautymarket.ma/cdn/shop/files/Z.PACKSHOT.png?crop=center&height=300&v=1763401622&width=300 300w, //beautymarket.ma/cdn/shop/files/Z.PACKSHOT.png?crop=center&height=360&v=1763401622&width=360 360w, //beautymarket.ma/cdn/shop/files/Z.PACKSHOT.png?crop=center&height=400&v=1763401622&width=400 400w, //beautymarket.ma/cdn/shop/files/Z.PACKSHOT.png?crop=center&height=450&v=1763401622&width=450 450w, //beautymarket.ma/cdn/shop/files/Z.PACKSHOT.png?crop=center&height=500&v=1763401622&width=500 500w, //beautymarket.ma/cdn/shop/files/Z.PACKSHOT.png?crop=center&height=550&v=1763401622&width=550 550w, //beautymarket.ma/cdn/shop/files/Z.PACKSHOT.png?crop=center&height=600&v=1763401622&width=600 600w, //beautymarket.ma/cdn/shop/files/Z.PACKSHOT.png?crop=center&height=650&v=1763401622&width=650 650w, //beautymarket.ma/cdn/shop/files/Z.PACKSHOT.png?crop=center&height=700&v=1763401622&width=700 700w, //beautymarket.ma/cdn/shop/files/Z.PACKSHOT.png?crop=center&height=750&v=1763401622&width=750 750w, //beautymarket.ma/cdn/shop/files/Z.PACKSHOT.png?crop=center&height=800&v=1763401622&width=800 800w, //beautymarket.ma/cdn/shop/files/Z.PACKSHOT.png?crop=center&height=850&v=1763401622&width=850 850w, //beautymarket.ma/cdn/shop/files/Z.PACKSHOT.png?crop=center&height=900&v=1763401622&width=900 900w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 3), 450px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>3% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/anti-taches/products/vichy-liftactiv-specialist-b3-serum"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/vichy-liftactiv-specialist-b3-serum">VICHY LIFTACTIV SPECIALIST B3 SERUM</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">392.00 dh</s>
<span class="sale" data-price>382.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">392.00 dh</s>
<span class="sale" data-price>382.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="7253383119023"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="41657129926831"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='7253383119023'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_with_media_kijQk3-7253383119023">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_with_media_kijQk3-7253383119023"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/anti-taches/products/vichy-liftactiv-specialist-b3-serum"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="7253383119023"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="41657129926831"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='7253383119023'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_with_media_kijQk3-7253383119023">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_with_media_kijQk3-7253383119023"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="7977506930863"
data-title="DUCRAY MELASCREEN SERUM ANTI TACHES ECLAT 40 ML"
data-url="/products/ducray-melascreen-serum-anti-taches-eclat-40-ml"
data-variant-id="43970966749359"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/ducray-melascreen-serum-anti-taches-eclat-40-ml"
aria-label="DUCRAY MELASCREEN SERUM ANTI TACHES ECLAT 40 ML"
><div
class="image product-item__image aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="DUCRAY MELASCREEN SERUM ANTI TACHES ECLAT 40 ML"
class="image__img"
loading="lazy"
width="488"
height="488"
src="//beautymarket.ma/cdn/shop/files/ducray-019689du_01.webp?v=1761152946&width=320"
srcset="//beautymarket.ma/cdn/shop/files/ducray-019689du_01.webp?crop=center&height=150&v=1761152946&width=150 150w, //beautymarket.ma/cdn/shop/files/ducray-019689du_01.webp?crop=center&height=200&v=1761152946&width=200 200w, //beautymarket.ma/cdn/shop/files/ducray-019689du_01.webp?crop=center&height=240&v=1761152946&width=240 240w, //beautymarket.ma/cdn/shop/files/ducray-019689du_01.webp?crop=center&height=280&v=1761152946&width=280 280w, //beautymarket.ma/cdn/shop/files/ducray-019689du_01.webp?crop=center&height=300&v=1761152946&width=300 300w, //beautymarket.ma/cdn/shop/files/ducray-019689du_01.webp?crop=center&height=360&v=1761152946&width=360 360w, //beautymarket.ma/cdn/shop/files/ducray-019689du_01.webp?crop=center&height=400&v=1761152946&width=400 400w, //beautymarket.ma/cdn/shop/files/ducray-019689du_01.webp?crop=center&height=450&v=1761152946&width=450 450w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 3), 450px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>11% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/anti-taches/products/ducray-melascreen-serum-anti-taches-eclat-40-ml"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/ducray-melascreen-serum-anti-taches-eclat-40-ml">DUCRAY MELASCREEN SERUM ANTI TACHES ECLAT 40 ML</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">299.00 dh</s>
<span class="sale" data-price>265.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">299.00 dh</s>
<span class="sale" data-price>265.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="7977506930863"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="43970966749359"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='7977506930863'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_with_media_kijQk3-7977506930863">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_with_media_kijQk3-7977506930863"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/anti-taches/products/ducray-melascreen-serum-anti-taches-eclat-40-ml"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="7977506930863"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="43970966749359"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='7977506930863'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_with_media_kijQk3-7977506930863">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_with_media_kijQk3-7977506930863"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="7756651069615"
data-title="Revox b77 JUST ALPHA ARBUTIN 2% +SÉRUM ÉCLAIRCISSANT HA, 30ml"
data-url="/products/just-alpha-arbutin-2-ha-brightening-serum-30ml"
data-variant-id="43323571339439"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/just-alpha-arbutin-2-ha-brightening-serum-30ml"
aria-label="Revox b77 JUST ALPHA ARBUTIN 2% +SÉRUM ÉCLAIRCISSANT HA, 30ml"
><div
class="image product-item__image aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="Revox b77 JUST ALPHA ARBUTIN 2% +SÉRUM ÉCLAIRCISSANT HA, 30ml"
class="image__img"
loading="lazy"
width="1024"
height="1024"
src="//beautymarket.ma/cdn/shop/files/REVOX-B77-JUST-ALPHA-ARBUTIN-2-HA-BRIGHTENING-SERUM-30ml-1.webp?v=1710172957&width=320"
srcset="//beautymarket.ma/cdn/shop/files/REVOX-B77-JUST-ALPHA-ARBUTIN-2-HA-BRIGHTENING-SERUM-30ml-1.webp?crop=center&height=150&v=1710172957&width=150 150w, //beautymarket.ma/cdn/shop/files/REVOX-B77-JUST-ALPHA-ARBUTIN-2-HA-BRIGHTENING-SERUM-30ml-1.webp?crop=center&height=200&v=1710172957&width=200 200w, //beautymarket.ma/cdn/shop/files/REVOX-B77-JUST-ALPHA-ARBUTIN-2-HA-BRIGHTENING-SERUM-30ml-1.webp?crop=center&height=240&v=1710172957&width=240 240w, //beautymarket.ma/cdn/shop/files/REVOX-B77-JUST-ALPHA-ARBUTIN-2-HA-BRIGHTENING-SERUM-30ml-1.webp?crop=center&height=280&v=1710172957&width=280 280w, //beautymarket.ma/cdn/shop/files/REVOX-B77-JUST-ALPHA-ARBUTIN-2-HA-BRIGHTENING-SERUM-30ml-1.webp?crop=center&height=300&v=1710172957&width=300 300w, //beautymarket.ma/cdn/shop/files/REVOX-B77-JUST-ALPHA-ARBUTIN-2-HA-BRIGHTENING-SERUM-30ml-1.webp?crop=center&height=360&v=1710172957&width=360 360w, //beautymarket.ma/cdn/shop/files/REVOX-B77-JUST-ALPHA-ARBUTIN-2-HA-BRIGHTENING-SERUM-30ml-1.webp?crop=center&height=400&v=1710172957&width=400 400w, //beautymarket.ma/cdn/shop/files/REVOX-B77-JUST-ALPHA-ARBUTIN-2-HA-BRIGHTENING-SERUM-30ml-1.webp?crop=center&height=450&v=1710172957&width=450 450w, //beautymarket.ma/cdn/shop/files/REVOX-B77-JUST-ALPHA-ARBUTIN-2-HA-BRIGHTENING-SERUM-30ml-1.webp?crop=center&height=500&v=1710172957&width=500 500w, //beautymarket.ma/cdn/shop/files/REVOX-B77-JUST-ALPHA-ARBUTIN-2-HA-BRIGHTENING-SERUM-30ml-1.webp?crop=center&height=550&v=1710172957&width=550 550w, //beautymarket.ma/cdn/shop/files/REVOX-B77-JUST-ALPHA-ARBUTIN-2-HA-BRIGHTENING-SERUM-30ml-1.webp?crop=center&height=600&v=1710172957&width=600 600w, //beautymarket.ma/cdn/shop/files/REVOX-B77-JUST-ALPHA-ARBUTIN-2-HA-BRIGHTENING-SERUM-30ml-1.webp?crop=center&height=650&v=1710172957&width=650 650w, //beautymarket.ma/cdn/shop/files/REVOX-B77-JUST-ALPHA-ARBUTIN-2-HA-BRIGHTENING-SERUM-30ml-1.webp?crop=center&height=700&v=1710172957&width=700 700w, //beautymarket.ma/cdn/shop/files/REVOX-B77-JUST-ALPHA-ARBUTIN-2-HA-BRIGHTENING-SERUM-30ml-1.webp?crop=center&height=750&v=1710172957&width=750 750w, //beautymarket.ma/cdn/shop/files/REVOX-B77-JUST-ALPHA-ARBUTIN-2-HA-BRIGHTENING-SERUM-30ml-1.webp?crop=center&height=800&v=1710172957&width=800 800w, //beautymarket.ma/cdn/shop/files/REVOX-B77-JUST-ALPHA-ARBUTIN-2-HA-BRIGHTENING-SERUM-30ml-1.webp?crop=center&height=850&v=1710172957&width=850 850w, //beautymarket.ma/cdn/shop/files/REVOX-B77-JUST-ALPHA-ARBUTIN-2-HA-BRIGHTENING-SERUM-30ml-1.webp?crop=center&height=900&v=1710172957&width=900 900w, //beautymarket.ma/cdn/shop/files/REVOX-B77-JUST-ALPHA-ARBUTIN-2-HA-BRIGHTENING-SERUM-30ml-1.webp?crop=center&height=950&v=1710172957&width=950 950w, //beautymarket.ma/cdn/shop/files/REVOX-B77-JUST-ALPHA-ARBUTIN-2-HA-BRIGHTENING-SERUM-30ml-1.webp?crop=center&height=1000&v=1710172957&width=1000 1000w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 3), 450px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/anti-taches/products/just-alpha-arbutin-2-ha-brightening-serum-30ml"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/just-alpha-arbutin-2-ha-brightening-serum-30ml">Revox b77 JUST ALPHA ARBUTIN 2% +SÉRUM ÉCLAIRCISSANT HA, 30ml</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span>79.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span>79.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="7756651069615"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="43323571339439"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='7756651069615'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_with_media_kijQk3-7756651069615">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_with_media_kijQk3-7756651069615"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/anti-taches/products/just-alpha-arbutin-2-ha-brightening-serum-30ml"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="7756651069615"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="43323571339439"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='7756651069615'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_with_media_kijQk3-7756651069615">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_with_media_kijQk3-7756651069615"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="7709136519343"
data-title="Vichy Capital Soleil UV-Age Daily spf50+ 40ml"
data-url="/products/vichy-capital-soleil-uv-age-daily-spf50-40ml"
data-variant-id="43123996033199"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/vichy-capital-soleil-uv-age-daily-spf50-40ml"
aria-label="Vichy Capital Soleil UV-Age Daily spf50+ 40ml"
><div
class="image product-item__image product-item__image--one aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="Vichy Capital Soleil UV-Age Daily spf50+ 40ml"
class="image__img"
loading="lazy"
width="500"
height="500"
src="//beautymarket.ma/cdn/shop/files/Plandetravail12_24559657-fb3b-4a2c-afe0-b3bce205d240.png?v=1752230650&width=320"
srcset="//beautymarket.ma/cdn/shop/files/Plandetravail12_24559657-fb3b-4a2c-afe0-b3bce205d240.png?crop=center&height=150&v=1752230650&width=150 150w, //beautymarket.ma/cdn/shop/files/Plandetravail12_24559657-fb3b-4a2c-afe0-b3bce205d240.png?crop=center&height=200&v=1752230650&width=200 200w, //beautymarket.ma/cdn/shop/files/Plandetravail12_24559657-fb3b-4a2c-afe0-b3bce205d240.png?crop=center&height=240&v=1752230650&width=240 240w, //beautymarket.ma/cdn/shop/files/Plandetravail12_24559657-fb3b-4a2c-afe0-b3bce205d240.png?crop=center&height=280&v=1752230650&width=280 280w, //beautymarket.ma/cdn/shop/files/Plandetravail12_24559657-fb3b-4a2c-afe0-b3bce205d240.png?crop=center&height=300&v=1752230650&width=300 300w, //beautymarket.ma/cdn/shop/files/Plandetravail12_24559657-fb3b-4a2c-afe0-b3bce205d240.png?crop=center&height=360&v=1752230650&width=360 360w, //beautymarket.ma/cdn/shop/files/Plandetravail12_24559657-fb3b-4a2c-afe0-b3bce205d240.png?crop=center&height=400&v=1752230650&width=400 400w, //beautymarket.ma/cdn/shop/files/Plandetravail12_24559657-fb3b-4a2c-afe0-b3bce205d240.png?crop=center&height=450&v=1752230650&width=450 450w, //beautymarket.ma/cdn/shop/files/Plandetravail12_24559657-fb3b-4a2c-afe0-b3bce205d240.png?crop=center&height=500&v=1752230650&width=500 500w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 3), 450px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div><div
class="image product-item__image product-item__image--two aspect-ratio--square"
style="--object-fit: cover;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="500"
height="500"
src="//beautymarket.ma/cdn/shop/files/Plandetravail18_f2ded138-43c5-4d83-9306-0f87f29db0a5.png?v=1752230650&width=320"
srcset="//beautymarket.ma/cdn/shop/files/Plandetravail18_f2ded138-43c5-4d83-9306-0f87f29db0a5.png?crop=center&height=150&v=1752230650&width=150 150w, //beautymarket.ma/cdn/shop/files/Plandetravail18_f2ded138-43c5-4d83-9306-0f87f29db0a5.png?crop=center&height=200&v=1752230650&width=200 200w, //beautymarket.ma/cdn/shop/files/Plandetravail18_f2ded138-43c5-4d83-9306-0f87f29db0a5.png?crop=center&height=240&v=1752230650&width=240 240w, //beautymarket.ma/cdn/shop/files/Plandetravail18_f2ded138-43c5-4d83-9306-0f87f29db0a5.png?crop=center&height=280&v=1752230650&width=280 280w, //beautymarket.ma/cdn/shop/files/Plandetravail18_f2ded138-43c5-4d83-9306-0f87f29db0a5.png?crop=center&height=300&v=1752230650&width=300 300w, //beautymarket.ma/cdn/shop/files/Plandetravail18_f2ded138-43c5-4d83-9306-0f87f29db0a5.png?crop=center&height=360&v=1752230650&width=360 360w, //beautymarket.ma/cdn/shop/files/Plandetravail18_f2ded138-43c5-4d83-9306-0f87f29db0a5.png?crop=center&height=400&v=1752230650&width=400 400w, //beautymarket.ma/cdn/shop/files/Plandetravail18_f2ded138-43c5-4d83-9306-0f87f29db0a5.png?crop=center&height=450&v=1752230650&width=450 450w, //beautymarket.ma/cdn/shop/files/Plandetravail18_f2ded138-43c5-4d83-9306-0f87f29db0a5.png?crop=center&height=500&v=1752230650&width=500 500w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 3), 450px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>3% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/anti-taches/products/vichy-capital-soleil-uv-age-daily-spf50-40ml"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/vichy-capital-soleil-uv-age-daily-spf50-40ml">Vichy Capital Soleil UV-Age Daily spf50+ 40ml</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">216.00 dh</s>
<span class="sale" data-price>210.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">216.00 dh</s>
<span class="sale" data-price>210.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="7709136519343"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="43123996033199"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='7709136519343'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_with_media_kijQk3-7709136519343">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_with_media_kijQk3-7709136519343"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/anti-taches/products/vichy-capital-soleil-uv-age-daily-spf50-40ml"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="7709136519343"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="43123996033199"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='7709136519343'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_with_media_kijQk3-7709136519343">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_with_media_kijQk3-7709136519343"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</scroll-slider-component>
<div
class="scroll-slider-nav-button-wrapper scroll-slider-nav-button-wrapper--prev"
data-is-small="false"
>
<button
type="button"
class="scroll-slider-nav-button scroll-slider-nav-button--prev hidden"
title="Précédent"
data-scroll-slider-prev-button
name="prev"
>
<span class="icon icon-arrow-short" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 12.4016H11.5H23M23 12.4016L13.8 3M23 12.4016L13.8 21.8032" stroke="currentColor" stroke-width="1.75"/></svg>
</span>
</button>
</div>
<div
class="scroll-slider-nav-button-wrapper scroll-slider-nav-button-wrapper--next"
data-is-small="false"
>
<button
type="button"
class="scroll-slider-nav-button scroll-slider-nav-button--next hidden"
title="Suivant"
data-scroll-slider-next-button
name="next"
>
<span class="icon icon-arrow-short" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 12.4016H11.5H23M23 12.4016L13.8 3M23 12.4016L13.8 21.8032" stroke="currentColor" stroke-width="1.75"/></svg>
</span>
</button>
</div>
</div>
<script src="//beautymarket.ma/cdn/shop/t/35/assets/section-footer.js?v=11514157199586841511754934608" type="module"></script>
<section-footer-component class="section-footer animation--container-footer">
<div class="scroll-slider-page-dots" data-scroll-slider-page-dots data-hide-below-720="true"></div>
</section-footer-component>
</div>
</div>
</div>
</div>
</section><section id="shopify-section-template--18718532206767__grid_tUQEhp" class="shopify-section"><div
class="grid section"
style=" --grid-spacing: 40px; --color-background: #ffffff; --color-background-alpha-80: rgba(255, 255, 255, 0.8); --color-text: #121212; --color-text-input: #121212; --color-text-link: #ffa6a8; --color-text-alpha-90: rgba(18, 18, 18, 0.9); --color-text-alpha-80: rgba(18, 18, 18, 0.8); --color-text-alpha-70: rgba(18, 18, 18, 0.7); --color-text-alpha-60: rgba(18, 18, 18, 0.6); --color-text-alpha-50: rgba(18, 18, 18, 0.5); --color-text-alpha-40: rgba(18, 18, 18, 0.4); --color-text-alpha-30: rgba(18, 18, 18, 0.3); --color-text-alpha-25: rgba(18, 18, 18, 0.25); --color-text-alpha-20: rgba(18, 18, 18, 0.2); --color-text-alpha-10: rgba(18, 18, 18, 0.1); --color-text-alpha-05: rgba(18, 18, 18, 0.05);--color-border-input: rgba(68, 68, 68, 0.4); --section-style-spacing-top: 20px; --section-style-spacing-bottom: 0px; "
data-section-id="template--18718532206767__grid_tUQEhp"
data-section-type="grid"
>
<div
class="section-inner"
>
<div class="grid__inner"><div
class="grid-item grid-item--width-100 animation--item"
style=" --height: 380px; --mobile-height: 500px; --text-horizontal-position: flex-start; --text-horizontal-position-mobile: flex-start; --text-vertical-position: flex-end; --text-vertical-position-mobile: flex-end; --text-alignment: left; --text-alignment-mobile: left; "
>
<div class="grid-item__inner">
<div
class="background-image-container image-hero__image-container"
data-has-mobile-image="true"
data-absolutely-position-image="true"
><div
class="image background-image background-image--mobile grid-item__image grid-item__image--mobile animation--image animation--lazy-load"
style="--focal-alignment: center;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="500"
height="600"
src="//beautymarket.ma/cdn/shop/files/ACTVEEE_1.png?v=1728574705&width=320"
srcset=""
sizes="(min-width: 960px) calc(calc(100vw - calc(2 * clamp(24px, 2vw, 36px))) * 1.0), (min-width: 960px) calc(100vw - calc(2 * clamp(24px, 2vw, 36px))), calc(100vw - calc(2 * 16px))"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div><div
class="image background-image grid-item__image aspect-ratio--externally_set animation--image animation--lazy-load"
style="--focal-alignment: center;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="1920"
height="900"
src="//beautymarket.ma/cdn/shop/files/ACTIVES_1.jpg?v=1728574635&width=320"
srcset="//beautymarket.ma/cdn/shop/files/ACTIVES_1.jpg?v=1728574635&width=700 700w, //beautymarket.ma/cdn/shop/files/ACTIVES_1.jpg?v=1728574635&width=750 750w, //beautymarket.ma/cdn/shop/files/ACTIVES_1.jpg?v=1728574635&width=800 800w, //beautymarket.ma/cdn/shop/files/ACTIVES_1.jpg?v=1728574635&width=850 850w, //beautymarket.ma/cdn/shop/files/ACTIVES_1.jpg?v=1728574635&width=900 900w, //beautymarket.ma/cdn/shop/files/ACTIVES_1.jpg?v=1728574635&width=950 950w, //beautymarket.ma/cdn/shop/files/ACTIVES_1.jpg?v=1728574635&width=1000 1000w, //beautymarket.ma/cdn/shop/files/ACTIVES_1.jpg?v=1728574635&width=1100 1100w, //beautymarket.ma/cdn/shop/files/ACTIVES_1.jpg?v=1728574635&width=1200 1200w, //beautymarket.ma/cdn/shop/files/ACTIVES_1.jpg?v=1728574635&width=1300 1300w, //beautymarket.ma/cdn/shop/files/ACTIVES_1.jpg?v=1728574635&width=1400 1400w, //beautymarket.ma/cdn/shop/files/ACTIVES_1.jpg?v=1728574635&width=1500 1500w, //beautymarket.ma/cdn/shop/files/ACTIVES_1.jpg?v=1728574635&width=1600 1600w, //beautymarket.ma/cdn/shop/files/ACTIVES_1.jpg?v=1728574635&width=1800 1800w"
sizes="(min-width: 960px) calc(calc(100vw - calc(2 * clamp(24px, 2vw, 36px))) * 1.0), (min-width: 960px) calc(100vw - calc(2 * clamp(24px, 2vw, 36px))), calc(100vw - calc(2 * 16px))"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div></div>
<div
class="image-overlay animation--image-overlay"></div>
<div class="grid-item__text-container-wrapper"><div
class="grid-item__text-container image-overlay-content"
style="--color-text: #ffffff; --color-background: #000000; --color-text-alpha-90: rgba(255, 255, 255, 0.9); --color-text-alpha-80: rgba(255, 255, 255, 0.8); --color-text-alpha-70: rgba(255, 255, 255, 0.7); --color-text-alpha-60: rgba(255, 255, 255, 0.6); --color-text-alpha-50: rgba(255, 255, 255, 0.5); --color-text-alpha-40: rgba(255, 255, 255, 0.4); --color-text-alpha-30: rgba(255, 255, 255, 0.3); --color-text-alpha-25: rgba(255, 255, 255, 0.25); --color-text-alpha-20: rgba(255, 255, 255, 0.2); --color-text-alpha-10: rgba(255, 255, 255, 0.1); --color-text-alpha-05: rgba(255, 255, 255, 0.05);"
>
<div class="grid-item__text-container-inner section-blocks"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section><section id="shopify-section-template--18718532206767__quick_links_mA8VTc" class="shopify-section"><div
class="quick-links section"
data-section-id="template--18718532206767__quick_links_mA8VTc"
data-section-type="quick-links"
data-layout-desktop="slider"
data-layout-mobile="wrap"
data-alignment="center"
data-outline-links="true"
style=" --section-style-spacing-top: 36px; --section-style-spacing-bottom: 36px; --color-text: #121212; --color-text-link: #121212;--color-background: #ffffff;--color-background-alpha-80: rgba(255, 255, 255, 0.8); --color-text-alpha-90: rgba(18, 18, 18, 0.9); --color-text-alpha-80: rgba(18, 18, 18, 0.8); --color-text-alpha-70: rgba(18, 18, 18, 0.7); --color-text-alpha-60: rgba(18, 18, 18, 0.6); --color-text-alpha-50: rgba(18, 18, 18, 0.5); --color-text-alpha-40: rgba(18, 18, 18, 0.4); --color-text-alpha-30: rgba(18, 18, 18, 0.3); --color-text-alpha-25: rgba(18, 18, 18, 0.25); --color-text-alpha-20: rgba(18, 18, 18, 0.2); --color-text-alpha-10: rgba(18, 18, 18, 0.1); --color-text-alpha-05: rgba(18, 18, 18, 0.05); "
>
<div class="section-inner">
<div class="quick-links__inner">
<div class="quick-links__links-container hide-desktop">
<div class="quick-links__links">
<a
href="/collections/retinol"
data-link-shape="pill">
<span>RETINOL</span>
</a>
<a
href="/collections/niacinamide"
data-link-shape="pill">
<span>NIACINAMIDE</span>
</a>
<a
href="/collections/acide-hyaluronique"
data-link-shape="pill">
<span>ACIDE HYALURONIQUE</span>
</a>
<a
href="/collections/vitamine-b5"
data-link-shape="pill">
<span>VITAMINE B5</span>
</a>
<a
href="https://beautymarket.ma/search?options%5Bprefix%5D=last&q=SALICYLIC+"
data-link-shape="pill">
<span>SALICYLIC ACID</span>
</a>
</div>
</div><div
class="quick-links__links-container hide-mobile"
data-scroll-container
data-at-start="false"
data-at-end="false"
data-axis="horizontal"
data-scroll-offset="300"
>
<button
class="scroll-button"
data-position="start"
data-direction="backwards"
title="Précédent"
>
<span class="icon icon-arrow-short" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 12.4016H11.5H23M23 12.4016L13.8 3M23 12.4016L13.8 21.8032" stroke="currentColor" stroke-width="1.75"/></svg>
</span>
</button>
<div class="quick-links__links-wrapper" data-scroll-container-viewport>
<div class="scroll-sentinal scroll-sentinal--start" data-position="start"></div>
<div class="quick-links__links">
<a
href="/collections/retinol"
data-link-shape="pill">
<span>RETINOL</span>
</a>
<a
href="/collections/niacinamide"
data-link-shape="pill">
<span>NIACINAMIDE</span>
</a>
<a
href="/collections/acide-hyaluronique"
data-link-shape="pill">
<span>ACIDE HYALURONIQUE</span>
</a>
<a
href="/collections/vitamine-b5"
data-link-shape="pill">
<span>VITAMINE B5</span>
</a>
<a
href="https://beautymarket.ma/search?options%5Bprefix%5D=last&q=SALICYLIC+"
data-link-shape="pill">
<span>SALICYLIC ACID</span>
</a>
</div>
<div class="scroll-sentinal scroll-sentinal--end" data-position="end"></div>
</div>
<button
class="scroll-button"
data-position="end"
data-direction="forwards"
title="Suivant"
>
<span class="icon icon-arrow-short" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 12.4016H11.5H23M23 12.4016L13.8 3M23 12.4016L13.8 21.8032" stroke="currentColor" stroke-width="1.75"/></svg>
</span>
</button>
</div></div>
</div>
</div>
</section><section id="shopify-section-template--18718532206767__slideshow_CxEBYz" class="shopify-section shopify-section--full-width"><div
class="slideshow section section--hero"
data-has-navigation="true"
data-nav-has-background="false"
data-is-single-slide="false"
data-image-height-type="adapt_to_image"
data-section-id="template--18718532206767__slideshow_CxEBYz"
data-section-type="slideshow"
data-scroller-id="slideshow-template--18718532206767__slideshow_CxEBYz"
style=" --custom-height-desktop: 550px; --custom-height-mobile: 450px; --section-style-spacing-top: 12px; --section-style-spacing-bottom: 32px; "
>
<div
class="section-inner"
>
<div class="slideshow__inner">
<script src="//beautymarket.ma/cdn/shop/t/35/assets/scroll-slider.js?v=137308953565903322681754934608" type="module"></script>
<script src="//beautymarket.ma/cdn/shop/t/35/assets/slideshow.js?v=6014208066395939321754934608" type="module"></script>
<slideshow-component
class="scroll-slider scroll-slider--standard-width scroll-all-sizes"
style="--columns: 1; --peek: 0px; --gap: 0px;"
data-id="slideshow-template--18718532206767__slideshow_CxEBYz"
data-navigation-container=".slideshow__inner"
data-autoplay="true"
data-autoplay-delay="6000"
data-autoplay-pause-on-hover=""
data-is-slideshow="true"
>
<div class="scroll-slider__slider">
<div
class="slideshow-slide"
data-index="0"
>
<div class="slideshow-slide__inner">
<div
class="background-image-container image-hero__image-container"
data-has-mobile-image="false"
data-absolutely-position-image="false"
><div
class="image background-image slideshow-slide__image animation--image animation--lazy-load"
style="--focal-alignment: center;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="1800"
height="844"
src="//beautymarket.ma/cdn/shop/files/erbobannerR_1.jpg?v=1728575135&width=320"
srcset="//beautymarket.ma/cdn/shop/files/erbobannerR_1.jpg?v=1728575135&width=700 700w, //beautymarket.ma/cdn/shop/files/erbobannerR_1.jpg?v=1728575135&width=750 750w, //beautymarket.ma/cdn/shop/files/erbobannerR_1.jpg?v=1728575135&width=800 800w, //beautymarket.ma/cdn/shop/files/erbobannerR_1.jpg?v=1728575135&width=850 850w, //beautymarket.ma/cdn/shop/files/erbobannerR_1.jpg?v=1728575135&width=900 900w, //beautymarket.ma/cdn/shop/files/erbobannerR_1.jpg?v=1728575135&width=950 950w, //beautymarket.ma/cdn/shop/files/erbobannerR_1.jpg?v=1728575135&width=1000 1000w, //beautymarket.ma/cdn/shop/files/erbobannerR_1.jpg?v=1728575135&width=1100 1100w, //beautymarket.ma/cdn/shop/files/erbobannerR_1.jpg?v=1728575135&width=1200 1200w, //beautymarket.ma/cdn/shop/files/erbobannerR_1.jpg?v=1728575135&width=1300 1300w, //beautymarket.ma/cdn/shop/files/erbobannerR_1.jpg?v=1728575135&width=1400 1400w, //beautymarket.ma/cdn/shop/files/erbobannerR_1.jpg?v=1728575135&width=1500 1500w, //beautymarket.ma/cdn/shop/files/erbobannerR_1.jpg?v=1728575135&width=1600 1600w, //beautymarket.ma/cdn/shop/files/erbobannerR_1.jpg?v=1728575135&width=1800 1800w"
sizes="100vw"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div></div>
<div
class="slideshow-slide__overlay image-overlay animation--image-overlay"
data-image-overlay-tint-style="solid" style="--overlay-opacity:0%; --color-overlay-tint: #ffffff;"
></div>
<div
class="slideshow-slide__text-container-wrapper"
style=" --text-horizontal-position: center; --text-horizontal-position-mobile: center; --text-vertical-position: center; --text-vertical-position-mobile: center; --text-alignment: center; --text-alignment-mobile: center; --content-max-width: 400px; "
><div class="slideshow-slide__text-container text-container image-overlay-content animation--item">
<a
href="/pages/erborian"
class="slideshow-slide__image-link"
aria-label="Beauty Market banner"
></a>
<div class="slideshow-slide__text-container-inner text-container-inner section-blocks animation--container">
</div>
</div>
</div>
</div>
</div>
<div
class="slideshow-slide"
data-index="1"
inert
>
<div class="slideshow-slide__inner">
<div
class="background-image-container image-hero__image-container"
data-has-mobile-image="false"
data-absolutely-position-image="false"
><div
class="image background-image slideshow-slide__image animation--image animation--lazy-load"
style="--focal-alignment: center;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="1920"
height="900"
src="//beautymarket.ma/cdn/shop/files/EEEE_1_1.jpg?v=1728575250&width=320"
srcset="//beautymarket.ma/cdn/shop/files/EEEE_1_1.jpg?v=1728575250&width=700 700w, //beautymarket.ma/cdn/shop/files/EEEE_1_1.jpg?v=1728575250&width=750 750w, //beautymarket.ma/cdn/shop/files/EEEE_1_1.jpg?v=1728575250&width=800 800w, //beautymarket.ma/cdn/shop/files/EEEE_1_1.jpg?v=1728575250&width=850 850w, //beautymarket.ma/cdn/shop/files/EEEE_1_1.jpg?v=1728575250&width=900 900w, //beautymarket.ma/cdn/shop/files/EEEE_1_1.jpg?v=1728575250&width=950 950w, //beautymarket.ma/cdn/shop/files/EEEE_1_1.jpg?v=1728575250&width=1000 1000w, //beautymarket.ma/cdn/shop/files/EEEE_1_1.jpg?v=1728575250&width=1100 1100w, //beautymarket.ma/cdn/shop/files/EEEE_1_1.jpg?v=1728575250&width=1200 1200w, //beautymarket.ma/cdn/shop/files/EEEE_1_1.jpg?v=1728575250&width=1300 1300w, //beautymarket.ma/cdn/shop/files/EEEE_1_1.jpg?v=1728575250&width=1400 1400w, //beautymarket.ma/cdn/shop/files/EEEE_1_1.jpg?v=1728575250&width=1500 1500w, //beautymarket.ma/cdn/shop/files/EEEE_1_1.jpg?v=1728575250&width=1600 1600w, //beautymarket.ma/cdn/shop/files/EEEE_1_1.jpg?v=1728575250&width=1800 1800w"
sizes="100vw"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div></div>
<div
class="slideshow-slide__overlay image-overlay animation--image-overlay"
data-image-overlay-tint-style="solid" style="--overlay-opacity:0%; --color-overlay-tint: #000;"
></div>
<div
class="slideshow-slide__text-container-wrapper"
style=" --text-horizontal-position: center; --text-horizontal-position-mobile: center; --text-vertical-position: center; --text-vertical-position-mobile: center; --text-alignment: center; --text-alignment-mobile: center; --content-max-width: 500px; "
><div class="slideshow-slide__text-container text-container image-overlay-content animation--item">
<a
href="https://beautymarket.ma/search?page=1&q=SOMEBYMI&type=product"
class="slideshow-slide__image-link"
aria-label="Beauty Market banner"
></a>
<div class="slideshow-slide__text-container-inner text-container-inner section-blocks animation--container">
</div>
</div>
</div>
</div>
</div>
<div
class="slideshow-slide"
data-index="2"
inert
>
<div class="slideshow-slide__inner">
<div
class="background-image-container image-hero__image-container"
data-has-mobile-image="false"
data-absolutely-position-image="false"
><div
class="image background-image slideshow-slide__image animation--image animation--lazy-load"
style="--focal-alignment: center;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="1920"
height="900"
src="//beautymarket.ma/cdn/shop/files/BANNERRJH_1_1.jpg?v=1728575177&width=320"
srcset="//beautymarket.ma/cdn/shop/files/BANNERRJH_1_1.jpg?v=1728575177&width=700 700w, //beautymarket.ma/cdn/shop/files/BANNERRJH_1_1.jpg?v=1728575177&width=750 750w, //beautymarket.ma/cdn/shop/files/BANNERRJH_1_1.jpg?v=1728575177&width=800 800w, //beautymarket.ma/cdn/shop/files/BANNERRJH_1_1.jpg?v=1728575177&width=850 850w, //beautymarket.ma/cdn/shop/files/BANNERRJH_1_1.jpg?v=1728575177&width=900 900w, //beautymarket.ma/cdn/shop/files/BANNERRJH_1_1.jpg?v=1728575177&width=950 950w, //beautymarket.ma/cdn/shop/files/BANNERRJH_1_1.jpg?v=1728575177&width=1000 1000w, //beautymarket.ma/cdn/shop/files/BANNERRJH_1_1.jpg?v=1728575177&width=1100 1100w, //beautymarket.ma/cdn/shop/files/BANNERRJH_1_1.jpg?v=1728575177&width=1200 1200w, //beautymarket.ma/cdn/shop/files/BANNERRJH_1_1.jpg?v=1728575177&width=1300 1300w, //beautymarket.ma/cdn/shop/files/BANNERRJH_1_1.jpg?v=1728575177&width=1400 1400w, //beautymarket.ma/cdn/shop/files/BANNERRJH_1_1.jpg?v=1728575177&width=1500 1500w, //beautymarket.ma/cdn/shop/files/BANNERRJH_1_1.jpg?v=1728575177&width=1600 1600w, //beautymarket.ma/cdn/shop/files/BANNERRJH_1_1.jpg?v=1728575177&width=1800 1800w"
sizes="100vw"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div></div>
<div
class="slideshow-slide__overlay image-overlay animation--image-overlay"
data-image-overlay-tint-style="solid" style="--overlay-opacity:0%; --color-overlay-tint: #000;"
></div>
<div
class="slideshow-slide__text-container-wrapper"
style=" --text-horizontal-position: center; --text-horizontal-position-mobile: center; --text-vertical-position: center; --text-vertical-position-mobile: center; --text-alignment: center; --text-alignment-mobile: center; --content-max-width: 500px; "
><div class="slideshow-slide__text-container text-container image-overlay-content animation--item">
<a
href="/collections/nouveau-beauty-of-joseon"
class="slideshow-slide__image-link"
aria-label="Beauty Market banner"
></a>
<div class="slideshow-slide__text-container-inner text-container-inner section-blocks animation--container">
</div>
</div>
</div>
</div>
</div>
<div
class="slideshow-slide"
data-index="3"
inert
>
<div class="slideshow-slide__inner">
<div
class="background-image-container image-hero__image-container"
data-has-mobile-image="false"
data-absolutely-position-image="false"
><div
class="image background-image slideshow-slide__image animation--image animation--lazy-load"
style="--focal-alignment: center;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="1800"
height="844"
src="//beautymarket.ma/cdn/shop/files/AXIS_BANNER_ce81cdad-ac71-4e05-be9f-ef6ed1001bcf_1.jpg?v=1728575082&width=320"
srcset="//beautymarket.ma/cdn/shop/files/AXIS_BANNER_ce81cdad-ac71-4e05-be9f-ef6ed1001bcf_1.jpg?v=1728575082&width=700 700w, //beautymarket.ma/cdn/shop/files/AXIS_BANNER_ce81cdad-ac71-4e05-be9f-ef6ed1001bcf_1.jpg?v=1728575082&width=750 750w, //beautymarket.ma/cdn/shop/files/AXIS_BANNER_ce81cdad-ac71-4e05-be9f-ef6ed1001bcf_1.jpg?v=1728575082&width=800 800w, //beautymarket.ma/cdn/shop/files/AXIS_BANNER_ce81cdad-ac71-4e05-be9f-ef6ed1001bcf_1.jpg?v=1728575082&width=850 850w, //beautymarket.ma/cdn/shop/files/AXIS_BANNER_ce81cdad-ac71-4e05-be9f-ef6ed1001bcf_1.jpg?v=1728575082&width=900 900w, //beautymarket.ma/cdn/shop/files/AXIS_BANNER_ce81cdad-ac71-4e05-be9f-ef6ed1001bcf_1.jpg?v=1728575082&width=950 950w, //beautymarket.ma/cdn/shop/files/AXIS_BANNER_ce81cdad-ac71-4e05-be9f-ef6ed1001bcf_1.jpg?v=1728575082&width=1000 1000w, //beautymarket.ma/cdn/shop/files/AXIS_BANNER_ce81cdad-ac71-4e05-be9f-ef6ed1001bcf_1.jpg?v=1728575082&width=1100 1100w, //beautymarket.ma/cdn/shop/files/AXIS_BANNER_ce81cdad-ac71-4e05-be9f-ef6ed1001bcf_1.jpg?v=1728575082&width=1200 1200w, //beautymarket.ma/cdn/shop/files/AXIS_BANNER_ce81cdad-ac71-4e05-be9f-ef6ed1001bcf_1.jpg?v=1728575082&width=1300 1300w, //beautymarket.ma/cdn/shop/files/AXIS_BANNER_ce81cdad-ac71-4e05-be9f-ef6ed1001bcf_1.jpg?v=1728575082&width=1400 1400w, //beautymarket.ma/cdn/shop/files/AXIS_BANNER_ce81cdad-ac71-4e05-be9f-ef6ed1001bcf_1.jpg?v=1728575082&width=1500 1500w, //beautymarket.ma/cdn/shop/files/AXIS_BANNER_ce81cdad-ac71-4e05-be9f-ef6ed1001bcf_1.jpg?v=1728575082&width=1600 1600w, //beautymarket.ma/cdn/shop/files/AXIS_BANNER_ce81cdad-ac71-4e05-be9f-ef6ed1001bcf_1.jpg?v=1728575082&width=1800 1800w"
sizes="100vw"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div></div>
<div
class="slideshow-slide__overlay image-overlay animation--image-overlay"
data-image-overlay-tint-style="solid" style="--overlay-opacity:0%; --color-overlay-tint: #000;"
></div>
<div
class="slideshow-slide__text-container-wrapper"
style=" --text-horizontal-position: center; --text-horizontal-position-mobile: center; --text-vertical-position: center; --text-vertical-position-mobile: center; --text-alignment: center; --text-alignment-mobile: center; --content-max-width: 500px; "
><div class="slideshow-slide__text-container text-container image-overlay-content animation--item">
<a
href="/collections/axis-y"
class="slideshow-slide__image-link"
aria-label="Beauty Market banner"
></a>
<div class="slideshow-slide__text-container-inner text-container-inner section-blocks animation--container">
</div>
</div>
</div>
</div>
</div>
</div>
</slideshow-component>
<div
class="slideshow-navigation"
data-autoplay="true"
data-size="regular"
data-size-mobile="wide"
data-alignment="center"
data-alignment-mobile="center"
data-background-style="fill"
data-show-drop-shadows="true"
style=" --animation-timing: 6; --color-foreground: #ffffff; --color-foreground-alpha-40: rgba(255, 255, 255, 0.4); --color-foreground-alpha-80: rgba(255, 255, 255, 0.8); --color-background: #000000; --color-background-alpha-0: rgba(0, 0, 0, 0); --color-background-alpha-background: rgba(0, 0, 0, 0.0); "
>
<div class="slideshow-navigation__inner">
<div class="slideshow-navigation__dots">
<div class="scroll-slider-page-dots" data-scroll-slider-page-dots data-hide-below-720="false"></div>
</div>
<button
type="button"
class="slideshow-navigation__pause-button"
data-is-playing="true"
data-play-label="Lire"
data-pause-label="Pause"
aria-label="Pause"
>
<span class="icon icon-play-arrow" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M3 24V0l18 12z" style="stroke-width:1.71429"/></svg>
</span>
<span class="icon icon-pause" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" fill-rule="evenodd" d="M8.59 0H1.77v24h6.82zm13.64 0h-6.82v24h6.82z" clip-rule="evenodd"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</section><section id="shopify-section-template--18718532206767__featured_collection_CjHQkE" class="shopify-section"><div
class="featured-collection section"
style=" --section-style-spacing-top: 0px; --section-style-spacing-bottom: 36px; --num-columns-desktop: 5; --num-columns-tablet: 4; --num-columns-mobile: 2; "
data-section-id="template--18718532206767__featured_collection_CjHQkE"
data-section-type="featured-collection"
data-products-per-view="5"
data-mobile-products-per-view="2"
>
<div class="section-inner">
<div
class="section-header section-blocks animation--container-header"
data-alignment="center">
<h2 class="ff-heading section-header__heading fs-heading-3-base">
k-Beauty
</h2>
<h2 class="ff-body fs-body-100 section-header__subheading rte">
BEST SELLER
</h2>
</div>
<div
class="featured-collection__products featured-collection-slider-grid standard-grid-spacing product-item-holder"
data-standard-grid-spacing-type="product-list">
<script src="//beautymarket.ma/cdn/shop/t/35/assets/scroll-slider.js?v=137308953565903322681754934608" type="module"></script>
<scroll-slider-component
class="scroll-slider scroll-slider--full-width-below-1024 scroll-slider--peek-and-full-width-below-1024 scroll-all-sizes"
style="--columns: 2; --columns-above-720: 4; --columns-above-1024: 5; --peek: 24px; --peek-above-1024: 0px; --gap: 12px; --gap-above-1024: 16px; --gap-above-1200: 24px;"
data-id="featured-collection"
data-navigation-container=".featured-collection"
data-autoplay=""
data-autoplay-delay="0"
data-autoplay-pause-on-hover=""
>
<div class="scroll-slider__slider">
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8036716839087"
data-title="BEAUTY OF JOSEON ECRAN SOLAIRE SPF 50+"
data-url="/products/beauty-of-joseon-ecran-solaire-spf-50"
data-variant-id="44183286317231"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/beauty-of-joseon-ecran-solaire-spf-50"
aria-label="BEAUTY OF JOSEON ECRAN SOLAIRE SPF 50+"
><div
class="image product-item__image product-item__image--one aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="BEAUTY OF JOSEON ECRAN SOLAIRE SPF 50+"
class="image__img"
loading="lazy"
width="595"
height="655"
src="//beautymarket.ma/cdn/shop/files/JEAOSE.png?v=1721320629&width=320"
srcset="//beautymarket.ma/cdn/shop/files/JEAOSE.png?crop=center&height=150&v=1721320629&width=150 150w, //beautymarket.ma/cdn/shop/files/JEAOSE.png?crop=center&height=200&v=1721320629&width=200 200w, //beautymarket.ma/cdn/shop/files/JEAOSE.png?crop=center&height=240&v=1721320629&width=240 240w, //beautymarket.ma/cdn/shop/files/JEAOSE.png?crop=center&height=280&v=1721320629&width=280 280w, //beautymarket.ma/cdn/shop/files/JEAOSE.png?crop=center&height=300&v=1721320629&width=300 300w, //beautymarket.ma/cdn/shop/files/JEAOSE.png?crop=center&height=360&v=1721320629&width=360 360w, //beautymarket.ma/cdn/shop/files/JEAOSE.png?crop=center&height=400&v=1721320629&width=400 400w, //beautymarket.ma/cdn/shop/files/JEAOSE.png?crop=center&height=450&v=1721320629&width=450 450w, //beautymarket.ma/cdn/shop/files/JEAOSE.png?crop=center&height=500&v=1721320629&width=500 500w, //beautymarket.ma/cdn/shop/files/JEAOSE.png?crop=center&height=550&v=1721320629&width=550 550w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div><div
class="image product-item__image product-item__image--two aspect-ratio--square"
style="--object-fit: cover;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="595"
height="655"
src="//beautymarket.ma/cdn/shop/files/FFFHJ.png?v=1721320963&width=320"
srcset="//beautymarket.ma/cdn/shop/files/FFFHJ.png?crop=center&height=150&v=1721320963&width=150 150w, //beautymarket.ma/cdn/shop/files/FFFHJ.png?crop=center&height=200&v=1721320963&width=200 200w, //beautymarket.ma/cdn/shop/files/FFFHJ.png?crop=center&height=240&v=1721320963&width=240 240w, //beautymarket.ma/cdn/shop/files/FFFHJ.png?crop=center&height=280&v=1721320963&width=280 280w, //beautymarket.ma/cdn/shop/files/FFFHJ.png?crop=center&height=300&v=1721320963&width=300 300w, //beautymarket.ma/cdn/shop/files/FFFHJ.png?crop=center&height=360&v=1721320963&width=360 360w, //beautymarket.ma/cdn/shop/files/FFFHJ.png?crop=center&height=400&v=1721320963&width=400 400w, //beautymarket.ma/cdn/shop/files/FFFHJ.png?crop=center&height=450&v=1721320963&width=450 450w, //beautymarket.ma/cdn/shop/files/FFFHJ.png?crop=center&height=500&v=1721320963&width=500 500w, //beautymarket.ma/cdn/shop/files/FFFHJ.png?crop=center&height=550&v=1721320963&width=550 550w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>28% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/k-beauty-best-sellers/products/beauty-of-joseon-ecran-solaire-spf-50"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/beauty-of-joseon-ecran-solaire-spf-50">BEAUTY OF JOSEON ECRAN SOLAIRE SPF 50+</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">320.00 dh</s>
<span class="sale" data-price>229.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">320.00 dh</s>
<span class="sale" data-price>229.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8036716839087"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="44183286317231"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8036716839087'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_CjHQkE-8036716839087">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_CjHQkE-8036716839087"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/k-beauty-best-sellers/products/beauty-of-joseon-ecran-solaire-spf-50"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8036716839087"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="44183286317231"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8036716839087'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_CjHQkE-8036716839087">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_CjHQkE-8036716839087"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8062417862831"
data-title="ANUA Niacinamide 10% + TXA 4% Dark Spot Correcting Serum 30ml"
data-url="/products/anua-niacinamide-10-txa-4-dark-spot-correcting-serum-30ml"
data-variant-id="44308286013615"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/anua-niacinamide-10-txa-4-dark-spot-correcting-serum-30ml"
aria-label="ANUA Niacinamide 10% + TXA 4% Dark Spot Correcting Serum 30ml"
><div
class="image product-item__image aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="ANUA Niacinamide 10% + TXA 4% Dark Spot Correcting Serum 30ml"
class="image__img"
loading="lazy"
width="1280"
height="1280"
src="//beautymarket.ma/cdn/shop/files/BUY2_40_1280x_09a0e200-498b-4a8a-8b58-56ba739a4942.webp?v=1741180035&width=320"
srcset="//beautymarket.ma/cdn/shop/files/BUY2_40_1280x_09a0e200-498b-4a8a-8b58-56ba739a4942.webp?crop=center&height=150&v=1741180035&width=150 150w, //beautymarket.ma/cdn/shop/files/BUY2_40_1280x_09a0e200-498b-4a8a-8b58-56ba739a4942.webp?crop=center&height=200&v=1741180035&width=200 200w, //beautymarket.ma/cdn/shop/files/BUY2_40_1280x_09a0e200-498b-4a8a-8b58-56ba739a4942.webp?crop=center&height=240&v=1741180035&width=240 240w, //beautymarket.ma/cdn/shop/files/BUY2_40_1280x_09a0e200-498b-4a8a-8b58-56ba739a4942.webp?crop=center&height=280&v=1741180035&width=280 280w, //beautymarket.ma/cdn/shop/files/BUY2_40_1280x_09a0e200-498b-4a8a-8b58-56ba739a4942.webp?crop=center&height=300&v=1741180035&width=300 300w, //beautymarket.ma/cdn/shop/files/BUY2_40_1280x_09a0e200-498b-4a8a-8b58-56ba739a4942.webp?crop=center&height=360&v=1741180035&width=360 360w, //beautymarket.ma/cdn/shop/files/BUY2_40_1280x_09a0e200-498b-4a8a-8b58-56ba739a4942.webp?crop=center&height=400&v=1741180035&width=400 400w, //beautymarket.ma/cdn/shop/files/BUY2_40_1280x_09a0e200-498b-4a8a-8b58-56ba739a4942.webp?crop=center&height=450&v=1741180035&width=450 450w, //beautymarket.ma/cdn/shop/files/BUY2_40_1280x_09a0e200-498b-4a8a-8b58-56ba739a4942.webp?crop=center&height=500&v=1741180035&width=500 500w, //beautymarket.ma/cdn/shop/files/BUY2_40_1280x_09a0e200-498b-4a8a-8b58-56ba739a4942.webp?crop=center&height=550&v=1741180035&width=550 550w, //beautymarket.ma/cdn/shop/files/BUY2_40_1280x_09a0e200-498b-4a8a-8b58-56ba739a4942.webp?crop=center&height=600&v=1741180035&width=600 600w, //beautymarket.ma/cdn/shop/files/BUY2_40_1280x_09a0e200-498b-4a8a-8b58-56ba739a4942.webp?crop=center&height=650&v=1741180035&width=650 650w, //beautymarket.ma/cdn/shop/files/BUY2_40_1280x_09a0e200-498b-4a8a-8b58-56ba739a4942.webp?crop=center&height=700&v=1741180035&width=700 700w, //beautymarket.ma/cdn/shop/files/BUY2_40_1280x_09a0e200-498b-4a8a-8b58-56ba739a4942.webp?crop=center&height=750&v=1741180035&width=750 750w, //beautymarket.ma/cdn/shop/files/BUY2_40_1280x_09a0e200-498b-4a8a-8b58-56ba739a4942.webp?crop=center&height=800&v=1741180035&width=800 800w, //beautymarket.ma/cdn/shop/files/BUY2_40_1280x_09a0e200-498b-4a8a-8b58-56ba739a4942.webp?crop=center&height=850&v=1741180035&width=850 850w, //beautymarket.ma/cdn/shop/files/BUY2_40_1280x_09a0e200-498b-4a8a-8b58-56ba739a4942.webp?crop=center&height=900&v=1741180035&width=900 900w, //beautymarket.ma/cdn/shop/files/BUY2_40_1280x_09a0e200-498b-4a8a-8b58-56ba739a4942.webp?crop=center&height=950&v=1741180035&width=950 950w, //beautymarket.ma/cdn/shop/files/BUY2_40_1280x_09a0e200-498b-4a8a-8b58-56ba739a4942.webp?crop=center&height=1000&v=1741180035&width=1000 1000w, //beautymarket.ma/cdn/shop/files/BUY2_40_1280x_09a0e200-498b-4a8a-8b58-56ba739a4942.webp?crop=center&height=1100&v=1741180035&width=1100 1100w, //beautymarket.ma/cdn/shop/files/BUY2_40_1280x_09a0e200-498b-4a8a-8b58-56ba739a4942.webp?crop=center&height=1200&v=1741180035&width=1200 1200w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>10% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/k-beauty-best-sellers/products/anua-niacinamide-10-txa-4-dark-spot-correcting-serum-30ml"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/anua-niacinamide-10-txa-4-dark-spot-correcting-serum-30ml">ANUA Niacinamide 10% + TXA 4% Dark Spot Correcting Serum 30ml</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">320.00 dh</s>
<span class="sale" data-price>289.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">320.00 dh</s>
<span class="sale" data-price>289.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8062417862831"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="44308286013615"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8062417862831'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_CjHQkE-8062417862831">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_CjHQkE-8062417862831"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/k-beauty-best-sellers/products/anua-niacinamide-10-txa-4-dark-spot-correcting-serum-30ml"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8062417862831"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="44308286013615"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8062417862831'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_CjHQkE-8062417862831">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_CjHQkE-8062417862831"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8111372730543"
data-title="BEAUTY OF JOSEON Relief Sun Aqua-fresh Rice + B5"
data-url="/products/beauty-of-joseon-relief-sun-aqua-fresh-rice-b5"
data-variant-id="44588351717551"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/beauty-of-joseon-relief-sun-aqua-fresh-rice-b5"
aria-label="BEAUTY OF JOSEON Relief Sun Aqua-fresh Rice + B5"
><div
class="image product-item__image product-item__image--one aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="BEAUTY OF JOSEON Relief Sun Aqua-fresh Rice + B5"
class="image__img"
loading="lazy"
width="595"
height="655"
src="//beautymarket.ma/cdn/shop/files/DFWDSETRT.png?v=1730998390&width=320"
srcset="//beautymarket.ma/cdn/shop/files/DFWDSETRT.png?crop=center&height=150&v=1730998390&width=150 150w, //beautymarket.ma/cdn/shop/files/DFWDSETRT.png?crop=center&height=200&v=1730998390&width=200 200w, //beautymarket.ma/cdn/shop/files/DFWDSETRT.png?crop=center&height=240&v=1730998390&width=240 240w, //beautymarket.ma/cdn/shop/files/DFWDSETRT.png?crop=center&height=280&v=1730998390&width=280 280w, //beautymarket.ma/cdn/shop/files/DFWDSETRT.png?crop=center&height=300&v=1730998390&width=300 300w, //beautymarket.ma/cdn/shop/files/DFWDSETRT.png?crop=center&height=360&v=1730998390&width=360 360w, //beautymarket.ma/cdn/shop/files/DFWDSETRT.png?crop=center&height=400&v=1730998390&width=400 400w, //beautymarket.ma/cdn/shop/files/DFWDSETRT.png?crop=center&height=450&v=1730998390&width=450 450w, //beautymarket.ma/cdn/shop/files/DFWDSETRT.png?crop=center&height=500&v=1730998390&width=500 500w, //beautymarket.ma/cdn/shop/files/DFWDSETRT.png?crop=center&height=550&v=1730998390&width=550 550w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div><div
class="image product-item__image product-item__image--two aspect-ratio--square"
style="--object-fit: cover;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="595"
height="655"
src="//beautymarket.ma/cdn/shop/files/aquoaa.png?v=1730996553&width=320"
srcset="//beautymarket.ma/cdn/shop/files/aquoaa.png?crop=center&height=150&v=1730996553&width=150 150w, //beautymarket.ma/cdn/shop/files/aquoaa.png?crop=center&height=200&v=1730996553&width=200 200w, //beautymarket.ma/cdn/shop/files/aquoaa.png?crop=center&height=240&v=1730996553&width=240 240w, //beautymarket.ma/cdn/shop/files/aquoaa.png?crop=center&height=280&v=1730996553&width=280 280w, //beautymarket.ma/cdn/shop/files/aquoaa.png?crop=center&height=300&v=1730996553&width=300 300w, //beautymarket.ma/cdn/shop/files/aquoaa.png?crop=center&height=360&v=1730996553&width=360 360w, //beautymarket.ma/cdn/shop/files/aquoaa.png?crop=center&height=400&v=1730996553&width=400 400w, //beautymarket.ma/cdn/shop/files/aquoaa.png?crop=center&height=450&v=1730996553&width=450 450w, //beautymarket.ma/cdn/shop/files/aquoaa.png?crop=center&height=500&v=1730996553&width=500 500w, //beautymarket.ma/cdn/shop/files/aquoaa.png?crop=center&height=550&v=1730996553&width=550 550w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>28% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/k-beauty-best-sellers/products/beauty-of-joseon-relief-sun-aqua-fresh-rice-b5"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/beauty-of-joseon-relief-sun-aqua-fresh-rice-b5">BEAUTY OF JOSEON Relief Sun Aqua-fresh Rice + B5</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">320.00 dh</s>
<span class="sale" data-price>229.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">320.00 dh</s>
<span class="sale" data-price>229.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8111372730543"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="44588351717551"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8111372730543'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_CjHQkE-8111372730543">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_CjHQkE-8111372730543"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/k-beauty-best-sellers/products/beauty-of-joseon-relief-sun-aqua-fresh-rice-b5"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8111372730543"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="44588351717551"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8111372730543'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_CjHQkE-8111372730543">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_CjHQkE-8111372730543"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8286365024431"
data-title="Celimax The Vita A Retinal Shot Tightening Booster 15 ML"
data-url="/products/celimax-the-vita-a-retinal-shot-tightening-booster-15-ml"
data-variant-id="45781394227375"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/celimax-the-vita-a-retinal-shot-tightening-booster-15-ml"
aria-label="Celimax The Vita A Retinal Shot Tightening Booster 15 ML"
><div
class="image product-item__image product-item__image--one aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="Celimax The Vita A Retinal Shot Tightening Booster 15 ML"
class="image__img"
loading="lazy"
width="1080"
height="1080"
src="//beautymarket.ma/cdn/shop/files/celimax-the-vita-a-retinal-shot-tightening-booster_8809700320812_DarBeauty_1.webp?v=1762515787&width=320"
srcset="//beautymarket.ma/cdn/shop/files/celimax-the-vita-a-retinal-shot-tightening-booster_8809700320812_DarBeauty_1.webp?crop=center&height=150&v=1762515787&width=150 150w, //beautymarket.ma/cdn/shop/files/celimax-the-vita-a-retinal-shot-tightening-booster_8809700320812_DarBeauty_1.webp?crop=center&height=200&v=1762515787&width=200 200w, //beautymarket.ma/cdn/shop/files/celimax-the-vita-a-retinal-shot-tightening-booster_8809700320812_DarBeauty_1.webp?crop=center&height=240&v=1762515787&width=240 240w, //beautymarket.ma/cdn/shop/files/celimax-the-vita-a-retinal-shot-tightening-booster_8809700320812_DarBeauty_1.webp?crop=center&height=280&v=1762515787&width=280 280w, //beautymarket.ma/cdn/shop/files/celimax-the-vita-a-retinal-shot-tightening-booster_8809700320812_DarBeauty_1.webp?crop=center&height=300&v=1762515787&width=300 300w, //beautymarket.ma/cdn/shop/files/celimax-the-vita-a-retinal-shot-tightening-booster_8809700320812_DarBeauty_1.webp?crop=center&height=360&v=1762515787&width=360 360w, //beautymarket.ma/cdn/shop/files/celimax-the-vita-a-retinal-shot-tightening-booster_8809700320812_DarBeauty_1.webp?crop=center&height=400&v=1762515787&width=400 400w, //beautymarket.ma/cdn/shop/files/celimax-the-vita-a-retinal-shot-tightening-booster_8809700320812_DarBeauty_1.webp?crop=center&height=450&v=1762515787&width=450 450w, //beautymarket.ma/cdn/shop/files/celimax-the-vita-a-retinal-shot-tightening-booster_8809700320812_DarBeauty_1.webp?crop=center&height=500&v=1762515787&width=500 500w, //beautymarket.ma/cdn/shop/files/celimax-the-vita-a-retinal-shot-tightening-booster_8809700320812_DarBeauty_1.webp?crop=center&height=550&v=1762515787&width=550 550w, //beautymarket.ma/cdn/shop/files/celimax-the-vita-a-retinal-shot-tightening-booster_8809700320812_DarBeauty_1.webp?crop=center&height=600&v=1762515787&width=600 600w, //beautymarket.ma/cdn/shop/files/celimax-the-vita-a-retinal-shot-tightening-booster_8809700320812_DarBeauty_1.webp?crop=center&height=650&v=1762515787&width=650 650w, //beautymarket.ma/cdn/shop/files/celimax-the-vita-a-retinal-shot-tightening-booster_8809700320812_DarBeauty_1.webp?crop=center&height=700&v=1762515787&width=700 700w, //beautymarket.ma/cdn/shop/files/celimax-the-vita-a-retinal-shot-tightening-booster_8809700320812_DarBeauty_1.webp?crop=center&height=750&v=1762515787&width=750 750w, //beautymarket.ma/cdn/shop/files/celimax-the-vita-a-retinal-shot-tightening-booster_8809700320812_DarBeauty_1.webp?crop=center&height=800&v=1762515787&width=800 800w, //beautymarket.ma/cdn/shop/files/celimax-the-vita-a-retinal-shot-tightening-booster_8809700320812_DarBeauty_1.webp?crop=center&height=850&v=1762515787&width=850 850w, //beautymarket.ma/cdn/shop/files/celimax-the-vita-a-retinal-shot-tightening-booster_8809700320812_DarBeauty_1.webp?crop=center&height=900&v=1762515787&width=900 900w, //beautymarket.ma/cdn/shop/files/celimax-the-vita-a-retinal-shot-tightening-booster_8809700320812_DarBeauty_1.webp?crop=center&height=950&v=1762515787&width=950 950w, //beautymarket.ma/cdn/shop/files/celimax-the-vita-a-retinal-shot-tightening-booster_8809700320812_DarBeauty_1.webp?crop=center&height=1000&v=1762515787&width=1000 1000w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div><div
class="image product-item__image product-item__image--two aspect-ratio--square"
style="--object-fit: cover;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="1080"
height="1080"
src="//beautymarket.ma/cdn/shop/files/celimax-the-vita-a-retinal-shot-tightening-booster_8809700320812_DarBeauty_03.webp?v=1762515787&width=320"
srcset="//beautymarket.ma/cdn/shop/files/celimax-the-vita-a-retinal-shot-tightening-booster_8809700320812_DarBeauty_03.webp?crop=center&height=150&v=1762515787&width=150 150w, //beautymarket.ma/cdn/shop/files/celimax-the-vita-a-retinal-shot-tightening-booster_8809700320812_DarBeauty_03.webp?crop=center&height=200&v=1762515787&width=200 200w, //beautymarket.ma/cdn/shop/files/celimax-the-vita-a-retinal-shot-tightening-booster_8809700320812_DarBeauty_03.webp?crop=center&height=240&v=1762515787&width=240 240w, //beautymarket.ma/cdn/shop/files/celimax-the-vita-a-retinal-shot-tightening-booster_8809700320812_DarBeauty_03.webp?crop=center&height=280&v=1762515787&width=280 280w, //beautymarket.ma/cdn/shop/files/celimax-the-vita-a-retinal-shot-tightening-booster_8809700320812_DarBeauty_03.webp?crop=center&height=300&v=1762515787&width=300 300w, //beautymarket.ma/cdn/shop/files/celimax-the-vita-a-retinal-shot-tightening-booster_8809700320812_DarBeauty_03.webp?crop=center&height=360&v=1762515787&width=360 360w, //beautymarket.ma/cdn/shop/files/celimax-the-vita-a-retinal-shot-tightening-booster_8809700320812_DarBeauty_03.webp?crop=center&height=400&v=1762515787&width=400 400w, //beautymarket.ma/cdn/shop/files/celimax-the-vita-a-retinal-shot-tightening-booster_8809700320812_DarBeauty_03.webp?crop=center&height=450&v=1762515787&width=450 450w, //beautymarket.ma/cdn/shop/files/celimax-the-vita-a-retinal-shot-tightening-booster_8809700320812_DarBeauty_03.webp?crop=center&height=500&v=1762515787&width=500 500w, //beautymarket.ma/cdn/shop/files/celimax-the-vita-a-retinal-shot-tightening-booster_8809700320812_DarBeauty_03.webp?crop=center&height=550&v=1762515787&width=550 550w, //beautymarket.ma/cdn/shop/files/celimax-the-vita-a-retinal-shot-tightening-booster_8809700320812_DarBeauty_03.webp?crop=center&height=600&v=1762515787&width=600 600w, //beautymarket.ma/cdn/shop/files/celimax-the-vita-a-retinal-shot-tightening-booster_8809700320812_DarBeauty_03.webp?crop=center&height=650&v=1762515787&width=650 650w, //beautymarket.ma/cdn/shop/files/celimax-the-vita-a-retinal-shot-tightening-booster_8809700320812_DarBeauty_03.webp?crop=center&height=700&v=1762515787&width=700 700w, //beautymarket.ma/cdn/shop/files/celimax-the-vita-a-retinal-shot-tightening-booster_8809700320812_DarBeauty_03.webp?crop=center&height=750&v=1762515787&width=750 750w, //beautymarket.ma/cdn/shop/files/celimax-the-vita-a-retinal-shot-tightening-booster_8809700320812_DarBeauty_03.webp?crop=center&height=800&v=1762515787&width=800 800w, //beautymarket.ma/cdn/shop/files/celimax-the-vita-a-retinal-shot-tightening-booster_8809700320812_DarBeauty_03.webp?crop=center&height=850&v=1762515787&width=850 850w, //beautymarket.ma/cdn/shop/files/celimax-the-vita-a-retinal-shot-tightening-booster_8809700320812_DarBeauty_03.webp?crop=center&height=900&v=1762515787&width=900 900w, //beautymarket.ma/cdn/shop/files/celimax-the-vita-a-retinal-shot-tightening-booster_8809700320812_DarBeauty_03.webp?crop=center&height=950&v=1762515787&width=950 950w, //beautymarket.ma/cdn/shop/files/celimax-the-vita-a-retinal-shot-tightening-booster_8809700320812_DarBeauty_03.webp?crop=center&height=1000&v=1762515787&width=1000 1000w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>23% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/k-beauty-best-sellers/products/celimax-the-vita-a-retinal-shot-tightening-booster-15-ml"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/celimax-the-vita-a-retinal-shot-tightening-booster-15-ml">Celimax The Vita A Retinal Shot Tightening Booster 15 ML</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">299.00 dh</s>
<span class="sale" data-price>229.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">299.00 dh</s>
<span class="sale" data-price>229.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8286365024431"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="45781394227375"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8286365024431'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_CjHQkE-8286365024431">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_CjHQkE-8286365024431"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/k-beauty-best-sellers/products/celimax-the-vita-a-retinal-shot-tightening-booster-15-ml"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8286365024431"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="45781394227375"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8286365024431'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_CjHQkE-8286365024431">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_CjHQkE-8286365024431"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="7976219639983"
data-title="Erborian CC Crème à la Centella Asiatica SPF25 45 ML"
data-url="/products/erborian-cc-creme-clair-a-la-centella-asiatica-spf25-45-ml"
data-variant-id="44131468935343"
data-quantity-in-cart="0"
data-product-has-single-variant="false"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/erborian-cc-creme-clair-a-la-centella-asiatica-spf25-45-ml"
aria-label="Erborian CC Crème à la Centella Asiatica SPF25 45 ML"
><div
class="image product-item__image product-item__image--one aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="Erborian CC Crème à la Centella Asiatica SPF25 45 ML"
class="image__img"
loading="lazy"
width="595"
height="655"
src="//beautymarket.ma/cdn/shop/files/RTYDTDTR.png?v=1773152617&width=320"
srcset="//beautymarket.ma/cdn/shop/files/RTYDTDTR.png?crop=center&height=150&v=1773152617&width=150 150w, //beautymarket.ma/cdn/shop/files/RTYDTDTR.png?crop=center&height=200&v=1773152617&width=200 200w, //beautymarket.ma/cdn/shop/files/RTYDTDTR.png?crop=center&height=240&v=1773152617&width=240 240w, //beautymarket.ma/cdn/shop/files/RTYDTDTR.png?crop=center&height=280&v=1773152617&width=280 280w, //beautymarket.ma/cdn/shop/files/RTYDTDTR.png?crop=center&height=300&v=1773152617&width=300 300w, //beautymarket.ma/cdn/shop/files/RTYDTDTR.png?crop=center&height=360&v=1773152617&width=360 360w, //beautymarket.ma/cdn/shop/files/RTYDTDTR.png?crop=center&height=400&v=1773152617&width=400 400w, //beautymarket.ma/cdn/shop/files/RTYDTDTR.png?crop=center&height=450&v=1773152617&width=450 450w, //beautymarket.ma/cdn/shop/files/RTYDTDTR.png?crop=center&height=500&v=1773152617&width=500 500w, //beautymarket.ma/cdn/shop/files/RTYDTDTR.png?crop=center&height=550&v=1773152617&width=550 550w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div><div
class="image product-item__image product-item__image--two aspect-ratio--square"
style="--object-fit: cover;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="595"
height="655"
src="//beautymarket.ma/cdn/shop/files/CLAIR.png?v=1773152617&width=320"
srcset="//beautymarket.ma/cdn/shop/files/CLAIR.png?crop=center&height=150&v=1773152617&width=150 150w, //beautymarket.ma/cdn/shop/files/CLAIR.png?crop=center&height=200&v=1773152617&width=200 200w, //beautymarket.ma/cdn/shop/files/CLAIR.png?crop=center&height=240&v=1773152617&width=240 240w, //beautymarket.ma/cdn/shop/files/CLAIR.png?crop=center&height=280&v=1773152617&width=280 280w, //beautymarket.ma/cdn/shop/files/CLAIR.png?crop=center&height=300&v=1773152617&width=300 300w, //beautymarket.ma/cdn/shop/files/CLAIR.png?crop=center&height=360&v=1773152617&width=360 360w, //beautymarket.ma/cdn/shop/files/CLAIR.png?crop=center&height=400&v=1773152617&width=400 400w, //beautymarket.ma/cdn/shop/files/CLAIR.png?crop=center&height=450&v=1773152617&width=450 450w, //beautymarket.ma/cdn/shop/files/CLAIR.png?crop=center&height=500&v=1773152617&width=500 500w, //beautymarket.ma/cdn/shop/files/CLAIR.png?crop=center&height=550&v=1773152617&width=550 550w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>18% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/k-beauty-best-sellers/products/erborian-cc-creme-clair-a-la-centella-asiatica-spf25-45-ml"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/erborian-cc-creme-clair-a-la-centella-asiatica-spf25-45-ml">Erborian CC Crème à la Centella Asiatica SPF25 45 ML</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">599.00 dh</s>
<span class="sale" data-price>489.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">599.00 dh</s>
<span class="sale" data-price>489.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="true"
data-quantity-in-cart="0"
data-product-id="7976219639983"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="44131468935343"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Choisir les options</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='7976219639983'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_CjHQkE-7976219639983">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_CjHQkE-7976219639983"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/k-beauty-best-sellers/products/erborian-cc-creme-clair-a-la-centella-asiatica-spf25-45-ml"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="true"
data-quantity-in-cart="0"
data-product-id="7976219639983"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="44131468935343"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Choisir les options</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='7976219639983'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_CjHQkE-7976219639983">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_CjHQkE-7976219639983"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8036041818287"
data-title="AXIS-Y DARK SPOT CORRECTING GLOW SERUM 50 ML"
data-url="/products/axis-y-dark-spot-correcting-glow-serum-50-ml"
data-variant-id="44181358084271"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/axis-y-dark-spot-correcting-glow-serum-50-ml"
aria-label="AXIS-Y DARK SPOT CORRECTING GLOW SERUM 50 ML"
><div
class="image product-item__image product-item__image--one aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="AXIS-Y DARK SPOT CORRECTING GLOW SERUM 50 ML"
class="image__img"
loading="lazy"
width="595"
height="655"
src="//beautymarket.ma/cdn/shop/files/DARKSPOT.jpg?v=1721297237&width=320"
srcset="//beautymarket.ma/cdn/shop/files/DARKSPOT.jpg?crop=center&height=150&v=1721297237&width=150 150w, //beautymarket.ma/cdn/shop/files/DARKSPOT.jpg?crop=center&height=200&v=1721297237&width=200 200w, //beautymarket.ma/cdn/shop/files/DARKSPOT.jpg?crop=center&height=240&v=1721297237&width=240 240w, //beautymarket.ma/cdn/shop/files/DARKSPOT.jpg?crop=center&height=280&v=1721297237&width=280 280w, //beautymarket.ma/cdn/shop/files/DARKSPOT.jpg?crop=center&height=300&v=1721297237&width=300 300w, //beautymarket.ma/cdn/shop/files/DARKSPOT.jpg?crop=center&height=360&v=1721297237&width=360 360w, //beautymarket.ma/cdn/shop/files/DARKSPOT.jpg?crop=center&height=400&v=1721297237&width=400 400w, //beautymarket.ma/cdn/shop/files/DARKSPOT.jpg?crop=center&height=450&v=1721297237&width=450 450w, //beautymarket.ma/cdn/shop/files/DARKSPOT.jpg?crop=center&height=500&v=1721297237&width=500 500w, //beautymarket.ma/cdn/shop/files/DARKSPOT.jpg?crop=center&height=550&v=1721297237&width=550 550w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div><div
class="image product-item__image product-item__image--two aspect-ratio--square"
style="--object-fit: cover;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="595"
height="655"
src="//beautymarket.ma/cdn/shop/files/UYTYT8.jpg?v=1721297761&width=320"
srcset="//beautymarket.ma/cdn/shop/files/UYTYT8.jpg?crop=center&height=150&v=1721297761&width=150 150w, //beautymarket.ma/cdn/shop/files/UYTYT8.jpg?crop=center&height=200&v=1721297761&width=200 200w, //beautymarket.ma/cdn/shop/files/UYTYT8.jpg?crop=center&height=240&v=1721297761&width=240 240w, //beautymarket.ma/cdn/shop/files/UYTYT8.jpg?crop=center&height=280&v=1721297761&width=280 280w, //beautymarket.ma/cdn/shop/files/UYTYT8.jpg?crop=center&height=300&v=1721297761&width=300 300w, //beautymarket.ma/cdn/shop/files/UYTYT8.jpg?crop=center&height=360&v=1721297761&width=360 360w, //beautymarket.ma/cdn/shop/files/UYTYT8.jpg?crop=center&height=400&v=1721297761&width=400 400w, //beautymarket.ma/cdn/shop/files/UYTYT8.jpg?crop=center&height=450&v=1721297761&width=450 450w, //beautymarket.ma/cdn/shop/files/UYTYT8.jpg?crop=center&height=500&v=1721297761&width=500 500w, //beautymarket.ma/cdn/shop/files/UYTYT8.jpg?crop=center&height=550&v=1721297761&width=550 550w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>21% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/k-beauty-best-sellers/products/axis-y-dark-spot-correcting-glow-serum-50-ml"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/axis-y-dark-spot-correcting-glow-serum-50-ml">AXIS-Y DARK SPOT CORRECTING GLOW SERUM 50 ML</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">299.00 dh</s>
<span class="sale" data-price>235.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">299.00 dh</s>
<span class="sale" data-price>235.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8036041818287"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="44181358084271"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8036041818287'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_CjHQkE-8036041818287">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_CjHQkE-8036041818287"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/k-beauty-best-sellers/products/axis-y-dark-spot-correcting-glow-serum-50-ml"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8036041818287"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="44181358084271"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8036041818287'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_CjHQkE-8036041818287">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_CjHQkE-8036041818287"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8062578852015"
data-title="SKIN 1004CENTELLA HYALU CICA WATER FIT SUN SERUM SPF 50+ PA 50+ ML"
data-url="/products/skin-1004centella-hyalu-cica-water-fit-sun-serum-spf-50-pa-50-ml"
data-variant-id="44308850802863"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/skin-1004centella-hyalu-cica-water-fit-sun-serum-spf-50-pa-50-ml"
aria-label="SKIN 1004CENTELLA HYALU CICA WATER FIT SUN SERUM SPF 50+ PA 50+ ML"
><div
class="image product-item__image aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="SKIN 1004CENTELLA HYALU CICA WATER FIT SUN SERUM SPF 50+ PA 50+ ML"
class="image__img"
loading="lazy"
width="700"
height="700"
src="//beautymarket.ma/cdn/shop/files/skin-1004-skin-1004-madagascar-centella-hyalu-cica-water-fit-sun-serum-spf-50-pa-50-ml-soins-anti-age.jpg?v=1724921558&width=320"
srcset="//beautymarket.ma/cdn/shop/files/skin-1004-skin-1004-madagascar-centella-hyalu-cica-water-fit-sun-serum-spf-50-pa-50-ml-soins-anti-age.jpg?crop=center&height=150&v=1724921558&width=150 150w, //beautymarket.ma/cdn/shop/files/skin-1004-skin-1004-madagascar-centella-hyalu-cica-water-fit-sun-serum-spf-50-pa-50-ml-soins-anti-age.jpg?crop=center&height=200&v=1724921558&width=200 200w, //beautymarket.ma/cdn/shop/files/skin-1004-skin-1004-madagascar-centella-hyalu-cica-water-fit-sun-serum-spf-50-pa-50-ml-soins-anti-age.jpg?crop=center&height=240&v=1724921558&width=240 240w, //beautymarket.ma/cdn/shop/files/skin-1004-skin-1004-madagascar-centella-hyalu-cica-water-fit-sun-serum-spf-50-pa-50-ml-soins-anti-age.jpg?crop=center&height=280&v=1724921558&width=280 280w, //beautymarket.ma/cdn/shop/files/skin-1004-skin-1004-madagascar-centella-hyalu-cica-water-fit-sun-serum-spf-50-pa-50-ml-soins-anti-age.jpg?crop=center&height=300&v=1724921558&width=300 300w, //beautymarket.ma/cdn/shop/files/skin-1004-skin-1004-madagascar-centella-hyalu-cica-water-fit-sun-serum-spf-50-pa-50-ml-soins-anti-age.jpg?crop=center&height=360&v=1724921558&width=360 360w, //beautymarket.ma/cdn/shop/files/skin-1004-skin-1004-madagascar-centella-hyalu-cica-water-fit-sun-serum-spf-50-pa-50-ml-soins-anti-age.jpg?crop=center&height=400&v=1724921558&width=400 400w, //beautymarket.ma/cdn/shop/files/skin-1004-skin-1004-madagascar-centella-hyalu-cica-water-fit-sun-serum-spf-50-pa-50-ml-soins-anti-age.jpg?crop=center&height=450&v=1724921558&width=450 450w, //beautymarket.ma/cdn/shop/files/skin-1004-skin-1004-madagascar-centella-hyalu-cica-water-fit-sun-serum-spf-50-pa-50-ml-soins-anti-age.jpg?crop=center&height=500&v=1724921558&width=500 500w, //beautymarket.ma/cdn/shop/files/skin-1004-skin-1004-madagascar-centella-hyalu-cica-water-fit-sun-serum-spf-50-pa-50-ml-soins-anti-age.jpg?crop=center&height=550&v=1724921558&width=550 550w, //beautymarket.ma/cdn/shop/files/skin-1004-skin-1004-madagascar-centella-hyalu-cica-water-fit-sun-serum-spf-50-pa-50-ml-soins-anti-age.jpg?crop=center&height=600&v=1724921558&width=600 600w, //beautymarket.ma/cdn/shop/files/skin-1004-skin-1004-madagascar-centella-hyalu-cica-water-fit-sun-serum-spf-50-pa-50-ml-soins-anti-age.jpg?crop=center&height=650&v=1724921558&width=650 650w, //beautymarket.ma/cdn/shop/files/skin-1004-skin-1004-madagascar-centella-hyalu-cica-water-fit-sun-serum-spf-50-pa-50-ml-soins-anti-age.jpg?crop=center&height=700&v=1724921558&width=700 700w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>28% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/k-beauty-best-sellers/products/skin-1004centella-hyalu-cica-water-fit-sun-serum-spf-50-pa-50-ml"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/skin-1004centella-hyalu-cica-water-fit-sun-serum-spf-50-pa-50-ml">SKIN 1004CENTELLA HYALU CICA WATER FIT SUN SERUM SPF 50+ PA 50+ ML</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">320.00 dh</s>
<span class="sale" data-price>229.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">320.00 dh</s>
<span class="sale" data-price>229.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8062578852015"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="44308850802863"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8062578852015'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_CjHQkE-8062578852015">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_CjHQkE-8062578852015"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/k-beauty-best-sellers/products/skin-1004centella-hyalu-cica-water-fit-sun-serum-spf-50-pa-50-ml"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8062578852015"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="44308850802863"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8062578852015'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_CjHQkE-8062578852015">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_CjHQkE-8062578852015"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8126088872111"
data-title="BIODANCE BIO COLLAGEN REAL DEEP MASK PACK DE 4"
data-url="/products/biodance-bio-collagen-real-deep-mask-pack-de-4"
data-variant-id="44694143762607"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/biodance-bio-collagen-real-deep-mask-pack-de-4"
aria-label="BIODANCE BIO COLLAGEN REAL DEEP MASK PACK DE 4"
><div
class="image product-item__image aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="BIODANCE BIO COLLAGEN REAL DEEP MASK PACK DE 4"
class="image__img"
loading="lazy"
width="595"
height="655"
src="//beautymarket.ma/cdn/shop/files/mask_945fc362-5c9d-4650-beef-83dd09668a6d.png?v=1733394165&width=320"
srcset="//beautymarket.ma/cdn/shop/files/mask_945fc362-5c9d-4650-beef-83dd09668a6d.png?crop=center&height=150&v=1733394165&width=150 150w, //beautymarket.ma/cdn/shop/files/mask_945fc362-5c9d-4650-beef-83dd09668a6d.png?crop=center&height=200&v=1733394165&width=200 200w, //beautymarket.ma/cdn/shop/files/mask_945fc362-5c9d-4650-beef-83dd09668a6d.png?crop=center&height=240&v=1733394165&width=240 240w, //beautymarket.ma/cdn/shop/files/mask_945fc362-5c9d-4650-beef-83dd09668a6d.png?crop=center&height=280&v=1733394165&width=280 280w, //beautymarket.ma/cdn/shop/files/mask_945fc362-5c9d-4650-beef-83dd09668a6d.png?crop=center&height=300&v=1733394165&width=300 300w, //beautymarket.ma/cdn/shop/files/mask_945fc362-5c9d-4650-beef-83dd09668a6d.png?crop=center&height=360&v=1733394165&width=360 360w, //beautymarket.ma/cdn/shop/files/mask_945fc362-5c9d-4650-beef-83dd09668a6d.png?crop=center&height=400&v=1733394165&width=400 400w, //beautymarket.ma/cdn/shop/files/mask_945fc362-5c9d-4650-beef-83dd09668a6d.png?crop=center&height=450&v=1733394165&width=450 450w, //beautymarket.ma/cdn/shop/files/mask_945fc362-5c9d-4650-beef-83dd09668a6d.png?crop=center&height=500&v=1733394165&width=500 500w, //beautymarket.ma/cdn/shop/files/mask_945fc362-5c9d-4650-beef-83dd09668a6d.png?crop=center&height=550&v=1733394165&width=550 550w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>4% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/k-beauty-best-sellers/products/biodance-bio-collagen-real-deep-mask-pack-de-4"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/biodance-bio-collagen-real-deep-mask-pack-de-4">BIODANCE BIO COLLAGEN REAL DEEP MASK PACK DE 4</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">310.00 dh</s>
<span class="sale" data-price>299.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">310.00 dh</s>
<span class="sale" data-price>299.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8126088872111"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="44694143762607"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8126088872111'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_CjHQkE-8126088872111">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_CjHQkE-8126088872111"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/k-beauty-best-sellers/products/biodance-bio-collagen-real-deep-mask-pack-de-4"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8126088872111"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="44694143762607"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8126088872111'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_CjHQkE-8126088872111">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_CjHQkE-8126088872111"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8061347135663"
data-title="ANUA HEARTLEAF HUILE NETTOYANT DES PORES 200 ML"
data-url="/products/anua-heartleaf-huile-nettoyant-des-pores-200-ml"
data-variant-id="44303139897519"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/anua-heartleaf-huile-nettoyant-des-pores-200-ml"
aria-label="ANUA HEARTLEAF HUILE NETTOYANT DES PORES 200 ML"
><div
class="image product-item__image aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="ANUA HEARTLEAF HUILE NETTOYANT DES PORES 200 ML"
class="image__img"
loading="lazy"
width="700"
height="700"
src="//beautymarket.ma/cdn/shop/files/anua-anua-heartleaf-huile-nettoyant-des-pores-200-ml-produits-coreens.jpg?v=1724766135&width=320"
srcset="//beautymarket.ma/cdn/shop/files/anua-anua-heartleaf-huile-nettoyant-des-pores-200-ml-produits-coreens.jpg?crop=center&height=150&v=1724766135&width=150 150w, //beautymarket.ma/cdn/shop/files/anua-anua-heartleaf-huile-nettoyant-des-pores-200-ml-produits-coreens.jpg?crop=center&height=200&v=1724766135&width=200 200w, //beautymarket.ma/cdn/shop/files/anua-anua-heartleaf-huile-nettoyant-des-pores-200-ml-produits-coreens.jpg?crop=center&height=240&v=1724766135&width=240 240w, //beautymarket.ma/cdn/shop/files/anua-anua-heartleaf-huile-nettoyant-des-pores-200-ml-produits-coreens.jpg?crop=center&height=280&v=1724766135&width=280 280w, //beautymarket.ma/cdn/shop/files/anua-anua-heartleaf-huile-nettoyant-des-pores-200-ml-produits-coreens.jpg?crop=center&height=300&v=1724766135&width=300 300w, //beautymarket.ma/cdn/shop/files/anua-anua-heartleaf-huile-nettoyant-des-pores-200-ml-produits-coreens.jpg?crop=center&height=360&v=1724766135&width=360 360w, //beautymarket.ma/cdn/shop/files/anua-anua-heartleaf-huile-nettoyant-des-pores-200-ml-produits-coreens.jpg?crop=center&height=400&v=1724766135&width=400 400w, //beautymarket.ma/cdn/shop/files/anua-anua-heartleaf-huile-nettoyant-des-pores-200-ml-produits-coreens.jpg?crop=center&height=450&v=1724766135&width=450 450w, //beautymarket.ma/cdn/shop/files/anua-anua-heartleaf-huile-nettoyant-des-pores-200-ml-produits-coreens.jpg?crop=center&height=500&v=1724766135&width=500 500w, //beautymarket.ma/cdn/shop/files/anua-anua-heartleaf-huile-nettoyant-des-pores-200-ml-produits-coreens.jpg?crop=center&height=550&v=1724766135&width=550 550w, //beautymarket.ma/cdn/shop/files/anua-anua-heartleaf-huile-nettoyant-des-pores-200-ml-produits-coreens.jpg?crop=center&height=600&v=1724766135&width=600 600w, //beautymarket.ma/cdn/shop/files/anua-anua-heartleaf-huile-nettoyant-des-pores-200-ml-produits-coreens.jpg?crop=center&height=650&v=1724766135&width=650 650w, //beautymarket.ma/cdn/shop/files/anua-anua-heartleaf-huile-nettoyant-des-pores-200-ml-produits-coreens.jpg?crop=center&height=700&v=1724766135&width=700 700w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>28% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/k-beauty-best-sellers/products/anua-heartleaf-huile-nettoyant-des-pores-200-ml"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/anua-heartleaf-huile-nettoyant-des-pores-200-ml">ANUA HEARTLEAF HUILE NETTOYANT DES PORES 200 ML</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">360.00 dh</s>
<span class="sale" data-price>260.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">360.00 dh</s>
<span class="sale" data-price>260.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8061347135663"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="44303139897519"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8061347135663'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_CjHQkE-8061347135663">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_CjHQkE-8061347135663"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/k-beauty-best-sellers/products/anua-heartleaf-huile-nettoyant-des-pores-200-ml"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8061347135663"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="44303139897519"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8061347135663'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_CjHQkE-8061347135663">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_CjHQkE-8061347135663"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8126118297775"
data-title="SKIN1004 MADAGASCAR CENTELLA TONE BRIGHTENING CAPSULE AMPOULE 100 ML"
data-url="/products/skin1004-madagascar-centella-tone-brightening-capsule-ampoule-100-ml"
data-variant-id="44694241050799"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/skin1004-madagascar-centella-tone-brightening-capsule-ampoule-100-ml"
aria-label="SKIN1004 MADAGASCAR CENTELLA TONE BRIGHTENING CAPSULE AMPOULE 100 ML"
><div
class="image product-item__image aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="SKIN1004 MADAGASCAR CENTELLA TONE BRIGHTENING CAPSULE AMPOULE 100 ML"
class="image__img"
loading="lazy"
width="700"
height="700"
src="//beautymarket.ma/cdn/shop/files/skin-1004-skin1004-madagascar-centella-tone-brightening-capsule-ampoule-100-ml-soins-eclaircissants-et-anti-pigments.jpg?v=1733395670&width=320"
srcset="//beautymarket.ma/cdn/shop/files/skin-1004-skin1004-madagascar-centella-tone-brightening-capsule-ampoule-100-ml-soins-eclaircissants-et-anti-pigments.jpg?crop=center&height=150&v=1733395670&width=150 150w, //beautymarket.ma/cdn/shop/files/skin-1004-skin1004-madagascar-centella-tone-brightening-capsule-ampoule-100-ml-soins-eclaircissants-et-anti-pigments.jpg?crop=center&height=200&v=1733395670&width=200 200w, //beautymarket.ma/cdn/shop/files/skin-1004-skin1004-madagascar-centella-tone-brightening-capsule-ampoule-100-ml-soins-eclaircissants-et-anti-pigments.jpg?crop=center&height=240&v=1733395670&width=240 240w, //beautymarket.ma/cdn/shop/files/skin-1004-skin1004-madagascar-centella-tone-brightening-capsule-ampoule-100-ml-soins-eclaircissants-et-anti-pigments.jpg?crop=center&height=280&v=1733395670&width=280 280w, //beautymarket.ma/cdn/shop/files/skin-1004-skin1004-madagascar-centella-tone-brightening-capsule-ampoule-100-ml-soins-eclaircissants-et-anti-pigments.jpg?crop=center&height=300&v=1733395670&width=300 300w, //beautymarket.ma/cdn/shop/files/skin-1004-skin1004-madagascar-centella-tone-brightening-capsule-ampoule-100-ml-soins-eclaircissants-et-anti-pigments.jpg?crop=center&height=360&v=1733395670&width=360 360w, //beautymarket.ma/cdn/shop/files/skin-1004-skin1004-madagascar-centella-tone-brightening-capsule-ampoule-100-ml-soins-eclaircissants-et-anti-pigments.jpg?crop=center&height=400&v=1733395670&width=400 400w, //beautymarket.ma/cdn/shop/files/skin-1004-skin1004-madagascar-centella-tone-brightening-capsule-ampoule-100-ml-soins-eclaircissants-et-anti-pigments.jpg?crop=center&height=450&v=1733395670&width=450 450w, //beautymarket.ma/cdn/shop/files/skin-1004-skin1004-madagascar-centella-tone-brightening-capsule-ampoule-100-ml-soins-eclaircissants-et-anti-pigments.jpg?crop=center&height=500&v=1733395670&width=500 500w, //beautymarket.ma/cdn/shop/files/skin-1004-skin1004-madagascar-centella-tone-brightening-capsule-ampoule-100-ml-soins-eclaircissants-et-anti-pigments.jpg?crop=center&height=550&v=1733395670&width=550 550w, //beautymarket.ma/cdn/shop/files/skin-1004-skin1004-madagascar-centella-tone-brightening-capsule-ampoule-100-ml-soins-eclaircissants-et-anti-pigments.jpg?crop=center&height=600&v=1733395670&width=600 600w, //beautymarket.ma/cdn/shop/files/skin-1004-skin1004-madagascar-centella-tone-brightening-capsule-ampoule-100-ml-soins-eclaircissants-et-anti-pigments.jpg?crop=center&height=650&v=1733395670&width=650 650w, //beautymarket.ma/cdn/shop/files/skin-1004-skin1004-madagascar-centella-tone-brightening-capsule-ampoule-100-ml-soins-eclaircissants-et-anti-pigments.jpg?crop=center&height=700&v=1733395670&width=700 700w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>27% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/k-beauty-best-sellers/products/skin1004-madagascar-centella-tone-brightening-capsule-ampoule-100-ml"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/skin1004-madagascar-centella-tone-brightening-capsule-ampoule-100-ml">SKIN1004 MADAGASCAR CENTELLA TONE BRIGHTENING CAPSULE AMPOULE 100 ML</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">370.00 dh</s>
<span class="sale" data-price>269.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">370.00 dh</s>
<span class="sale" data-price>269.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8126118297775"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="44694241050799"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8126118297775'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_CjHQkE-8126118297775">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_CjHQkE-8126118297775"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/k-beauty-best-sellers/products/skin1004-madagascar-centella-tone-brightening-capsule-ampoule-100-ml"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8126118297775"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="44694241050799"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8126118297775'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_CjHQkE-8126118297775">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_CjHQkE-8126118297775"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="collection-view-all-tile-wrapper">
<div
class="collection-view-all-tile featured-collection-slider-grid-item animation--item"
data-color-scheme="default"
data-has-image="false"
style="--color-background: #ffffff; --color-background-alpha-80: rgba(255, 255, 255, 0.8); --color-text: #121212; --color-text-input: #121212; --color-text-link: #ffa6a8; --color-text-alpha-90: rgba(18, 18, 18, 0.9); --color-text-alpha-80: rgba(18, 18, 18, 0.8); --color-text-alpha-70: rgba(18, 18, 18, 0.7); --color-text-alpha-60: rgba(18, 18, 18, 0.6); --color-text-alpha-50: rgba(18, 18, 18, 0.5); --color-text-alpha-40: rgba(18, 18, 18, 0.4); --color-text-alpha-30: rgba(18, 18, 18, 0.3); --color-text-alpha-25: rgba(18, 18, 18, 0.25); --color-text-alpha-20: rgba(18, 18, 18, 0.2); --color-text-alpha-10: rgba(18, 18, 18, 0.1); --color-text-alpha-05: rgba(18, 18, 18, 0.05);--color-border-input: rgba(68, 68, 68, 0.4);"
><div
class="collection-view-all-tile__overlay-content overlay-content"
data-text-position="center_center"
style="--max-content-width: 650px;"
>
<div
class="overlay-content__text-container image-overlay-content section-blocks"
style=" --text-horizontal-position: center; --text-horizontal-position-mobile: ; --text-vertical-position: center; --text-vertical-position-mobile: ; --text-alignment: center; --text-alignment-mobile: center; "
>
<h3 class="section-blocks__heading heading-block ff-heading fs-heading-4-base" >
BEST SELLERS
</h3>
<a
href="/collections/k-beauty-best-sellers">
<span class="icon icon-chevron" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2"/></svg>
</span>
</a>
</div></div>
<a
href="/collections/k-beauty-best-sellers"
class="collection-view-all-tile__media-link"
aria-label="K-Beauty Bestsellers : Soins Coréens & Essentiels"
></a></div>
</div>
</div>
</scroll-slider-component>
<div
class="scroll-slider-nav-button-wrapper scroll-slider-nav-button-wrapper--prev"
data-is-small="false"
>
<button
type="button"
class="scroll-slider-nav-button scroll-slider-nav-button--prev hidden"
title="Précédent"
data-scroll-slider-prev-button
name="prev"
>
<span class="icon icon-arrow-short" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 12.4016H11.5H23M23 12.4016L13.8 3M23 12.4016L13.8 21.8032" stroke="currentColor" stroke-width="1.75"/></svg>
</span>
</button>
</div>
<div
class="scroll-slider-nav-button-wrapper scroll-slider-nav-button-wrapper--next"
data-is-small="false"
>
<button
type="button"
class="scroll-slider-nav-button scroll-slider-nav-button--next hidden"
title="Suivant"
data-scroll-slider-next-button
name="next"
>
<span class="icon icon-arrow-short" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 12.4016H11.5H23M23 12.4016L13.8 3M23 12.4016L13.8 21.8032" stroke="currentColor" stroke-width="1.75"/></svg>
</span>
</button>
</div>
</div>
<script src="//beautymarket.ma/cdn/shop/t/35/assets/section-footer.js?v=11514157199586841511754934608" type="module"></script>
<section-footer-component class="section-footer animation--container-footer">
<div class="scroll-slider-page-dots" data-scroll-slider-page-dots data-hide-below-720="true"></div>
</section-footer-component>
</div>
</div>
</section><section id="shopify-section-template--18718532206767__slideshow_BmGpiD" class="shopify-section shopify-section--full-width"><div
class="slideshow section section--hero"
data-has-navigation="false"
data-nav-has-background="true"
data-is-single-slide="true"
data-image-height-type="adapt_to_image"
data-section-id="template--18718532206767__slideshow_BmGpiD"
data-section-type="slideshow"
data-scroller-id="slideshow-template--18718532206767__slideshow_BmGpiD"
style=" --custom-height-desktop: 650px; --custom-height-mobile: 450px; --section-style-spacing-top: 12px; --section-style-spacing-bottom: 0px; "
>
<div
class="section-inner section-inner--full-width"
>
<div class="slideshow__inner">
<script src="//beautymarket.ma/cdn/shop/t/35/assets/scroll-slider.js?v=137308953565903322681754934608" type="module"></script>
<script src="//beautymarket.ma/cdn/shop/t/35/assets/slideshow.js?v=6014208066395939321754934608" type="module"></script>
<slideshow-component
class="scroll-slider scroll-slider--standard-width scroll-all-sizes"
style="--columns: 1; --peek: 0px; --gap: 0px;"
data-id="slideshow-template--18718532206767__slideshow_BmGpiD"
data-navigation-container=".slideshow__inner"
data-autoplay="true"
data-autoplay-delay="6000"
data-autoplay-pause-on-hover=""
data-is-slideshow="true"
>
<div class="scroll-slider__slider">
<div
class="slideshow-slide"
data-index="0"
>
<div class="slideshow-slide__inner">
<div
class="background-image-container image-hero__image-container"
data-has-mobile-image="true"
data-absolutely-position-image="false"
><div
class="image background-image background-image--mobile slideshow-slide__image animation--image animation--lazy-load"
style="--focal-alignment: center;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="800"
height="1200"
src="//beautymarket.ma/cdn/shop/files/B3_BM_800X1200px_bf0da747-ba30-408d-a329-0df97f23c8bb.png?v=1774365817&width=320"
srcset="//beautymarket.ma/cdn/shop/files/B3_BM_800X1200px_bf0da747-ba30-408d-a329-0df97f23c8bb.png?v=1774365817&width=700 700w, //beautymarket.ma/cdn/shop/files/B3_BM_800X1200px_bf0da747-ba30-408d-a329-0df97f23c8bb.png?v=1774365817&width=750 750w, //beautymarket.ma/cdn/shop/files/B3_BM_800X1200px_bf0da747-ba30-408d-a329-0df97f23c8bb.png?v=1774365817&width=800 800w"
sizes="100vw"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div><div
class="image background-image slideshow-slide__image animation--image animation--lazy-load"
style="--focal-alignment: center;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="2500"
height="1000"
src="//beautymarket.ma/cdn/shop/files/BANNIERGARNIER.png?v=1774365832&width=320"
srcset="//beautymarket.ma/cdn/shop/files/BANNIERGARNIER.png?v=1774365832&width=700 700w, //beautymarket.ma/cdn/shop/files/BANNIERGARNIER.png?v=1774365832&width=750 750w, //beautymarket.ma/cdn/shop/files/BANNIERGARNIER.png?v=1774365832&width=800 800w, //beautymarket.ma/cdn/shop/files/BANNIERGARNIER.png?v=1774365832&width=850 850w, //beautymarket.ma/cdn/shop/files/BANNIERGARNIER.png?v=1774365832&width=900 900w, //beautymarket.ma/cdn/shop/files/BANNIERGARNIER.png?v=1774365832&width=950 950w, //beautymarket.ma/cdn/shop/files/BANNIERGARNIER.png?v=1774365832&width=1000 1000w, //beautymarket.ma/cdn/shop/files/BANNIERGARNIER.png?v=1774365832&width=1100 1100w, //beautymarket.ma/cdn/shop/files/BANNIERGARNIER.png?v=1774365832&width=1200 1200w, //beautymarket.ma/cdn/shop/files/BANNIERGARNIER.png?v=1774365832&width=1300 1300w, //beautymarket.ma/cdn/shop/files/BANNIERGARNIER.png?v=1774365832&width=1400 1400w, //beautymarket.ma/cdn/shop/files/BANNIERGARNIER.png?v=1774365832&width=1500 1500w, //beautymarket.ma/cdn/shop/files/BANNIERGARNIER.png?v=1774365832&width=1600 1600w, //beautymarket.ma/cdn/shop/files/BANNIERGARNIER.png?v=1774365832&width=1800 1800w, //beautymarket.ma/cdn/shop/files/BANNIERGARNIER.png?v=1774365832&width=2000 2000w, //beautymarket.ma/cdn/shop/files/BANNIERGARNIER.png?v=1774365832&width=2200 2200w, //beautymarket.ma/cdn/shop/files/BANNIERGARNIER.png?v=1774365832&width=2400 2400w"
sizes="100vw"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div></div>
<div
class="slideshow-slide__overlay image-overlay animation--image-overlay"
data-image-overlay-tint-style="solid" style="--overlay-opacity:0%; --color-overlay-tint: #000;"
></div>
<div
class="slideshow-slide__text-container-wrapper"
style=" --text-horizontal-position: center; --text-horizontal-position-mobile: center; --text-vertical-position: center; --text-vertical-position-mobile: center; --text-alignment: center; --text-alignment-mobile: center; --content-max-width: 500px; "
><div class="slideshow-slide__text-container text-container image-overlay-content animation--item">
<a
href="/pages/garnier"
class="slideshow-slide__image-link"
aria-label="Beauty Market banner"
></a>
<div class="slideshow-slide__text-container-inner text-container-inner section-blocks animation--container">
</div>
</div>
</div>
</div>
</div>
</div>
</slideshow-component>
</div>
</div>
</div>
</section><section id="shopify-section-template--18718532206767__featured_collection_mggk8f" class="shopify-section"><div
class="featured-collection section"
style=" --section-style-spacing-top: 36px; --section-style-spacing-bottom: 36px; --num-columns-desktop: 5; --num-columns-tablet: 4; --num-columns-mobile: 2; "
data-section-id="template--18718532206767__featured_collection_mggk8f"
data-section-type="featured-collection"
data-products-per-view="5"
data-mobile-products-per-view="2"
>
<div class="section-inner">
<div
class="featured-collection__products featured-collection-slider-grid standard-grid-spacing product-item-holder"
data-standard-grid-spacing-type="product-list">
<script src="//beautymarket.ma/cdn/shop/t/35/assets/scroll-slider.js?v=137308953565903322681754934608" type="module"></script>
<scroll-slider-component
class="scroll-slider scroll-slider--full-width-below-1024 scroll-slider--peek-and-full-width-below-1024 scroll-all-sizes"
style="--columns: 2; --columns-above-720: 4; --columns-above-1024: 5; --peek: 24px; --peek-above-1024: 0px; --gap: 12px; --gap-above-1024: 16px; --gap-above-1200: 24px;"
data-id="featured-collection"
data-navigation-container=".featured-collection"
data-autoplay=""
data-autoplay-delay="0"
data-autoplay-pause-on-hover=""
>
<div class="scroll-slider__slider">
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8488334164143"
data-title="Garnier Fast Bright Serum Cleanser Vitamin C - 100ml"
data-url="/products/garnier-fast-bright-serum-cleanser-vitamin-c-100ml"
data-variant-id="46581271986351"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/garnier-fast-bright-serum-cleanser-vitamin-c-100ml"
aria-label="Garnier Fast Bright Serum Cleanser Vitamin C - 100ml"
><div
class="image product-item__image product-item__image--one aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="Garnier Fast Bright Serum Cleanser Vitamin C - 100ml"
class="image__img"
loading="lazy"
width="3125"
height="3125"
src="//beautymarket.ma/cdn/shop/files/Garnier-SkinActive-Fast-Bright-Nettoyant-Serum-Visage-Vitamine-C-Citron-Eclat-Instantane-100ml.webp?v=1774282972&width=320"
srcset="//beautymarket.ma/cdn/shop/files/Garnier-SkinActive-Fast-Bright-Nettoyant-Serum-Visage-Vitamine-C-Citron-Eclat-Instantane-100ml.webp?crop=center&height=150&v=1774282972&width=150 150w, //beautymarket.ma/cdn/shop/files/Garnier-SkinActive-Fast-Bright-Nettoyant-Serum-Visage-Vitamine-C-Citron-Eclat-Instantane-100ml.webp?crop=center&height=200&v=1774282972&width=200 200w, //beautymarket.ma/cdn/shop/files/Garnier-SkinActive-Fast-Bright-Nettoyant-Serum-Visage-Vitamine-C-Citron-Eclat-Instantane-100ml.webp?crop=center&height=240&v=1774282972&width=240 240w, //beautymarket.ma/cdn/shop/files/Garnier-SkinActive-Fast-Bright-Nettoyant-Serum-Visage-Vitamine-C-Citron-Eclat-Instantane-100ml.webp?crop=center&height=280&v=1774282972&width=280 280w, //beautymarket.ma/cdn/shop/files/Garnier-SkinActive-Fast-Bright-Nettoyant-Serum-Visage-Vitamine-C-Citron-Eclat-Instantane-100ml.webp?crop=center&height=300&v=1774282972&width=300 300w, //beautymarket.ma/cdn/shop/files/Garnier-SkinActive-Fast-Bright-Nettoyant-Serum-Visage-Vitamine-C-Citron-Eclat-Instantane-100ml.webp?crop=center&height=360&v=1774282972&width=360 360w, //beautymarket.ma/cdn/shop/files/Garnier-SkinActive-Fast-Bright-Nettoyant-Serum-Visage-Vitamine-C-Citron-Eclat-Instantane-100ml.webp?crop=center&height=400&v=1774282972&width=400 400w, //beautymarket.ma/cdn/shop/files/Garnier-SkinActive-Fast-Bright-Nettoyant-Serum-Visage-Vitamine-C-Citron-Eclat-Instantane-100ml.webp?crop=center&height=450&v=1774282972&width=450 450w, //beautymarket.ma/cdn/shop/files/Garnier-SkinActive-Fast-Bright-Nettoyant-Serum-Visage-Vitamine-C-Citron-Eclat-Instantane-100ml.webp?crop=center&height=500&v=1774282972&width=500 500w, //beautymarket.ma/cdn/shop/files/Garnier-SkinActive-Fast-Bright-Nettoyant-Serum-Visage-Vitamine-C-Citron-Eclat-Instantane-100ml.webp?crop=center&height=550&v=1774282972&width=550 550w, //beautymarket.ma/cdn/shop/files/Garnier-SkinActive-Fast-Bright-Nettoyant-Serum-Visage-Vitamine-C-Citron-Eclat-Instantane-100ml.webp?crop=center&height=600&v=1774282972&width=600 600w, //beautymarket.ma/cdn/shop/files/Garnier-SkinActive-Fast-Bright-Nettoyant-Serum-Visage-Vitamine-C-Citron-Eclat-Instantane-100ml.webp?crop=center&height=650&v=1774282972&width=650 650w, //beautymarket.ma/cdn/shop/files/Garnier-SkinActive-Fast-Bright-Nettoyant-Serum-Visage-Vitamine-C-Citron-Eclat-Instantane-100ml.webp?crop=center&height=700&v=1774282972&width=700 700w, //beautymarket.ma/cdn/shop/files/Garnier-SkinActive-Fast-Bright-Nettoyant-Serum-Visage-Vitamine-C-Citron-Eclat-Instantane-100ml.webp?crop=center&height=750&v=1774282972&width=750 750w, //beautymarket.ma/cdn/shop/files/Garnier-SkinActive-Fast-Bright-Nettoyant-Serum-Visage-Vitamine-C-Citron-Eclat-Instantane-100ml.webp?crop=center&height=800&v=1774282972&width=800 800w, //beautymarket.ma/cdn/shop/files/Garnier-SkinActive-Fast-Bright-Nettoyant-Serum-Visage-Vitamine-C-Citron-Eclat-Instantane-100ml.webp?crop=center&height=850&v=1774282972&width=850 850w, //beautymarket.ma/cdn/shop/files/Garnier-SkinActive-Fast-Bright-Nettoyant-Serum-Visage-Vitamine-C-Citron-Eclat-Instantane-100ml.webp?crop=center&height=900&v=1774282972&width=900 900w, //beautymarket.ma/cdn/shop/files/Garnier-SkinActive-Fast-Bright-Nettoyant-Serum-Visage-Vitamine-C-Citron-Eclat-Instantane-100ml.webp?crop=center&height=950&v=1774282972&width=950 950w, //beautymarket.ma/cdn/shop/files/Garnier-SkinActive-Fast-Bright-Nettoyant-Serum-Visage-Vitamine-C-Citron-Eclat-Instantane-100ml.webp?crop=center&height=1000&v=1774282972&width=1000 1000w, //beautymarket.ma/cdn/shop/files/Garnier-SkinActive-Fast-Bright-Nettoyant-Serum-Visage-Vitamine-C-Citron-Eclat-Instantane-100ml.webp?crop=center&height=1100&v=1774282972&width=1100 1100w, //beautymarket.ma/cdn/shop/files/Garnier-SkinActive-Fast-Bright-Nettoyant-Serum-Visage-Vitamine-C-Citron-Eclat-Instantane-100ml.webp?crop=center&height=1200&v=1774282972&width=1200 1200w, //beautymarket.ma/cdn/shop/files/Garnier-SkinActive-Fast-Bright-Nettoyant-Serum-Visage-Vitamine-C-Citron-Eclat-Instantane-100ml.webp?crop=center&height=1300&v=1774282972&width=1300 1300w, //beautymarket.ma/cdn/shop/files/Garnier-SkinActive-Fast-Bright-Nettoyant-Serum-Visage-Vitamine-C-Citron-Eclat-Instantane-100ml.webp?crop=center&height=1400&v=1774282972&width=1400 1400w, //beautymarket.ma/cdn/shop/files/Garnier-SkinActive-Fast-Bright-Nettoyant-Serum-Visage-Vitamine-C-Citron-Eclat-Instantane-100ml.webp?crop=center&height=1500&v=1774282972&width=1500 1500w, //beautymarket.ma/cdn/shop/files/Garnier-SkinActive-Fast-Bright-Nettoyant-Serum-Visage-Vitamine-C-Citron-Eclat-Instantane-100ml.webp?crop=center&height=1600&v=1774282972&width=1600 1600w, //beautymarket.ma/cdn/shop/files/Garnier-SkinActive-Fast-Bright-Nettoyant-Serum-Visage-Vitamine-C-Citron-Eclat-Instantane-100ml.webp?crop=center&height=1700&v=1774282972&width=1700 1700w, //beautymarket.ma/cdn/shop/files/Garnier-SkinActive-Fast-Bright-Nettoyant-Serum-Visage-Vitamine-C-Citron-Eclat-Instantane-100ml.webp?crop=center&height=1800&v=1774282972&width=1800 1800w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div><div
class="image product-item__image product-item__image--two aspect-ratio--square"
style="--object-fit: cover;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="1080"
height="1080"
src="//beautymarket.ma/cdn/shop/files/Post1GarnierVitaminCFR.png?v=1774282972&width=320"
srcset="//beautymarket.ma/cdn/shop/files/Post1GarnierVitaminCFR.png?crop=center&height=150&v=1774282972&width=150 150w, //beautymarket.ma/cdn/shop/files/Post1GarnierVitaminCFR.png?crop=center&height=200&v=1774282972&width=200 200w, //beautymarket.ma/cdn/shop/files/Post1GarnierVitaminCFR.png?crop=center&height=240&v=1774282972&width=240 240w, //beautymarket.ma/cdn/shop/files/Post1GarnierVitaminCFR.png?crop=center&height=280&v=1774282972&width=280 280w, //beautymarket.ma/cdn/shop/files/Post1GarnierVitaminCFR.png?crop=center&height=300&v=1774282972&width=300 300w, //beautymarket.ma/cdn/shop/files/Post1GarnierVitaminCFR.png?crop=center&height=360&v=1774282972&width=360 360w, //beautymarket.ma/cdn/shop/files/Post1GarnierVitaminCFR.png?crop=center&height=400&v=1774282972&width=400 400w, //beautymarket.ma/cdn/shop/files/Post1GarnierVitaminCFR.png?crop=center&height=450&v=1774282972&width=450 450w, //beautymarket.ma/cdn/shop/files/Post1GarnierVitaminCFR.png?crop=center&height=500&v=1774282972&width=500 500w, //beautymarket.ma/cdn/shop/files/Post1GarnierVitaminCFR.png?crop=center&height=550&v=1774282972&width=550 550w, //beautymarket.ma/cdn/shop/files/Post1GarnierVitaminCFR.png?crop=center&height=600&v=1774282972&width=600 600w, //beautymarket.ma/cdn/shop/files/Post1GarnierVitaminCFR.png?crop=center&height=650&v=1774282972&width=650 650w, //beautymarket.ma/cdn/shop/files/Post1GarnierVitaminCFR.png?crop=center&height=700&v=1774282972&width=700 700w, //beautymarket.ma/cdn/shop/files/Post1GarnierVitaminCFR.png?crop=center&height=750&v=1774282972&width=750 750w, //beautymarket.ma/cdn/shop/files/Post1GarnierVitaminCFR.png?crop=center&height=800&v=1774282972&width=800 800w, //beautymarket.ma/cdn/shop/files/Post1GarnierVitaminCFR.png?crop=center&height=850&v=1774282972&width=850 850w, //beautymarket.ma/cdn/shop/files/Post1GarnierVitaminCFR.png?crop=center&height=900&v=1774282972&width=900 900w, //beautymarket.ma/cdn/shop/files/Post1GarnierVitaminCFR.png?crop=center&height=950&v=1774282972&width=950 950w, //beautymarket.ma/cdn/shop/files/Post1GarnierVitaminCFR.png?crop=center&height=1000&v=1774282972&width=1000 1000w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/garnier-fast-bright/products/garnier-fast-bright-serum-cleanser-vitamin-c-100ml"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/garnier-fast-bright-serum-cleanser-vitamin-c-100ml">Garnier Fast Bright Serum Cleanser Vitamin C - 100ml</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span>49.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span>49.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8488334164143"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46581271986351"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8488334164143'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_mggk8f-8488334164143">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_mggk8f-8488334164143"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/garnier-fast-bright/products/garnier-fast-bright-serum-cleanser-vitamin-c-100ml"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8488334164143"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46581271986351"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8488334164143'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_mggk8f-8488334164143">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_mggk8f-8488334164143"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8104678523055"
data-title="Garnier super uv invisible serum sunscreen spf 50 pa++++ uva/b"
data-url="/products/garnier-super-uv-invisible-serum-sunscreen-spf-50-pa-uva-b"
data-variant-id="44546212167855"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/garnier-super-uv-invisible-serum-sunscreen-spf-50-pa-uva-b"
aria-label="Garnier super uv invisible serum sunscreen spf 50 pa++++ uva/b"
><div
class="image product-item__image product-item__image--one aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="Garnier super uv invisible serum sunscreen spf 50 pa++++ uva/b"
class="image__img"
loading="lazy"
width="1080"
height="1080"
src="//beautymarket.ma/cdn/shop/files/3_11.png?v=1771267590&width=320"
srcset="//beautymarket.ma/cdn/shop/files/3_11.png?crop=center&height=150&v=1771267590&width=150 150w, //beautymarket.ma/cdn/shop/files/3_11.png?crop=center&height=200&v=1771267590&width=200 200w, //beautymarket.ma/cdn/shop/files/3_11.png?crop=center&height=240&v=1771267590&width=240 240w, //beautymarket.ma/cdn/shop/files/3_11.png?crop=center&height=280&v=1771267590&width=280 280w, //beautymarket.ma/cdn/shop/files/3_11.png?crop=center&height=300&v=1771267590&width=300 300w, //beautymarket.ma/cdn/shop/files/3_11.png?crop=center&height=360&v=1771267590&width=360 360w, //beautymarket.ma/cdn/shop/files/3_11.png?crop=center&height=400&v=1771267590&width=400 400w, //beautymarket.ma/cdn/shop/files/3_11.png?crop=center&height=450&v=1771267590&width=450 450w, //beautymarket.ma/cdn/shop/files/3_11.png?crop=center&height=500&v=1771267590&width=500 500w, //beautymarket.ma/cdn/shop/files/3_11.png?crop=center&height=550&v=1771267590&width=550 550w, //beautymarket.ma/cdn/shop/files/3_11.png?crop=center&height=600&v=1771267590&width=600 600w, //beautymarket.ma/cdn/shop/files/3_11.png?crop=center&height=650&v=1771267590&width=650 650w, //beautymarket.ma/cdn/shop/files/3_11.png?crop=center&height=700&v=1771267590&width=700 700w, //beautymarket.ma/cdn/shop/files/3_11.png?crop=center&height=750&v=1771267590&width=750 750w, //beautymarket.ma/cdn/shop/files/3_11.png?crop=center&height=800&v=1771267590&width=800 800w, //beautymarket.ma/cdn/shop/files/3_11.png?crop=center&height=850&v=1771267590&width=850 850w, //beautymarket.ma/cdn/shop/files/3_11.png?crop=center&height=900&v=1771267590&width=900 900w, //beautymarket.ma/cdn/shop/files/3_11.png?crop=center&height=950&v=1771267590&width=950 950w, //beautymarket.ma/cdn/shop/files/3_11.png?crop=center&height=1000&v=1771267590&width=1000 1000w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div><div
class="image product-item__image product-item__image--two aspect-ratio--square"
style="--object-fit: cover;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="1080"
height="1080"
src="//beautymarket.ma/cdn/shop/files/11_1.png?v=1771267590&width=320"
srcset="//beautymarket.ma/cdn/shop/files/11_1.png?crop=center&height=150&v=1771267590&width=150 150w, //beautymarket.ma/cdn/shop/files/11_1.png?crop=center&height=200&v=1771267590&width=200 200w, //beautymarket.ma/cdn/shop/files/11_1.png?crop=center&height=240&v=1771267590&width=240 240w, //beautymarket.ma/cdn/shop/files/11_1.png?crop=center&height=280&v=1771267590&width=280 280w, //beautymarket.ma/cdn/shop/files/11_1.png?crop=center&height=300&v=1771267590&width=300 300w, //beautymarket.ma/cdn/shop/files/11_1.png?crop=center&height=360&v=1771267590&width=360 360w, //beautymarket.ma/cdn/shop/files/11_1.png?crop=center&height=400&v=1771267590&width=400 400w, //beautymarket.ma/cdn/shop/files/11_1.png?crop=center&height=450&v=1771267590&width=450 450w, //beautymarket.ma/cdn/shop/files/11_1.png?crop=center&height=500&v=1771267590&width=500 500w, //beautymarket.ma/cdn/shop/files/11_1.png?crop=center&height=550&v=1771267590&width=550 550w, //beautymarket.ma/cdn/shop/files/11_1.png?crop=center&height=600&v=1771267590&width=600 600w, //beautymarket.ma/cdn/shop/files/11_1.png?crop=center&height=650&v=1771267590&width=650 650w, //beautymarket.ma/cdn/shop/files/11_1.png?crop=center&height=700&v=1771267590&width=700 700w, //beautymarket.ma/cdn/shop/files/11_1.png?crop=center&height=750&v=1771267590&width=750 750w, //beautymarket.ma/cdn/shop/files/11_1.png?crop=center&height=800&v=1771267590&width=800 800w, //beautymarket.ma/cdn/shop/files/11_1.png?crop=center&height=850&v=1771267590&width=850 850w, //beautymarket.ma/cdn/shop/files/11_1.png?crop=center&height=900&v=1771267590&width=900 900w, //beautymarket.ma/cdn/shop/files/11_1.png?crop=center&height=950&v=1771267590&width=950 950w, //beautymarket.ma/cdn/shop/files/11_1.png?crop=center&height=1000&v=1771267590&width=1000 1000w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>27% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/garnier-fast-bright/products/garnier-super-uv-invisible-serum-sunscreen-spf-50-pa-uva-b"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/garnier-super-uv-invisible-serum-sunscreen-spf-50-pa-uva-b">Garnier super uv invisible serum sunscreen spf 50 pa++++ uva/b</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">89.00 dh</s>
<span class="sale" data-price>65.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">89.00 dh</s>
<span class="sale" data-price>65.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8104678523055"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="44546212167855"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8104678523055'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_mggk8f-8104678523055">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_mggk8f-8104678523055"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/garnier-fast-bright/products/garnier-super-uv-invisible-serum-sunscreen-spf-50-pa-uva-b"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8104678523055"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="44546212167855"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8104678523055'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_mggk8f-8104678523055">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_mggk8f-8104678523055"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8206426243247"
data-title="Garnier gel nettoyant fast bright 100ml"
data-url="/products/garnier-gel-nettoyant-fast-bright-100ml"
data-variant-id="45082888175791"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/garnier-gel-nettoyant-fast-bright-100ml"
aria-label="Garnier gel nettoyant fast bright 100ml"
><div
class="image product-item__image product-item__image--one aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="Garnier gel nettoyant fast bright 100ml"
class="image__img"
loading="lazy"
width="2560"
height="2560"
src="//beautymarket.ma/cdn/shop/files/61NJPV80CvL.jpg?v=1772119632&width=320"
srcset="//beautymarket.ma/cdn/shop/files/61NJPV80CvL.jpg?crop=center&height=150&v=1772119632&width=150 150w, //beautymarket.ma/cdn/shop/files/61NJPV80CvL.jpg?crop=center&height=200&v=1772119632&width=200 200w, //beautymarket.ma/cdn/shop/files/61NJPV80CvL.jpg?crop=center&height=240&v=1772119632&width=240 240w, //beautymarket.ma/cdn/shop/files/61NJPV80CvL.jpg?crop=center&height=280&v=1772119632&width=280 280w, //beautymarket.ma/cdn/shop/files/61NJPV80CvL.jpg?crop=center&height=300&v=1772119632&width=300 300w, //beautymarket.ma/cdn/shop/files/61NJPV80CvL.jpg?crop=center&height=360&v=1772119632&width=360 360w, //beautymarket.ma/cdn/shop/files/61NJPV80CvL.jpg?crop=center&height=400&v=1772119632&width=400 400w, //beautymarket.ma/cdn/shop/files/61NJPV80CvL.jpg?crop=center&height=450&v=1772119632&width=450 450w, //beautymarket.ma/cdn/shop/files/61NJPV80CvL.jpg?crop=center&height=500&v=1772119632&width=500 500w, //beautymarket.ma/cdn/shop/files/61NJPV80CvL.jpg?crop=center&height=550&v=1772119632&width=550 550w, //beautymarket.ma/cdn/shop/files/61NJPV80CvL.jpg?crop=center&height=600&v=1772119632&width=600 600w, //beautymarket.ma/cdn/shop/files/61NJPV80CvL.jpg?crop=center&height=650&v=1772119632&width=650 650w, //beautymarket.ma/cdn/shop/files/61NJPV80CvL.jpg?crop=center&height=700&v=1772119632&width=700 700w, //beautymarket.ma/cdn/shop/files/61NJPV80CvL.jpg?crop=center&height=750&v=1772119632&width=750 750w, //beautymarket.ma/cdn/shop/files/61NJPV80CvL.jpg?crop=center&height=800&v=1772119632&width=800 800w, //beautymarket.ma/cdn/shop/files/61NJPV80CvL.jpg?crop=center&height=850&v=1772119632&width=850 850w, //beautymarket.ma/cdn/shop/files/61NJPV80CvL.jpg?crop=center&height=900&v=1772119632&width=900 900w, //beautymarket.ma/cdn/shop/files/61NJPV80CvL.jpg?crop=center&height=950&v=1772119632&width=950 950w, //beautymarket.ma/cdn/shop/files/61NJPV80CvL.jpg?crop=center&height=1000&v=1772119632&width=1000 1000w, //beautymarket.ma/cdn/shop/files/61NJPV80CvL.jpg?crop=center&height=1100&v=1772119632&width=1100 1100w, //beautymarket.ma/cdn/shop/files/61NJPV80CvL.jpg?crop=center&height=1200&v=1772119632&width=1200 1200w, //beautymarket.ma/cdn/shop/files/61NJPV80CvL.jpg?crop=center&height=1300&v=1772119632&width=1300 1300w, //beautymarket.ma/cdn/shop/files/61NJPV80CvL.jpg?crop=center&height=1400&v=1772119632&width=1400 1400w, //beautymarket.ma/cdn/shop/files/61NJPV80CvL.jpg?crop=center&height=1500&v=1772119632&width=1500 1500w, //beautymarket.ma/cdn/shop/files/61NJPV80CvL.jpg?crop=center&height=1600&v=1772119632&width=1600 1600w, //beautymarket.ma/cdn/shop/files/61NJPV80CvL.jpg?crop=center&height=1700&v=1772119632&width=1700 1700w, //beautymarket.ma/cdn/shop/files/61NJPV80CvL.jpg?crop=center&height=1800&v=1772119632&width=1800 1800w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div><div
class="image product-item__image product-item__image--two aspect-ratio--square"
style="--object-fit: cover;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="679"
height="681"
src="//beautymarket.ma/cdn/shop/files/fairness_2_1.jpg?v=1772119632&width=320"
srcset="//beautymarket.ma/cdn/shop/files/fairness_2_1.jpg?crop=center&height=150&v=1772119632&width=150 150w, //beautymarket.ma/cdn/shop/files/fairness_2_1.jpg?crop=center&height=200&v=1772119632&width=200 200w, //beautymarket.ma/cdn/shop/files/fairness_2_1.jpg?crop=center&height=240&v=1772119632&width=240 240w, //beautymarket.ma/cdn/shop/files/fairness_2_1.jpg?crop=center&height=280&v=1772119632&width=280 280w, //beautymarket.ma/cdn/shop/files/fairness_2_1.jpg?crop=center&height=300&v=1772119632&width=300 300w, //beautymarket.ma/cdn/shop/files/fairness_2_1.jpg?crop=center&height=360&v=1772119632&width=360 360w, //beautymarket.ma/cdn/shop/files/fairness_2_1.jpg?crop=center&height=400&v=1772119632&width=400 400w, //beautymarket.ma/cdn/shop/files/fairness_2_1.jpg?crop=center&height=450&v=1772119632&width=450 450w, //beautymarket.ma/cdn/shop/files/fairness_2_1.jpg?crop=center&height=500&v=1772119632&width=500 500w, //beautymarket.ma/cdn/shop/files/fairness_2_1.jpg?crop=center&height=550&v=1772119632&width=550 550w, //beautymarket.ma/cdn/shop/files/fairness_2_1.jpg?crop=center&height=600&v=1772119632&width=600 600w, //beautymarket.ma/cdn/shop/files/fairness_2_1.jpg?crop=center&height=650&v=1772119632&width=650 650w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>27% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/garnier-fast-bright/products/garnier-gel-nettoyant-fast-bright-100ml"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/garnier-gel-nettoyant-fast-bright-100ml">Garnier gel nettoyant fast bright 100ml</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">49.00 dh</s>
<span class="sale" data-price>36.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">49.00 dh</s>
<span class="sale" data-price>36.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8206426243247"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="45082888175791"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8206426243247'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_mggk8f-8206426243247">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_mggk8f-8206426243247"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/garnier-fast-bright/products/garnier-gel-nettoyant-fast-bright-100ml"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8206426243247"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="45082888175791"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8206426243247'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_mggk8f-8206426243247">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_mggk8f-8206426243247"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8273794793647"
data-title="Garnier Super UV Invisible Air-Mist Sunscreen 75ML"
data-url="/products/garnier-super-uv-invisible-air-mist-sunscreen"
data-variant-id="45714445205679"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/garnier-super-uv-invisible-air-mist-sunscreen"
aria-label="Garnier Super UV Invisible Air-Mist Sunscreen 75ML"
><div
class="image product-item__image product-item__image--one aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="Garnier Super UV Invisible Air-Mist Sunscreen 75ML"
class="image__img"
loading="lazy"
width="800"
height="800"
src="//beautymarket.ma/cdn/shop/files/packshot.jpg?v=1753290474&width=320"
srcset="//beautymarket.ma/cdn/shop/files/packshot.jpg?crop=center&height=150&v=1753290474&width=150 150w, //beautymarket.ma/cdn/shop/files/packshot.jpg?crop=center&height=200&v=1753290474&width=200 200w, //beautymarket.ma/cdn/shop/files/packshot.jpg?crop=center&height=240&v=1753290474&width=240 240w, //beautymarket.ma/cdn/shop/files/packshot.jpg?crop=center&height=280&v=1753290474&width=280 280w, //beautymarket.ma/cdn/shop/files/packshot.jpg?crop=center&height=300&v=1753290474&width=300 300w, //beautymarket.ma/cdn/shop/files/packshot.jpg?crop=center&height=360&v=1753290474&width=360 360w, //beautymarket.ma/cdn/shop/files/packshot.jpg?crop=center&height=400&v=1753290474&width=400 400w, //beautymarket.ma/cdn/shop/files/packshot.jpg?crop=center&height=450&v=1753290474&width=450 450w, //beautymarket.ma/cdn/shop/files/packshot.jpg?crop=center&height=500&v=1753290474&width=500 500w, //beautymarket.ma/cdn/shop/files/packshot.jpg?crop=center&height=550&v=1753290474&width=550 550w, //beautymarket.ma/cdn/shop/files/packshot.jpg?crop=center&height=600&v=1753290474&width=600 600w, //beautymarket.ma/cdn/shop/files/packshot.jpg?crop=center&height=650&v=1753290474&width=650 650w, //beautymarket.ma/cdn/shop/files/packshot.jpg?crop=center&height=700&v=1753290474&width=700 700w, //beautymarket.ma/cdn/shop/files/packshot.jpg?crop=center&height=750&v=1753290474&width=750 750w, //beautymarket.ma/cdn/shop/files/packshot.jpg?crop=center&height=800&v=1753290474&width=800 800w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div><div
class="image product-item__image product-item__image--two aspect-ratio--square"
style="--object-fit: cover;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="600"
height="450"
src="//beautymarket.ma/cdn/shop/files/041725_superuv_mist_btf_kv_dmi_mobile_ecom_mena.jpg?v=1757694323&width=320"
srcset="//beautymarket.ma/cdn/shop/files/041725_superuv_mist_btf_kv_dmi_mobile_ecom_mena.jpg?crop=center&height=150&v=1757694323&width=150 150w, //beautymarket.ma/cdn/shop/files/041725_superuv_mist_btf_kv_dmi_mobile_ecom_mena.jpg?crop=center&height=200&v=1757694323&width=200 200w, //beautymarket.ma/cdn/shop/files/041725_superuv_mist_btf_kv_dmi_mobile_ecom_mena.jpg?crop=center&height=240&v=1757694323&width=240 240w, //beautymarket.ma/cdn/shop/files/041725_superuv_mist_btf_kv_dmi_mobile_ecom_mena.jpg?crop=center&height=280&v=1757694323&width=280 280w, //beautymarket.ma/cdn/shop/files/041725_superuv_mist_btf_kv_dmi_mobile_ecom_mena.jpg?crop=center&height=300&v=1757694323&width=300 300w, //beautymarket.ma/cdn/shop/files/041725_superuv_mist_btf_kv_dmi_mobile_ecom_mena.jpg?crop=center&height=360&v=1757694323&width=360 360w, //beautymarket.ma/cdn/shop/files/041725_superuv_mist_btf_kv_dmi_mobile_ecom_mena.jpg?crop=center&height=400&v=1757694323&width=400 400w, //beautymarket.ma/cdn/shop/files/041725_superuv_mist_btf_kv_dmi_mobile_ecom_mena.jpg?crop=center&height=450&v=1757694323&width=450 450w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>27% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/garnier-fast-bright/products/garnier-super-uv-invisible-air-mist-sunscreen"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/garnier-super-uv-invisible-air-mist-sunscreen">Garnier Super UV Invisible Air-Mist Sunscreen 75ML</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">95.00 dh</s>
<span class="sale" data-price>69.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">95.00 dh</s>
<span class="sale" data-price>69.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8273794793647"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="45714445205679"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8273794793647'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_mggk8f-8273794793647">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_mggk8f-8273794793647"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/garnier-fast-bright/products/garnier-super-uv-invisible-air-mist-sunscreen"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8273794793647"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="45714445205679"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8273794793647'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_mggk8f-8273794793647">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_mggk8f-8273794793647"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8111610691759"
data-title="GARNIER eau Micellaire Byphase 400ml"
data-url="/products/garnier-pack-micell-byphase-400ml-100ml-byphase"
data-variant-id="44590649606319"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/garnier-pack-micell-byphase-400ml-100ml-byphase"
aria-label="GARNIER eau Micellaire Byphase 400ml"
><div
class="image product-item__image product-item__image--one aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="GARNIER eau Micellaire Byphase 400ml"
class="image__img"
loading="lazy"
width="1080"
height="1080"
src="//beautymarket.ma/cdn/shop/files/GAR_Micellair_InOil_400ml-1.webp?v=1768822674&width=320"
srcset="//beautymarket.ma/cdn/shop/files/GAR_Micellair_InOil_400ml-1.webp?crop=center&height=150&v=1768822674&width=150 150w, //beautymarket.ma/cdn/shop/files/GAR_Micellair_InOil_400ml-1.webp?crop=center&height=200&v=1768822674&width=200 200w, //beautymarket.ma/cdn/shop/files/GAR_Micellair_InOil_400ml-1.webp?crop=center&height=240&v=1768822674&width=240 240w, //beautymarket.ma/cdn/shop/files/GAR_Micellair_InOil_400ml-1.webp?crop=center&height=280&v=1768822674&width=280 280w, //beautymarket.ma/cdn/shop/files/GAR_Micellair_InOil_400ml-1.webp?crop=center&height=300&v=1768822674&width=300 300w, //beautymarket.ma/cdn/shop/files/GAR_Micellair_InOil_400ml-1.webp?crop=center&height=360&v=1768822674&width=360 360w, //beautymarket.ma/cdn/shop/files/GAR_Micellair_InOil_400ml-1.webp?crop=center&height=400&v=1768822674&width=400 400w, //beautymarket.ma/cdn/shop/files/GAR_Micellair_InOil_400ml-1.webp?crop=center&height=450&v=1768822674&width=450 450w, //beautymarket.ma/cdn/shop/files/GAR_Micellair_InOil_400ml-1.webp?crop=center&height=500&v=1768822674&width=500 500w, //beautymarket.ma/cdn/shop/files/GAR_Micellair_InOil_400ml-1.webp?crop=center&height=550&v=1768822674&width=550 550w, //beautymarket.ma/cdn/shop/files/GAR_Micellair_InOil_400ml-1.webp?crop=center&height=600&v=1768822674&width=600 600w, //beautymarket.ma/cdn/shop/files/GAR_Micellair_InOil_400ml-1.webp?crop=center&height=650&v=1768822674&width=650 650w, //beautymarket.ma/cdn/shop/files/GAR_Micellair_InOil_400ml-1.webp?crop=center&height=700&v=1768822674&width=700 700w, //beautymarket.ma/cdn/shop/files/GAR_Micellair_InOil_400ml-1.webp?crop=center&height=750&v=1768822674&width=750 750w, //beautymarket.ma/cdn/shop/files/GAR_Micellair_InOil_400ml-1.webp?crop=center&height=800&v=1768822674&width=800 800w, //beautymarket.ma/cdn/shop/files/GAR_Micellair_InOil_400ml-1.webp?crop=center&height=850&v=1768822674&width=850 850w, //beautymarket.ma/cdn/shop/files/GAR_Micellair_InOil_400ml-1.webp?crop=center&height=900&v=1768822674&width=900 900w, //beautymarket.ma/cdn/shop/files/GAR_Micellair_InOil_400ml-1.webp?crop=center&height=950&v=1768822674&width=950 950w, //beautymarket.ma/cdn/shop/files/GAR_Micellair_InOil_400ml-1.webp?crop=center&height=1000&v=1768822674&width=1000 1000w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div><div
class="image product-item__image product-item__image--two aspect-ratio--square"
style="--object-fit: cover;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="500"
height="500"
src="//beautymarket.ma/cdn/shop/files/2_2.jpg?v=1768822674&width=320"
srcset="//beautymarket.ma/cdn/shop/files/2_2.jpg?crop=center&height=150&v=1768822674&width=150 150w, //beautymarket.ma/cdn/shop/files/2_2.jpg?crop=center&height=200&v=1768822674&width=200 200w, //beautymarket.ma/cdn/shop/files/2_2.jpg?crop=center&height=240&v=1768822674&width=240 240w, //beautymarket.ma/cdn/shop/files/2_2.jpg?crop=center&height=280&v=1768822674&width=280 280w, //beautymarket.ma/cdn/shop/files/2_2.jpg?crop=center&height=300&v=1768822674&width=300 300w, //beautymarket.ma/cdn/shop/files/2_2.jpg?crop=center&height=360&v=1768822674&width=360 360w, //beautymarket.ma/cdn/shop/files/2_2.jpg?crop=center&height=400&v=1768822674&width=400 400w, //beautymarket.ma/cdn/shop/files/2_2.jpg?crop=center&height=450&v=1768822674&width=450 450w, //beautymarket.ma/cdn/shop/files/2_2.jpg?crop=center&height=500&v=1768822674&width=500 500w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>36% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/garnier-fast-bright/products/garnier-pack-micell-byphase-400ml-100ml-byphase"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/garnier-pack-micell-byphase-400ml-100ml-byphase">GARNIER eau Micellaire Byphase 400ml</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">115.00 dh</s>
<span class="sale" data-price>74.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">115.00 dh</s>
<span class="sale" data-price>74.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8111610691759"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="44590649606319"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8111610691759'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_mggk8f-8111610691759">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_mggk8f-8111610691759"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/garnier-fast-bright/products/garnier-pack-micell-byphase-400ml-100ml-byphase"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8111610691759"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="44590649606319"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8111610691759'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_mggk8f-8111610691759">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_mggk8f-8111610691759"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8540749201583"
data-title="Garnier eau micellaire nettoyante démaquillante vitamine c 400ml + MINI Eau micellaire 100ML"
data-url="/products/garnier-eau-micellaire-nettoyante-demaquillante-vitamine-c-400ml-mini-eau-micellaire-100ml-offerte-1"
data-variant-id="46676756005039"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/garnier-eau-micellaire-nettoyante-demaquillante-vitamine-c-400ml-mini-eau-micellaire-100ml-offerte-1"
aria-label="Garnier eau micellaire nettoyante démaquillante vitamine c 400ml + MINI Eau micellaire 100ML"
><div
class="image product-item__image aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="Garnier eau micellaire nettoyante démaquillante vitamine c 400ml + MINI Eau micellaire 100ML"
class="image__img"
loading="lazy"
width="1000"
height="1000"
src="//beautymarket.ma/cdn/shop/files/MICED.jpg?v=1771268021&width=320"
srcset="//beautymarket.ma/cdn/shop/files/MICED.jpg?crop=center&height=150&v=1771268021&width=150 150w, //beautymarket.ma/cdn/shop/files/MICED.jpg?crop=center&height=200&v=1771268021&width=200 200w, //beautymarket.ma/cdn/shop/files/MICED.jpg?crop=center&height=240&v=1771268021&width=240 240w, //beautymarket.ma/cdn/shop/files/MICED.jpg?crop=center&height=280&v=1771268021&width=280 280w, //beautymarket.ma/cdn/shop/files/MICED.jpg?crop=center&height=300&v=1771268021&width=300 300w, //beautymarket.ma/cdn/shop/files/MICED.jpg?crop=center&height=360&v=1771268021&width=360 360w, //beautymarket.ma/cdn/shop/files/MICED.jpg?crop=center&height=400&v=1771268021&width=400 400w, //beautymarket.ma/cdn/shop/files/MICED.jpg?crop=center&height=450&v=1771268021&width=450 450w, //beautymarket.ma/cdn/shop/files/MICED.jpg?crop=center&height=500&v=1771268021&width=500 500w, //beautymarket.ma/cdn/shop/files/MICED.jpg?crop=center&height=550&v=1771268021&width=550 550w, //beautymarket.ma/cdn/shop/files/MICED.jpg?crop=center&height=600&v=1771268021&width=600 600w, //beautymarket.ma/cdn/shop/files/MICED.jpg?crop=center&height=650&v=1771268021&width=650 650w, //beautymarket.ma/cdn/shop/files/MICED.jpg?crop=center&height=700&v=1771268021&width=700 700w, //beautymarket.ma/cdn/shop/files/MICED.jpg?crop=center&height=750&v=1771268021&width=750 750w, //beautymarket.ma/cdn/shop/files/MICED.jpg?crop=center&height=800&v=1771268021&width=800 800w, //beautymarket.ma/cdn/shop/files/MICED.jpg?crop=center&height=850&v=1771268021&width=850 850w, //beautymarket.ma/cdn/shop/files/MICED.jpg?crop=center&height=900&v=1771268021&width=900 900w, //beautymarket.ma/cdn/shop/files/MICED.jpg?crop=center&height=950&v=1771268021&width=950 950w, //beautymarket.ma/cdn/shop/files/MICED.jpg?crop=center&height=1000&v=1771268021&width=1000 1000w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/garnier-fast-bright/products/garnier-eau-micellaire-nettoyante-demaquillante-vitamine-c-400ml-mini-eau-micellaire-100ml-offerte-1"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/garnier-eau-micellaire-nettoyante-demaquillante-vitamine-c-400ml-mini-eau-micellaire-100ml-offerte-1">Garnier eau micellaire nettoyante démaquillante vitamine c 400ml + MINI Eau micellaire 100ML</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span>94.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span>94.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8540749201583"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46676756005039"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8540749201583'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_mggk8f-8540749201583">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_mggk8f-8540749201583"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/garnier-fast-bright/products/garnier-eau-micellaire-nettoyante-demaquillante-vitamine-c-400ml-mini-eau-micellaire-100ml-offerte-1"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8540749201583"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46676756005039"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8540749201583'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_mggk8f-8540749201583">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_mggk8f-8540749201583"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8166235799727"
data-title="Garnier fast bright serum 30ml"
data-url="/products/garnier-pack-fast-bright-serum-30ml-guasha-roller"
data-variant-id="44913065525423"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/garnier-pack-fast-bright-serum-30ml-guasha-roller"
aria-label="Garnier fast bright serum 30ml"
><div
class="image product-item__image aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="Garnier fast bright serum 30ml"
class="image__img"
loading="lazy"
width="595"
height="655"
src="//beautymarket.ma/cdn/shop/files/dxwtgrt.png?v=1743078575&width=320"
srcset="//beautymarket.ma/cdn/shop/files/dxwtgrt.png?crop=center&height=150&v=1743078575&width=150 150w, //beautymarket.ma/cdn/shop/files/dxwtgrt.png?crop=center&height=200&v=1743078575&width=200 200w, //beautymarket.ma/cdn/shop/files/dxwtgrt.png?crop=center&height=240&v=1743078575&width=240 240w, //beautymarket.ma/cdn/shop/files/dxwtgrt.png?crop=center&height=280&v=1743078575&width=280 280w, //beautymarket.ma/cdn/shop/files/dxwtgrt.png?crop=center&height=300&v=1743078575&width=300 300w, //beautymarket.ma/cdn/shop/files/dxwtgrt.png?crop=center&height=360&v=1743078575&width=360 360w, //beautymarket.ma/cdn/shop/files/dxwtgrt.png?crop=center&height=400&v=1743078575&width=400 400w, //beautymarket.ma/cdn/shop/files/dxwtgrt.png?crop=center&height=450&v=1743078575&width=450 450w, //beautymarket.ma/cdn/shop/files/dxwtgrt.png?crop=center&height=500&v=1743078575&width=500 500w, //beautymarket.ma/cdn/shop/files/dxwtgrt.png?crop=center&height=550&v=1743078575&width=550 550w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>26% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/garnier-fast-bright/products/garnier-pack-fast-bright-serum-30ml-guasha-roller"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/garnier-pack-fast-bright-serum-30ml-guasha-roller">Garnier fast bright serum 30ml</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">149.00 dh</s>
<span class="sale" data-price>110.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">149.00 dh</s>
<span class="sale" data-price>110.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8166235799727"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="44913065525423"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8166235799727'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_mggk8f-8166235799727">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_mggk8f-8166235799727"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/garnier-fast-bright/products/garnier-pack-fast-bright-serum-30ml-guasha-roller"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8166235799727"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="44913065525423"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8166235799727'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_mggk8f-8166235799727">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_mggk8f-8166235799727"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8309595635887"
data-title="GARNIER SKINACTIVE FAST BRIGHT VIT C WATER GEL 50ML"
data-url="/products/garnier-skinactive-fast-bright-vit-c-water-gel-50ml"
data-variant-id="45865620045999"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/garnier-skinactive-fast-bright-vit-c-water-gel-50ml"
aria-label="GARNIER SKINACTIVE FAST BRIGHT VIT C WATER GEL 50ML"
><div
class="image product-item__image product-item__image--one aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="GARNIER SKINACTIVE FAST BRIGHT VIT C WATER GEL 50ML"
class="image__img"
loading="lazy"
width="1300"
height="1300"
src="//beautymarket.ma/cdn/shop/files/8994993027156.webp?v=1757495996&width=320"
srcset="//beautymarket.ma/cdn/shop/files/8994993027156.webp?crop=center&height=150&v=1757495996&width=150 150w, //beautymarket.ma/cdn/shop/files/8994993027156.webp?crop=center&height=200&v=1757495996&width=200 200w, //beautymarket.ma/cdn/shop/files/8994993027156.webp?crop=center&height=240&v=1757495996&width=240 240w, //beautymarket.ma/cdn/shop/files/8994993027156.webp?crop=center&height=280&v=1757495996&width=280 280w, //beautymarket.ma/cdn/shop/files/8994993027156.webp?crop=center&height=300&v=1757495996&width=300 300w, //beautymarket.ma/cdn/shop/files/8994993027156.webp?crop=center&height=360&v=1757495996&width=360 360w, //beautymarket.ma/cdn/shop/files/8994993027156.webp?crop=center&height=400&v=1757495996&width=400 400w, //beautymarket.ma/cdn/shop/files/8994993027156.webp?crop=center&height=450&v=1757495996&width=450 450w, //beautymarket.ma/cdn/shop/files/8994993027156.webp?crop=center&height=500&v=1757495996&width=500 500w, //beautymarket.ma/cdn/shop/files/8994993027156.webp?crop=center&height=550&v=1757495996&width=550 550w, //beautymarket.ma/cdn/shop/files/8994993027156.webp?crop=center&height=600&v=1757495996&width=600 600w, //beautymarket.ma/cdn/shop/files/8994993027156.webp?crop=center&height=650&v=1757495996&width=650 650w, //beautymarket.ma/cdn/shop/files/8994993027156.webp?crop=center&height=700&v=1757495996&width=700 700w, //beautymarket.ma/cdn/shop/files/8994993027156.webp?crop=center&height=750&v=1757495996&width=750 750w, //beautymarket.ma/cdn/shop/files/8994993027156.webp?crop=center&height=800&v=1757495996&width=800 800w, //beautymarket.ma/cdn/shop/files/8994993027156.webp?crop=center&height=850&v=1757495996&width=850 850w, //beautymarket.ma/cdn/shop/files/8994993027156.webp?crop=center&height=900&v=1757495996&width=900 900w, //beautymarket.ma/cdn/shop/files/8994993027156.webp?crop=center&height=950&v=1757495996&width=950 950w, //beautymarket.ma/cdn/shop/files/8994993027156.webp?crop=center&height=1000&v=1757495996&width=1000 1000w, //beautymarket.ma/cdn/shop/files/8994993027156.webp?crop=center&height=1100&v=1757495996&width=1100 1100w, //beautymarket.ma/cdn/shop/files/8994993027156.webp?crop=center&height=1200&v=1757495996&width=1200 1200w, //beautymarket.ma/cdn/shop/files/8994993027156.webp?crop=center&height=1300&v=1757495996&width=1300 1300w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div><div
class="image product-item__image product-item__image--two aspect-ratio--square"
style="--object-fit: cover;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="1300"
height="1300"
src="//beautymarket.ma/cdn/shop/files/8994993027156-4.jpg?v=1757496025&width=320"
srcset="//beautymarket.ma/cdn/shop/files/8994993027156-4.jpg?crop=center&height=150&v=1757496025&width=150 150w, //beautymarket.ma/cdn/shop/files/8994993027156-4.jpg?crop=center&height=200&v=1757496025&width=200 200w, //beautymarket.ma/cdn/shop/files/8994993027156-4.jpg?crop=center&height=240&v=1757496025&width=240 240w, //beautymarket.ma/cdn/shop/files/8994993027156-4.jpg?crop=center&height=280&v=1757496025&width=280 280w, //beautymarket.ma/cdn/shop/files/8994993027156-4.jpg?crop=center&height=300&v=1757496025&width=300 300w, //beautymarket.ma/cdn/shop/files/8994993027156-4.jpg?crop=center&height=360&v=1757496025&width=360 360w, //beautymarket.ma/cdn/shop/files/8994993027156-4.jpg?crop=center&height=400&v=1757496025&width=400 400w, //beautymarket.ma/cdn/shop/files/8994993027156-4.jpg?crop=center&height=450&v=1757496025&width=450 450w, //beautymarket.ma/cdn/shop/files/8994993027156-4.jpg?crop=center&height=500&v=1757496025&width=500 500w, //beautymarket.ma/cdn/shop/files/8994993027156-4.jpg?crop=center&height=550&v=1757496025&width=550 550w, //beautymarket.ma/cdn/shop/files/8994993027156-4.jpg?crop=center&height=600&v=1757496025&width=600 600w, //beautymarket.ma/cdn/shop/files/8994993027156-4.jpg?crop=center&height=650&v=1757496025&width=650 650w, //beautymarket.ma/cdn/shop/files/8994993027156-4.jpg?crop=center&height=700&v=1757496025&width=700 700w, //beautymarket.ma/cdn/shop/files/8994993027156-4.jpg?crop=center&height=750&v=1757496025&width=750 750w, //beautymarket.ma/cdn/shop/files/8994993027156-4.jpg?crop=center&height=800&v=1757496025&width=800 800w, //beautymarket.ma/cdn/shop/files/8994993027156-4.jpg?crop=center&height=850&v=1757496025&width=850 850w, //beautymarket.ma/cdn/shop/files/8994993027156-4.jpg?crop=center&height=900&v=1757496025&width=900 900w, //beautymarket.ma/cdn/shop/files/8994993027156-4.jpg?crop=center&height=950&v=1757496025&width=950 950w, //beautymarket.ma/cdn/shop/files/8994993027156-4.jpg?crop=center&height=1000&v=1757496025&width=1000 1000w, //beautymarket.ma/cdn/shop/files/8994993027156-4.jpg?crop=center&height=1100&v=1757496025&width=1100 1100w, //beautymarket.ma/cdn/shop/files/8994993027156-4.jpg?crop=center&height=1200&v=1757496025&width=1200 1200w, //beautymarket.ma/cdn/shop/files/8994993027156-4.jpg?crop=center&height=1300&v=1757496025&width=1300 1300w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>27% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/garnier-fast-bright/products/garnier-skinactive-fast-bright-vit-c-water-gel-50ml"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/garnier-skinactive-fast-bright-vit-c-water-gel-50ml">GARNIER SKINACTIVE FAST BRIGHT VIT C WATER GEL 50ML</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">75.00 dh</s>
<span class="sale" data-price>55.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">75.00 dh</s>
<span class="sale" data-price>55.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8309595635887"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="45865620045999"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8309595635887'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_mggk8f-8309595635887">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_mggk8f-8309595635887"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/garnier-fast-bright/products/garnier-skinactive-fast-bright-vit-c-water-gel-50ml"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8309595635887"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="45865620045999"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8309595635887'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_mggk8f-8309595635887">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_mggk8f-8309595635887"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8210579292335"
data-title="Garnier skin active- gel nettoyant fast bright à la vitamine c – 400ml"
data-url="/products/garnier-skin-active-gel-nettoyant-fast-bright-a-la-vitamine-c-400ml"
data-variant-id="45103804743855"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/garnier-skin-active-gel-nettoyant-fast-bright-a-la-vitamine-c-400ml"
aria-label="Garnier skin active- gel nettoyant fast bright à la vitamine c – 400ml"
><div
class="image product-item__image aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="Garnier skin active- gel nettoyant fast bright à la vitamine c – 400ml"
class="image__img"
loading="lazy"
width="595"
height="655"
src="//beautymarket.ma/cdn/shop/files/vit_c.png?v=1745932978&width=320"
srcset="//beautymarket.ma/cdn/shop/files/vit_c.png?crop=center&height=150&v=1745932978&width=150 150w, //beautymarket.ma/cdn/shop/files/vit_c.png?crop=center&height=200&v=1745932978&width=200 200w, //beautymarket.ma/cdn/shop/files/vit_c.png?crop=center&height=240&v=1745932978&width=240 240w, //beautymarket.ma/cdn/shop/files/vit_c.png?crop=center&height=280&v=1745932978&width=280 280w, //beautymarket.ma/cdn/shop/files/vit_c.png?crop=center&height=300&v=1745932978&width=300 300w, //beautymarket.ma/cdn/shop/files/vit_c.png?crop=center&height=360&v=1745932978&width=360 360w, //beautymarket.ma/cdn/shop/files/vit_c.png?crop=center&height=400&v=1745932978&width=400 400w, //beautymarket.ma/cdn/shop/files/vit_c.png?crop=center&height=450&v=1745932978&width=450 450w, //beautymarket.ma/cdn/shop/files/vit_c.png?crop=center&height=500&v=1745932978&width=500 500w, //beautymarket.ma/cdn/shop/files/vit_c.png?crop=center&height=550&v=1745932978&width=550 550w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>16% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/garnier-fast-bright/products/garnier-skin-active-gel-nettoyant-fast-bright-a-la-vitamine-c-400ml"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/garnier-skin-active-gel-nettoyant-fast-bright-a-la-vitamine-c-400ml">Garnier skin active- gel nettoyant fast bright à la vitamine c – 400ml</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">130.00 dh</s>
<span class="sale" data-price>109.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">130.00 dh</s>
<span class="sale" data-price>109.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8210579292335"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="45103804743855"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8210579292335'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_mggk8f-8210579292335">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_mggk8f-8210579292335"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/garnier-fast-bright/products/garnier-skin-active-gel-nettoyant-fast-bright-a-la-vitamine-c-400ml"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8210579292335"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="45103804743855"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8210579292335'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_mggk8f-8210579292335">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_mggk8f-8210579292335"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8228582391983"
data-title="Garnier skin active fast bright scrub vitamine c 150ml"
data-url="/products/garnier-skin-active-fast-bright-scrub-vitamine-c-150ml"
data-variant-id="45257715843247"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/garnier-skin-active-fast-bright-scrub-vitamine-c-150ml"
aria-label="Garnier skin active fast bright scrub vitamine c 150ml"
><div
class="image product-item__image aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="Garnier skin active fast bright scrub vitamine c 150ml"
class="image__img"
loading="lazy"
width="500"
height="500"
src="//beautymarket.ma/cdn/shop/files/8043c1823001767a5a5f7a25ae520bc6_dea6ab9b-3669-461d-ab7d-f0c8dae03586.webp?v=1748371361&width=320"
srcset="//beautymarket.ma/cdn/shop/files/8043c1823001767a5a5f7a25ae520bc6_dea6ab9b-3669-461d-ab7d-f0c8dae03586.webp?crop=center&height=150&v=1748371361&width=150 150w, //beautymarket.ma/cdn/shop/files/8043c1823001767a5a5f7a25ae520bc6_dea6ab9b-3669-461d-ab7d-f0c8dae03586.webp?crop=center&height=200&v=1748371361&width=200 200w, //beautymarket.ma/cdn/shop/files/8043c1823001767a5a5f7a25ae520bc6_dea6ab9b-3669-461d-ab7d-f0c8dae03586.webp?crop=center&height=240&v=1748371361&width=240 240w, //beautymarket.ma/cdn/shop/files/8043c1823001767a5a5f7a25ae520bc6_dea6ab9b-3669-461d-ab7d-f0c8dae03586.webp?crop=center&height=280&v=1748371361&width=280 280w, //beautymarket.ma/cdn/shop/files/8043c1823001767a5a5f7a25ae520bc6_dea6ab9b-3669-461d-ab7d-f0c8dae03586.webp?crop=center&height=300&v=1748371361&width=300 300w, //beautymarket.ma/cdn/shop/files/8043c1823001767a5a5f7a25ae520bc6_dea6ab9b-3669-461d-ab7d-f0c8dae03586.webp?crop=center&height=360&v=1748371361&width=360 360w, //beautymarket.ma/cdn/shop/files/8043c1823001767a5a5f7a25ae520bc6_dea6ab9b-3669-461d-ab7d-f0c8dae03586.webp?crop=center&height=400&v=1748371361&width=400 400w, //beautymarket.ma/cdn/shop/files/8043c1823001767a5a5f7a25ae520bc6_dea6ab9b-3669-461d-ab7d-f0c8dae03586.webp?crop=center&height=450&v=1748371361&width=450 450w, //beautymarket.ma/cdn/shop/files/8043c1823001767a5a5f7a25ae520bc6_dea6ab9b-3669-461d-ab7d-f0c8dae03586.webp?crop=center&height=500&v=1748371361&width=500 500w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>20% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/garnier-fast-bright/products/garnier-skin-active-fast-bright-scrub-vitamine-c-150ml"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/garnier-skin-active-fast-bright-scrub-vitamine-c-150ml">Garnier skin active fast bright scrub vitamine c 150ml</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">99.00 dh</s>
<span class="sale" data-price>79.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">99.00 dh</s>
<span class="sale" data-price>79.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8228582391983"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="45257715843247"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8228582391983'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_mggk8f-8228582391983">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_mggk8f-8228582391983"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/garnier-fast-bright/products/garnier-skin-active-fast-bright-scrub-vitamine-c-150ml"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8228582391983"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="45257715843247"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8228582391983'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_mggk8f-8228582391983">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_mggk8f-8228582391983"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</scroll-slider-component>
<div
class="scroll-slider-nav-button-wrapper scroll-slider-nav-button-wrapper--prev"
data-is-small="false"
>
<button
type="button"
class="scroll-slider-nav-button scroll-slider-nav-button--prev hidden"
title="Précédent"
data-scroll-slider-prev-button
name="prev"
>
<span class="icon icon-arrow-short" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 12.4016H11.5H23M23 12.4016L13.8 3M23 12.4016L13.8 21.8032" stroke="currentColor" stroke-width="1.75"/></svg>
</span>
</button>
</div>
<div
class="scroll-slider-nav-button-wrapper scroll-slider-nav-button-wrapper--next"
data-is-small="false"
>
<button
type="button"
class="scroll-slider-nav-button scroll-slider-nav-button--next hidden"
title="Suivant"
data-scroll-slider-next-button
name="next"
>
<span class="icon icon-arrow-short" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 12.4016H11.5H23M23 12.4016L13.8 3M23 12.4016L13.8 21.8032" stroke="currentColor" stroke-width="1.75"/></svg>
</span>
</button>
</div>
</div>
<script src="//beautymarket.ma/cdn/shop/t/35/assets/section-footer.js?v=11514157199586841511754934608" type="module"></script>
<section-footer-component class="section-footer animation--container-footer">
<div class="scroll-slider-page-dots" data-scroll-slider-page-dots data-hide-below-720="true"></div>
</section-footer-component>
</div>
</div>
</section><section id="shopify-section-template--18718532206767__image_hero_eCNFzt" class="shopify-section shopify-section--full-width"><div
class="image-hero section section--hero"
data-image-height-type="adapt_to_image"
data-section-id="template--18718532206767__image_hero_eCNFzt"
data-section-type="image-hero"
style=" --section-style-spacing-top: 20px; --section-style-spacing-bottom: 12px; --custom-height-desktop: 650px; --custom-height-mobile: 450px; --text-horizontal-position: center; --text-horizontal-position-mobile: center; --text-vertical-position: center; --text-vertical-position-mobile: center; --text-alignment: center; --text-alignment-mobile: center; --content-max-width: 500px; "
>
<div
class="section-inner"
>
<div class="image-hero__inner">
<div
class="background-image-container image-hero__image-container"
data-has-mobile-image="true"
data-absolutely-position-image="false"
><div
class="image background-image background-image--mobile image-hero__image image-hero__image--mobile animation--lazy-load"
style="--focal-alignment: center;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="2738"
height="1763"
src="//beautymarket.ma/cdn/shop/files/DLI24-12181105-Rev3_LifterGlaze_OilBalm_Shay_POS.jpg?v=1774261386&width=320"
srcset="//beautymarket.ma/cdn/shop/files/DLI24-12181105-Rev3_LifterGlaze_OilBalm_Shay_POS.jpg?v=1774261386&width=700 700w, //beautymarket.ma/cdn/shop/files/DLI24-12181105-Rev3_LifterGlaze_OilBalm_Shay_POS.jpg?v=1774261386&width=750 750w, //beautymarket.ma/cdn/shop/files/DLI24-12181105-Rev3_LifterGlaze_OilBalm_Shay_POS.jpg?v=1774261386&width=800 800w, //beautymarket.ma/cdn/shop/files/DLI24-12181105-Rev3_LifterGlaze_OilBalm_Shay_POS.jpg?v=1774261386&width=850 850w, //beautymarket.ma/cdn/shop/files/DLI24-12181105-Rev3_LifterGlaze_OilBalm_Shay_POS.jpg?v=1774261386&width=900 900w, //beautymarket.ma/cdn/shop/files/DLI24-12181105-Rev3_LifterGlaze_OilBalm_Shay_POS.jpg?v=1774261386&width=950 950w, //beautymarket.ma/cdn/shop/files/DLI24-12181105-Rev3_LifterGlaze_OilBalm_Shay_POS.jpg?v=1774261386&width=1000 1000w, //beautymarket.ma/cdn/shop/files/DLI24-12181105-Rev3_LifterGlaze_OilBalm_Shay_POS.jpg?v=1774261386&width=1100 1100w, //beautymarket.ma/cdn/shop/files/DLI24-12181105-Rev3_LifterGlaze_OilBalm_Shay_POS.jpg?v=1774261386&width=1200 1200w, //beautymarket.ma/cdn/shop/files/DLI24-12181105-Rev3_LifterGlaze_OilBalm_Shay_POS.jpg?v=1774261386&width=1300 1300w, //beautymarket.ma/cdn/shop/files/DLI24-12181105-Rev3_LifterGlaze_OilBalm_Shay_POS.jpg?v=1774261386&width=1400 1400w, //beautymarket.ma/cdn/shop/files/DLI24-12181105-Rev3_LifterGlaze_OilBalm_Shay_POS.jpg?v=1774261386&width=1500 1500w, //beautymarket.ma/cdn/shop/files/DLI24-12181105-Rev3_LifterGlaze_OilBalm_Shay_POS.jpg?v=1774261386&width=1600 1600w, //beautymarket.ma/cdn/shop/files/DLI24-12181105-Rev3_LifterGlaze_OilBalm_Shay_POS.jpg?v=1774261386&width=1800 1800w, //beautymarket.ma/cdn/shop/files/DLI24-12181105-Rev3_LifterGlaze_OilBalm_Shay_POS.jpg?v=1774261386&width=2000 2000w, //beautymarket.ma/cdn/shop/files/DLI24-12181105-Rev3_LifterGlaze_OilBalm_Shay_POS.jpg?v=1774261386&width=2200 2200w, //beautymarket.ma/cdn/shop/files/DLI24-12181105-Rev3_LifterGlaze_OilBalm_Shay_POS.jpg?v=1774261386&width=2400 2400w, //beautymarket.ma/cdn/shop/files/DLI24-12181105-Rev3_LifterGlaze_OilBalm_Shay_POS.jpg?v=1774261386&width=2600 2600w"
sizes="100vw"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div><div
class="image background-image image-hero__image animation--lazy-load"
style="--focal-alignment: center;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="1464"
height="600"
src="//beautymarket.ma/cdn/shop/files/Maybelline_Lifter_Glaze_Desktop_BTF_1_1.jpg?v=1774261380&width=320"
srcset="//beautymarket.ma/cdn/shop/files/Maybelline_Lifter_Glaze_Desktop_BTF_1_1.jpg?v=1774261380&width=700 700w, //beautymarket.ma/cdn/shop/files/Maybelline_Lifter_Glaze_Desktop_BTF_1_1.jpg?v=1774261380&width=750 750w, //beautymarket.ma/cdn/shop/files/Maybelline_Lifter_Glaze_Desktop_BTF_1_1.jpg?v=1774261380&width=800 800w, //beautymarket.ma/cdn/shop/files/Maybelline_Lifter_Glaze_Desktop_BTF_1_1.jpg?v=1774261380&width=850 850w, //beautymarket.ma/cdn/shop/files/Maybelline_Lifter_Glaze_Desktop_BTF_1_1.jpg?v=1774261380&width=900 900w, //beautymarket.ma/cdn/shop/files/Maybelline_Lifter_Glaze_Desktop_BTF_1_1.jpg?v=1774261380&width=950 950w, //beautymarket.ma/cdn/shop/files/Maybelline_Lifter_Glaze_Desktop_BTF_1_1.jpg?v=1774261380&width=1000 1000w, //beautymarket.ma/cdn/shop/files/Maybelline_Lifter_Glaze_Desktop_BTF_1_1.jpg?v=1774261380&width=1100 1100w, //beautymarket.ma/cdn/shop/files/Maybelline_Lifter_Glaze_Desktop_BTF_1_1.jpg?v=1774261380&width=1200 1200w, //beautymarket.ma/cdn/shop/files/Maybelline_Lifter_Glaze_Desktop_BTF_1_1.jpg?v=1774261380&width=1300 1300w, //beautymarket.ma/cdn/shop/files/Maybelline_Lifter_Glaze_Desktop_BTF_1_1.jpg?v=1774261380&width=1400 1400w"
sizes="100vw"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div></div>
<div
class="image-overlay animation--image-overlay"></div>
<div class="image-hero__text-container-wrapper"><div class="image-hero__text-container text-container image-overlay-content animation--item"><a
href="/pages/maybelline"
class="image-hero__image-link"
aria-label="/pages/maybelline"
></a><div class="image-hero__text-container-inner text-container-inner section-blocks animation--container">
</div>
</div>
</div>
</div>
</div>
</div>
</section><section id="shopify-section-template--18718532206767__custom_liquid_tWXDEr" class="shopify-section">
</section><section id="shopify-section-template--18718532206767__featured_collection_zxzzVc" class="shopify-section"><div
class="featured-collection section"
style=" --section-style-spacing-top: 28px; --section-style-spacing-bottom: 12px; --num-columns-desktop: 5; --num-columns-tablet: 4; --num-columns-mobile: 2; "
data-section-id="template--18718532206767__featured_collection_zxzzVc"
data-section-type="featured-collection"
data-products-per-view="5"
data-mobile-products-per-view="2"
>
<div class="section-inner">
<div
class="featured-collection__products featured-collection-slider-grid standard-grid-spacing product-item-holder"
data-standard-grid-spacing-type="product-list">
<script src="//beautymarket.ma/cdn/shop/t/35/assets/scroll-slider.js?v=137308953565903322681754934608" type="module"></script>
<scroll-slider-component
class="scroll-slider scroll-slider--full-width-below-1024 scroll-slider--peek-and-full-width-below-1024 scroll-all-sizes"
style="--columns: 2; --columns-above-720: 4; --columns-above-1024: 5; --peek: 24px; --peek-above-1024: 0px; --gap: 12px; --gap-above-1024: 16px; --gap-above-1200: 24px;"
data-id="featured-collection"
data-navigation-container=".featured-collection"
data-autoplay=""
data-autoplay-delay="0"
data-autoplay-pause-on-hover=""
>
<div class="scroll-slider__slider">
<div class="collection-view-all-tile-wrapper">
<div
class="collection-view-all-tile featured-collection-slider-grid-item animation--item"
data-color-scheme="default"
data-has-image="true"
style="--color-background: #ffffff; --color-background-alpha-80: rgba(255, 255, 255, 0.8); --color-text: #121212; --color-text-input: #121212; --color-text-link: #ffa6a8; --color-text-alpha-90: rgba(18, 18, 18, 0.9); --color-text-alpha-80: rgba(18, 18, 18, 0.8); --color-text-alpha-70: rgba(18, 18, 18, 0.7); --color-text-alpha-60: rgba(18, 18, 18, 0.6); --color-text-alpha-50: rgba(18, 18, 18, 0.5); --color-text-alpha-40: rgba(18, 18, 18, 0.4); --color-text-alpha-30: rgba(18, 18, 18, 0.3); --color-text-alpha-25: rgba(18, 18, 18, 0.25); --color-text-alpha-20: rgba(18, 18, 18, 0.2); --color-text-alpha-10: rgba(18, 18, 18, 0.1); --color-text-alpha-05: rgba(18, 18, 18, 0.05);--color-border-input: rgba(68, 68, 68, 0.4);"
><div
class="background-image-container image-hero__image-container"
data-has-mobile-image="false"
data-absolutely-position-image="true"
><div
class="image background-image collection-view-all-tile__image animation--image animation--lazy-load"
style="--focal-alignment: center;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="320"
height="640"
src="//beautymarket.ma/cdn/shop/files/eyes5_2.webp?v=1733057259&width=320"
srcset=""
sizes="(min-width: 960px) 50vw, 100vw"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div></div>
<div
class="collection-view-all-tile__overlay image-overlay animation--image-overlay"></div><div
class="collection-view-all-tile__overlay-content overlay-content"
data-text-position="flex-start_flex-start"
style="--max-content-width: 650px;"
>
<div
class="overlay-content__text-container image-overlay-content section-blocks"
style=" --color-text: #FFFFFF; --color-background: #000; --color-text-alpha-90: rgba(255, 255, 255, 0.9); --color-text-alpha-80: rgba(255, 255, 255, 0.8); --color-text-alpha-70: rgba(255, 255, 255, 0.7); --color-text-alpha-60: rgba(255, 255, 255, 0.6); --color-text-alpha-50: rgba(255, 255, 255, 0.5); --color-text-alpha-40: rgba(255, 255, 255, 0.4); --color-text-alpha-30: rgba(255, 255, 255, 0.3); --color-text-alpha-25: rgba(255, 255, 255, 0.25); --color-text-alpha-20: rgba(255, 255, 255, 0.2); --color-text-alpha-10: rgba(255, 255, 255, 0.1); --color-text-alpha-05: rgba(255, 255, 255, 0.05); --text-horizontal-position: flex-start; --text-horizontal-position-mobile: ; --text-vertical-position: flex-start; --text-vertical-position-mobile: ; --text-alignment: left; --text-alignment-mobile: center; "
>
<a
href="/collections/yeux">
<span class="icon icon-chevron" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2"/></svg>
</span>
</a>
</div></div>
<a
href="/collections/yeux"
class="collection-view-all-tile__media-link"
aria-label="Maquillage & Soin des Yeux - Mascaras, Eyeliners & Crèmes"
></a></div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8489573843119"
data-title="Maybelline New York – Coffret Eid Ready Set"
data-url="/products/maybelline-new-york-coffret-eid-ready-set"
data-variant-id="46588232106159"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/maybelline-new-york-coffret-eid-ready-set"
aria-label="Maybelline New York – Coffret Eid Ready Set"
><div
class="image product-item__image aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="Maybelline New York – Coffret Eid Ready Set"
class="image__img"
loading="lazy"
width="1080"
height="1080"
src="//beautymarket.ma/cdn/shop/files/eidreadysetpost.png?v=1771946447&width=320"
srcset="//beautymarket.ma/cdn/shop/files/eidreadysetpost.png?crop=center&height=150&v=1771946447&width=150 150w, //beautymarket.ma/cdn/shop/files/eidreadysetpost.png?crop=center&height=200&v=1771946447&width=200 200w, //beautymarket.ma/cdn/shop/files/eidreadysetpost.png?crop=center&height=240&v=1771946447&width=240 240w, //beautymarket.ma/cdn/shop/files/eidreadysetpost.png?crop=center&height=280&v=1771946447&width=280 280w, //beautymarket.ma/cdn/shop/files/eidreadysetpost.png?crop=center&height=300&v=1771946447&width=300 300w, //beautymarket.ma/cdn/shop/files/eidreadysetpost.png?crop=center&height=360&v=1771946447&width=360 360w, //beautymarket.ma/cdn/shop/files/eidreadysetpost.png?crop=center&height=400&v=1771946447&width=400 400w, //beautymarket.ma/cdn/shop/files/eidreadysetpost.png?crop=center&height=450&v=1771946447&width=450 450w, //beautymarket.ma/cdn/shop/files/eidreadysetpost.png?crop=center&height=500&v=1771946447&width=500 500w, //beautymarket.ma/cdn/shop/files/eidreadysetpost.png?crop=center&height=550&v=1771946447&width=550 550w, //beautymarket.ma/cdn/shop/files/eidreadysetpost.png?crop=center&height=600&v=1771946447&width=600 600w, //beautymarket.ma/cdn/shop/files/eidreadysetpost.png?crop=center&height=650&v=1771946447&width=650 650w, //beautymarket.ma/cdn/shop/files/eidreadysetpost.png?crop=center&height=700&v=1771946447&width=700 700w, //beautymarket.ma/cdn/shop/files/eidreadysetpost.png?crop=center&height=750&v=1771946447&width=750 750w, //beautymarket.ma/cdn/shop/files/eidreadysetpost.png?crop=center&height=800&v=1771946447&width=800 800w, //beautymarket.ma/cdn/shop/files/eidreadysetpost.png?crop=center&height=850&v=1771946447&width=850 850w, //beautymarket.ma/cdn/shop/files/eidreadysetpost.png?crop=center&height=900&v=1771946447&width=900 900w, //beautymarket.ma/cdn/shop/files/eidreadysetpost.png?crop=center&height=950&v=1771946447&width=950 950w, //beautymarket.ma/cdn/shop/files/eidreadysetpost.png?crop=center&height=1000&v=1771946447&width=1000 1000w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>26% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/yeux/products/maybelline-new-york-coffret-eid-ready-set"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/maybelline-new-york-coffret-eid-ready-set">Maybelline New York – Coffret Eid Ready Set</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">308.00 dh</s>
<span class="sale" data-price>229.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">308.00 dh</s>
<span class="sale" data-price>229.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8489573843119"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46588232106159"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8489573843119'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_zxzzVc-8489573843119">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_zxzzVc-8489573843119"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/yeux/products/maybelline-new-york-coffret-eid-ready-set"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8489573843119"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46588232106159"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8489573843119'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_zxzzVc-8489573843119">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_zxzzVc-8489573843119"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8472392302767"
data-title="Maybelline New York Coffret Two Icons One Love Story – Édition Limitée Sky High Mascara + Teddy Tint 55"
data-url="/products/maybelline-coffret-saint-valentin-two-icons-one-love-story"
data-variant-id="46500542841007"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/maybelline-coffret-saint-valentin-two-icons-one-love-story"
aria-label="Maybelline New York Coffret Two Icons One Love Story – Édition Limitée Sky High Mascara + Teddy Tint 55"
><div
class="image product-item__image product-item__image--one aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="Coffret maquillage Maybelline New York Two Icons One Love Story édition limitée avec mascara Sky High et rouge à lèvres SuperStay"
class="image__img"
loading="lazy"
width="700"
height="700"
src="//beautymarket.ma/cdn/shop/files/maybelline-maybelline-coffret-saint-valentin-two-icons-one-love-story-maquillage-makeup.jpg?v=1770117606&width=320"
srcset="//beautymarket.ma/cdn/shop/files/maybelline-maybelline-coffret-saint-valentin-two-icons-one-love-story-maquillage-makeup.jpg?crop=center&height=150&v=1770117606&width=150 150w, //beautymarket.ma/cdn/shop/files/maybelline-maybelline-coffret-saint-valentin-two-icons-one-love-story-maquillage-makeup.jpg?crop=center&height=200&v=1770117606&width=200 200w, //beautymarket.ma/cdn/shop/files/maybelline-maybelline-coffret-saint-valentin-two-icons-one-love-story-maquillage-makeup.jpg?crop=center&height=240&v=1770117606&width=240 240w, //beautymarket.ma/cdn/shop/files/maybelline-maybelline-coffret-saint-valentin-two-icons-one-love-story-maquillage-makeup.jpg?crop=center&height=280&v=1770117606&width=280 280w, //beautymarket.ma/cdn/shop/files/maybelline-maybelline-coffret-saint-valentin-two-icons-one-love-story-maquillage-makeup.jpg?crop=center&height=300&v=1770117606&width=300 300w, //beautymarket.ma/cdn/shop/files/maybelline-maybelline-coffret-saint-valentin-two-icons-one-love-story-maquillage-makeup.jpg?crop=center&height=360&v=1770117606&width=360 360w, //beautymarket.ma/cdn/shop/files/maybelline-maybelline-coffret-saint-valentin-two-icons-one-love-story-maquillage-makeup.jpg?crop=center&height=400&v=1770117606&width=400 400w, //beautymarket.ma/cdn/shop/files/maybelline-maybelline-coffret-saint-valentin-two-icons-one-love-story-maquillage-makeup.jpg?crop=center&height=450&v=1770117606&width=450 450w, //beautymarket.ma/cdn/shop/files/maybelline-maybelline-coffret-saint-valentin-two-icons-one-love-story-maquillage-makeup.jpg?crop=center&height=500&v=1770117606&width=500 500w, //beautymarket.ma/cdn/shop/files/maybelline-maybelline-coffret-saint-valentin-two-icons-one-love-story-maquillage-makeup.jpg?crop=center&height=550&v=1770117606&width=550 550w, //beautymarket.ma/cdn/shop/files/maybelline-maybelline-coffret-saint-valentin-two-icons-one-love-story-maquillage-makeup.jpg?crop=center&height=600&v=1770117606&width=600 600w, //beautymarket.ma/cdn/shop/files/maybelline-maybelline-coffret-saint-valentin-two-icons-one-love-story-maquillage-makeup.jpg?crop=center&height=650&v=1770117606&width=650 650w, //beautymarket.ma/cdn/shop/files/maybelline-maybelline-coffret-saint-valentin-two-icons-one-love-story-maquillage-makeup.jpg?crop=center&height=700&v=1770117606&width=700 700w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div><div
class="image product-item__image product-item__image--two aspect-ratio--square"
style="--object-fit: cover;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="1920"
height="1920"
src="//beautymarket.ma/cdn/shop/files/6111041192808_1.png?v=1770117606&width=320"
srcset="//beautymarket.ma/cdn/shop/files/6111041192808_1.png?crop=center&height=150&v=1770117606&width=150 150w, //beautymarket.ma/cdn/shop/files/6111041192808_1.png?crop=center&height=200&v=1770117606&width=200 200w, //beautymarket.ma/cdn/shop/files/6111041192808_1.png?crop=center&height=240&v=1770117606&width=240 240w, //beautymarket.ma/cdn/shop/files/6111041192808_1.png?crop=center&height=280&v=1770117606&width=280 280w, //beautymarket.ma/cdn/shop/files/6111041192808_1.png?crop=center&height=300&v=1770117606&width=300 300w, //beautymarket.ma/cdn/shop/files/6111041192808_1.png?crop=center&height=360&v=1770117606&width=360 360w, //beautymarket.ma/cdn/shop/files/6111041192808_1.png?crop=center&height=400&v=1770117606&width=400 400w, //beautymarket.ma/cdn/shop/files/6111041192808_1.png?crop=center&height=450&v=1770117606&width=450 450w, //beautymarket.ma/cdn/shop/files/6111041192808_1.png?crop=center&height=500&v=1770117606&width=500 500w, //beautymarket.ma/cdn/shop/files/6111041192808_1.png?crop=center&height=550&v=1770117606&width=550 550w, //beautymarket.ma/cdn/shop/files/6111041192808_1.png?crop=center&height=600&v=1770117606&width=600 600w, //beautymarket.ma/cdn/shop/files/6111041192808_1.png?crop=center&height=650&v=1770117606&width=650 650w, //beautymarket.ma/cdn/shop/files/6111041192808_1.png?crop=center&height=700&v=1770117606&width=700 700w, //beautymarket.ma/cdn/shop/files/6111041192808_1.png?crop=center&height=750&v=1770117606&width=750 750w, //beautymarket.ma/cdn/shop/files/6111041192808_1.png?crop=center&height=800&v=1770117606&width=800 800w, //beautymarket.ma/cdn/shop/files/6111041192808_1.png?crop=center&height=850&v=1770117606&width=850 850w, //beautymarket.ma/cdn/shop/files/6111041192808_1.png?crop=center&height=900&v=1770117606&width=900 900w, //beautymarket.ma/cdn/shop/files/6111041192808_1.png?crop=center&height=950&v=1770117606&width=950 950w, //beautymarket.ma/cdn/shop/files/6111041192808_1.png?crop=center&height=1000&v=1770117606&width=1000 1000w, //beautymarket.ma/cdn/shop/files/6111041192808_1.png?crop=center&height=1100&v=1770117606&width=1100 1100w, //beautymarket.ma/cdn/shop/files/6111041192808_1.png?crop=center&height=1200&v=1770117606&width=1200 1200w, //beautymarket.ma/cdn/shop/files/6111041192808_1.png?crop=center&height=1300&v=1770117606&width=1300 1300w, //beautymarket.ma/cdn/shop/files/6111041192808_1.png?crop=center&height=1400&v=1770117606&width=1400 1400w, //beautymarket.ma/cdn/shop/files/6111041192808_1.png?crop=center&height=1500&v=1770117606&width=1500 1500w, //beautymarket.ma/cdn/shop/files/6111041192808_1.png?crop=center&height=1600&v=1770117606&width=1600 1600w, //beautymarket.ma/cdn/shop/files/6111041192808_1.png?crop=center&height=1700&v=1770117606&width=1700 1700w, //beautymarket.ma/cdn/shop/files/6111041192808_1.png?crop=center&height=1800&v=1770117606&width=1800 1800w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>26% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/yeux/products/maybelline-coffret-saint-valentin-two-icons-one-love-story"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/maybelline-coffret-saint-valentin-two-icons-one-love-story">Maybelline New York Coffret Two Icons One Love Story – Édition Limitée Sky High Mascara + Teddy Tint 55</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">237.00 dh</s>
<span class="sale" data-price>175.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">237.00 dh</s>
<span class="sale" data-price>175.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8472392302767"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46500542841007"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8472392302767'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_zxzzVc-8472392302767">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_zxzzVc-8472392302767"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/yeux/products/maybelline-coffret-saint-valentin-two-icons-one-love-story"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8472392302767"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46500542841007"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8472392302767'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_zxzzVc-8472392302767">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_zxzzVc-8472392302767"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8476938829999"
data-title="MAYBELLINE COFFRET GLOW IN LOVE LIFTER GLOSS 005 + SUNKISSER 06 + MINI FIREWORK"
data-url="/products/maybelline-coffret-glow-in-love-lifter-gloss-005-sunkisser-06-mini-firework"
data-variant-id="46523859730607"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/maybelline-coffret-glow-in-love-lifter-gloss-005-sunkisser-06-mini-firework"
aria-label="MAYBELLINE COFFRET GLOW IN LOVE LIFTER GLOSS 005 + SUNKISSER 06 + MINI FIREWORK"
><div
class="image product-item__image product-item__image--one aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="MAYBELLINE COFFRET GLOW IN LOVE LIFTER GLOSS 005 + SUNKISSER 06 + MINI FIREWORK"
class="image__img"
loading="lazy"
width="1188"
height="1204"
src="//beautymarket.ma/cdn/shop/files/MAYBELLINEPACK.jpg?v=1771260518&width=320"
srcset="//beautymarket.ma/cdn/shop/files/MAYBELLINEPACK.jpg?crop=center&height=150&v=1771260518&width=150 150w, //beautymarket.ma/cdn/shop/files/MAYBELLINEPACK.jpg?crop=center&height=200&v=1771260518&width=200 200w, //beautymarket.ma/cdn/shop/files/MAYBELLINEPACK.jpg?crop=center&height=240&v=1771260518&width=240 240w, //beautymarket.ma/cdn/shop/files/MAYBELLINEPACK.jpg?crop=center&height=280&v=1771260518&width=280 280w, //beautymarket.ma/cdn/shop/files/MAYBELLINEPACK.jpg?crop=center&height=300&v=1771260518&width=300 300w, //beautymarket.ma/cdn/shop/files/MAYBELLINEPACK.jpg?crop=center&height=360&v=1771260518&width=360 360w, //beautymarket.ma/cdn/shop/files/MAYBELLINEPACK.jpg?crop=center&height=400&v=1771260518&width=400 400w, //beautymarket.ma/cdn/shop/files/MAYBELLINEPACK.jpg?crop=center&height=450&v=1771260518&width=450 450w, //beautymarket.ma/cdn/shop/files/MAYBELLINEPACK.jpg?crop=center&height=500&v=1771260518&width=500 500w, //beautymarket.ma/cdn/shop/files/MAYBELLINEPACK.jpg?crop=center&height=550&v=1771260518&width=550 550w, //beautymarket.ma/cdn/shop/files/MAYBELLINEPACK.jpg?crop=center&height=600&v=1771260518&width=600 600w, //beautymarket.ma/cdn/shop/files/MAYBELLINEPACK.jpg?crop=center&height=650&v=1771260518&width=650 650w, //beautymarket.ma/cdn/shop/files/MAYBELLINEPACK.jpg?crop=center&height=700&v=1771260518&width=700 700w, //beautymarket.ma/cdn/shop/files/MAYBELLINEPACK.jpg?crop=center&height=750&v=1771260518&width=750 750w, //beautymarket.ma/cdn/shop/files/MAYBELLINEPACK.jpg?crop=center&height=800&v=1771260518&width=800 800w, //beautymarket.ma/cdn/shop/files/MAYBELLINEPACK.jpg?crop=center&height=850&v=1771260518&width=850 850w, //beautymarket.ma/cdn/shop/files/MAYBELLINEPACK.jpg?crop=center&height=900&v=1771260518&width=900 900w, //beautymarket.ma/cdn/shop/files/MAYBELLINEPACK.jpg?crop=center&height=950&v=1771260518&width=950 950w, //beautymarket.ma/cdn/shop/files/MAYBELLINEPACK.jpg?crop=center&height=1000&v=1771260518&width=1000 1000w, //beautymarket.ma/cdn/shop/files/MAYBELLINEPACK.jpg?crop=center&height=1100&v=1771260518&width=1100 1100w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div><div
class="image product-item__image product-item__image--two aspect-ratio--square"
style="--object-fit: cover;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="1188"
height="1204"
src="//beautymarket.ma/cdn/shop/files/MAYBELLINEAPCKJHR.jpg?v=1771260518&width=320"
srcset="//beautymarket.ma/cdn/shop/files/MAYBELLINEAPCKJHR.jpg?crop=center&height=150&v=1771260518&width=150 150w, //beautymarket.ma/cdn/shop/files/MAYBELLINEAPCKJHR.jpg?crop=center&height=200&v=1771260518&width=200 200w, //beautymarket.ma/cdn/shop/files/MAYBELLINEAPCKJHR.jpg?crop=center&height=240&v=1771260518&width=240 240w, //beautymarket.ma/cdn/shop/files/MAYBELLINEAPCKJHR.jpg?crop=center&height=280&v=1771260518&width=280 280w, //beautymarket.ma/cdn/shop/files/MAYBELLINEAPCKJHR.jpg?crop=center&height=300&v=1771260518&width=300 300w, //beautymarket.ma/cdn/shop/files/MAYBELLINEAPCKJHR.jpg?crop=center&height=360&v=1771260518&width=360 360w, //beautymarket.ma/cdn/shop/files/MAYBELLINEAPCKJHR.jpg?crop=center&height=400&v=1771260518&width=400 400w, //beautymarket.ma/cdn/shop/files/MAYBELLINEAPCKJHR.jpg?crop=center&height=450&v=1771260518&width=450 450w, //beautymarket.ma/cdn/shop/files/MAYBELLINEAPCKJHR.jpg?crop=center&height=500&v=1771260518&width=500 500w, //beautymarket.ma/cdn/shop/files/MAYBELLINEAPCKJHR.jpg?crop=center&height=550&v=1771260518&width=550 550w, //beautymarket.ma/cdn/shop/files/MAYBELLINEAPCKJHR.jpg?crop=center&height=600&v=1771260518&width=600 600w, //beautymarket.ma/cdn/shop/files/MAYBELLINEAPCKJHR.jpg?crop=center&height=650&v=1771260518&width=650 650w, //beautymarket.ma/cdn/shop/files/MAYBELLINEAPCKJHR.jpg?crop=center&height=700&v=1771260518&width=700 700w, //beautymarket.ma/cdn/shop/files/MAYBELLINEAPCKJHR.jpg?crop=center&height=750&v=1771260518&width=750 750w, //beautymarket.ma/cdn/shop/files/MAYBELLINEAPCKJHR.jpg?crop=center&height=800&v=1771260518&width=800 800w, //beautymarket.ma/cdn/shop/files/MAYBELLINEAPCKJHR.jpg?crop=center&height=850&v=1771260518&width=850 850w, //beautymarket.ma/cdn/shop/files/MAYBELLINEAPCKJHR.jpg?crop=center&height=900&v=1771260518&width=900 900w, //beautymarket.ma/cdn/shop/files/MAYBELLINEAPCKJHR.jpg?crop=center&height=950&v=1771260518&width=950 950w, //beautymarket.ma/cdn/shop/files/MAYBELLINEAPCKJHR.jpg?crop=center&height=1000&v=1771260518&width=1000 1000w, //beautymarket.ma/cdn/shop/files/MAYBELLINEAPCKJHR.jpg?crop=center&height=1100&v=1771260518&width=1100 1100w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>18% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/yeux/products/maybelline-coffret-glow-in-love-lifter-gloss-005-sunkisser-06-mini-firework"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/maybelline-coffret-glow-in-love-lifter-gloss-005-sunkisser-06-mini-firework">MAYBELLINE COFFRET GLOW IN LOVE LIFTER GLOSS 005 + SUNKISSER 06 + MINI FIREWORK</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">219.00 dh</s>
<span class="sale" data-price>179.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">219.00 dh</s>
<span class="sale" data-price>179.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8476938829999"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46523859730607"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8476938829999'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_zxzzVc-8476938829999">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_zxzzVc-8476938829999"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/yeux/products/maybelline-coffret-glow-in-love-lifter-gloss-005-sunkisser-06-mini-firework"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8476938829999"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46523859730607"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8476938829999'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_zxzzVc-8476938829999">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_zxzzVc-8476938829999"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="7724496650415"
data-title="MAYBELLINE SKY HIGH Mascara Volume & Longueur BLEU + TATTOO LINER GALACTIC COBALT"
data-url="/products/maybelline-sky-high-mascara-volume-longueur-bleu"
data-variant-id="43204596695215"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/maybelline-sky-high-mascara-volume-longueur-bleu"
aria-label="MAYBELLINE SKY HIGH Mascara Volume & Longueur BLEU + TATTOO LINER GALACTIC COBALT"
><div
class="image product-item__image product-item__image--one aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="MAYBELLINE SKY HIGH Mascara Volume & Longueur BLEU + TATTOO LINER GALACTIC COBALT"
class="image__img"
loading="lazy"
width="1000"
height="1000"
src="//beautymarket.ma/cdn/shop/files/maybellineblue_1.jpg?v=1771261239&width=320"
srcset="//beautymarket.ma/cdn/shop/files/maybellineblue_1.jpg?crop=center&height=150&v=1771261239&width=150 150w, //beautymarket.ma/cdn/shop/files/maybellineblue_1.jpg?crop=center&height=200&v=1771261239&width=200 200w, //beautymarket.ma/cdn/shop/files/maybellineblue_1.jpg?crop=center&height=240&v=1771261239&width=240 240w, //beautymarket.ma/cdn/shop/files/maybellineblue_1.jpg?crop=center&height=280&v=1771261239&width=280 280w, //beautymarket.ma/cdn/shop/files/maybellineblue_1.jpg?crop=center&height=300&v=1771261239&width=300 300w, //beautymarket.ma/cdn/shop/files/maybellineblue_1.jpg?crop=center&height=360&v=1771261239&width=360 360w, //beautymarket.ma/cdn/shop/files/maybellineblue_1.jpg?crop=center&height=400&v=1771261239&width=400 400w, //beautymarket.ma/cdn/shop/files/maybellineblue_1.jpg?crop=center&height=450&v=1771261239&width=450 450w, //beautymarket.ma/cdn/shop/files/maybellineblue_1.jpg?crop=center&height=500&v=1771261239&width=500 500w, //beautymarket.ma/cdn/shop/files/maybellineblue_1.jpg?crop=center&height=550&v=1771261239&width=550 550w, //beautymarket.ma/cdn/shop/files/maybellineblue_1.jpg?crop=center&height=600&v=1771261239&width=600 600w, //beautymarket.ma/cdn/shop/files/maybellineblue_1.jpg?crop=center&height=650&v=1771261239&width=650 650w, //beautymarket.ma/cdn/shop/files/maybellineblue_1.jpg?crop=center&height=700&v=1771261239&width=700 700w, //beautymarket.ma/cdn/shop/files/maybellineblue_1.jpg?crop=center&height=750&v=1771261239&width=750 750w, //beautymarket.ma/cdn/shop/files/maybellineblue_1.jpg?crop=center&height=800&v=1771261239&width=800 800w, //beautymarket.ma/cdn/shop/files/maybellineblue_1.jpg?crop=center&height=850&v=1771261239&width=850 850w, //beautymarket.ma/cdn/shop/files/maybellineblue_1.jpg?crop=center&height=900&v=1771261239&width=900 900w, //beautymarket.ma/cdn/shop/files/maybellineblue_1.jpg?crop=center&height=950&v=1771261239&width=950 950w, //beautymarket.ma/cdn/shop/files/maybellineblue_1.jpg?crop=center&height=1000&v=1771261239&width=1000 1000w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div><div
class="image product-item__image product-item__image--two aspect-ratio--square"
style="--object-fit: cover;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="595"
height="655"
src="//beautymarket.ma/cdn/shop/files/BLUESKYHIGH_e8b2da9f-3062-4f92-9225-cc52fb5e1e9d.webp?v=1771261239&width=320"
srcset="//beautymarket.ma/cdn/shop/files/BLUESKYHIGH_e8b2da9f-3062-4f92-9225-cc52fb5e1e9d.webp?crop=center&height=150&v=1771261239&width=150 150w, //beautymarket.ma/cdn/shop/files/BLUESKYHIGH_e8b2da9f-3062-4f92-9225-cc52fb5e1e9d.webp?crop=center&height=200&v=1771261239&width=200 200w, //beautymarket.ma/cdn/shop/files/BLUESKYHIGH_e8b2da9f-3062-4f92-9225-cc52fb5e1e9d.webp?crop=center&height=240&v=1771261239&width=240 240w, //beautymarket.ma/cdn/shop/files/BLUESKYHIGH_e8b2da9f-3062-4f92-9225-cc52fb5e1e9d.webp?crop=center&height=280&v=1771261239&width=280 280w, //beautymarket.ma/cdn/shop/files/BLUESKYHIGH_e8b2da9f-3062-4f92-9225-cc52fb5e1e9d.webp?crop=center&height=300&v=1771261239&width=300 300w, //beautymarket.ma/cdn/shop/files/BLUESKYHIGH_e8b2da9f-3062-4f92-9225-cc52fb5e1e9d.webp?crop=center&height=360&v=1771261239&width=360 360w, //beautymarket.ma/cdn/shop/files/BLUESKYHIGH_e8b2da9f-3062-4f92-9225-cc52fb5e1e9d.webp?crop=center&height=400&v=1771261239&width=400 400w, //beautymarket.ma/cdn/shop/files/BLUESKYHIGH_e8b2da9f-3062-4f92-9225-cc52fb5e1e9d.webp?crop=center&height=450&v=1771261239&width=450 450w, //beautymarket.ma/cdn/shop/files/BLUESKYHIGH_e8b2da9f-3062-4f92-9225-cc52fb5e1e9d.webp?crop=center&height=500&v=1771261239&width=500 500w, //beautymarket.ma/cdn/shop/files/BLUESKYHIGH_e8b2da9f-3062-4f92-9225-cc52fb5e1e9d.webp?crop=center&height=550&v=1771261239&width=550 550w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>11% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/yeux/products/maybelline-sky-high-mascara-volume-longueur-bleu"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/maybelline-sky-high-mascara-volume-longueur-bleu">MAYBELLINE SKY HIGH Mascara Volume & Longueur BLEU + TATTOO LINER GALACTIC COBALT</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">179.00 dh</s>
<span class="sale" data-price>159.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">179.00 dh</s>
<span class="sale" data-price>159.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="7724496650415"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="43204596695215"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='7724496650415'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_zxzzVc-7724496650415">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_zxzzVc-7724496650415"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/yeux/products/maybelline-sky-high-mascara-volume-longueur-bleu"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="7724496650415"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="43204596695215"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='7724496650415'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_zxzzVc-7724496650415">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_zxzzVc-7724496650415"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="7599689433263"
data-title="Maybelline New York Lash Sensational Sky High Noir - Mascara Longueur = TATTOO LINER OFFERT"
data-url="/products/maybelline-new-york-lash-sensational-sky-high-noir-mascara-longueur"
data-variant-id="42719486083247"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/maybelline-new-york-lash-sensational-sky-high-noir-mascara-longueur"
aria-label="Maybelline New York Lash Sensational Sky High Noir - Mascara Longueur = TATTOO LINER OFFERT"
><div
class="image product-item__image product-item__image--one aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="Maybelline New York Lash Sensational Sky High Noir - Mascara Longueur = TATTOO LINER OFFERT"
class="image__img"
loading="lazy"
width="1000"
height="1000"
src="//beautymarket.ma/cdn/shop/files/6111041179885-1.png?v=1771261355&width=320"
srcset="//beautymarket.ma/cdn/shop/files/6111041179885-1.png?crop=center&height=150&v=1771261355&width=150 150w, //beautymarket.ma/cdn/shop/files/6111041179885-1.png?crop=center&height=200&v=1771261355&width=200 200w, //beautymarket.ma/cdn/shop/files/6111041179885-1.png?crop=center&height=240&v=1771261355&width=240 240w, //beautymarket.ma/cdn/shop/files/6111041179885-1.png?crop=center&height=280&v=1771261355&width=280 280w, //beautymarket.ma/cdn/shop/files/6111041179885-1.png?crop=center&height=300&v=1771261355&width=300 300w, //beautymarket.ma/cdn/shop/files/6111041179885-1.png?crop=center&height=360&v=1771261355&width=360 360w, //beautymarket.ma/cdn/shop/files/6111041179885-1.png?crop=center&height=400&v=1771261355&width=400 400w, //beautymarket.ma/cdn/shop/files/6111041179885-1.png?crop=center&height=450&v=1771261355&width=450 450w, //beautymarket.ma/cdn/shop/files/6111041179885-1.png?crop=center&height=500&v=1771261355&width=500 500w, //beautymarket.ma/cdn/shop/files/6111041179885-1.png?crop=center&height=550&v=1771261355&width=550 550w, //beautymarket.ma/cdn/shop/files/6111041179885-1.png?crop=center&height=600&v=1771261355&width=600 600w, //beautymarket.ma/cdn/shop/files/6111041179885-1.png?crop=center&height=650&v=1771261355&width=650 650w, //beautymarket.ma/cdn/shop/files/6111041179885-1.png?crop=center&height=700&v=1771261355&width=700 700w, //beautymarket.ma/cdn/shop/files/6111041179885-1.png?crop=center&height=750&v=1771261355&width=750 750w, //beautymarket.ma/cdn/shop/files/6111041179885-1.png?crop=center&height=800&v=1771261355&width=800 800w, //beautymarket.ma/cdn/shop/files/6111041179885-1.png?crop=center&height=850&v=1771261355&width=850 850w, //beautymarket.ma/cdn/shop/files/6111041179885-1.png?crop=center&height=900&v=1771261355&width=900 900w, //beautymarket.ma/cdn/shop/files/6111041179885-1.png?crop=center&height=950&v=1771261355&width=950 950w, //beautymarket.ma/cdn/shop/files/6111041179885-1.png?crop=center&height=1000&v=1771261355&width=1000 1000w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div><div
class="image product-item__image product-item__image--two aspect-ratio--square"
style="--object-fit: cover;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="595"
height="655"
src="//beautymarket.ma/cdn/shop/files/SKYY_f7dc7f4f-f9b4-4f37-8536-77fd65a39910.png?v=1771261355&width=320"
srcset="//beautymarket.ma/cdn/shop/files/SKYY_f7dc7f4f-f9b4-4f37-8536-77fd65a39910.png?crop=center&height=150&v=1771261355&width=150 150w, //beautymarket.ma/cdn/shop/files/SKYY_f7dc7f4f-f9b4-4f37-8536-77fd65a39910.png?crop=center&height=200&v=1771261355&width=200 200w, //beautymarket.ma/cdn/shop/files/SKYY_f7dc7f4f-f9b4-4f37-8536-77fd65a39910.png?crop=center&height=240&v=1771261355&width=240 240w, //beautymarket.ma/cdn/shop/files/SKYY_f7dc7f4f-f9b4-4f37-8536-77fd65a39910.png?crop=center&height=280&v=1771261355&width=280 280w, //beautymarket.ma/cdn/shop/files/SKYY_f7dc7f4f-f9b4-4f37-8536-77fd65a39910.png?crop=center&height=300&v=1771261355&width=300 300w, //beautymarket.ma/cdn/shop/files/SKYY_f7dc7f4f-f9b4-4f37-8536-77fd65a39910.png?crop=center&height=360&v=1771261355&width=360 360w, //beautymarket.ma/cdn/shop/files/SKYY_f7dc7f4f-f9b4-4f37-8536-77fd65a39910.png?crop=center&height=400&v=1771261355&width=400 400w, //beautymarket.ma/cdn/shop/files/SKYY_f7dc7f4f-f9b4-4f37-8536-77fd65a39910.png?crop=center&height=450&v=1771261355&width=450 450w, //beautymarket.ma/cdn/shop/files/SKYY_f7dc7f4f-f9b4-4f37-8536-77fd65a39910.png?crop=center&height=500&v=1771261355&width=500 500w, //beautymarket.ma/cdn/shop/files/SKYY_f7dc7f4f-f9b4-4f37-8536-77fd65a39910.png?crop=center&height=550&v=1771261355&width=550 550w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>20% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/yeux/products/maybelline-new-york-lash-sensational-sky-high-noir-mascara-longueur"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/maybelline-new-york-lash-sensational-sky-high-noir-mascara-longueur">Maybelline New York Lash Sensational Sky High Noir - Mascara Longueur = TATTOO LINER OFFERT</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">199.00 dh</s>
<span class="sale" data-price>159.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">199.00 dh</s>
<span class="sale" data-price>159.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="7599689433263"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="42719486083247"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='7599689433263'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_zxzzVc-7599689433263">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_zxzzVc-7599689433263"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/yeux/products/maybelline-new-york-lash-sensational-sky-high-noir-mascara-longueur"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="7599689433263"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="42719486083247"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='7599689433263'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_zxzzVc-7599689433263">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_zxzzVc-7599689433263"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8454406865071"
data-title="Maybelline Coffret Put Your Glam On Display - Vinyl Ink 30 + Cosmic Black + Highlighter NU 22 + Mini Gel liner"
data-url="/products/maybelline-coffret-put-your-glam-on-display"
data-variant-id="46436862394543"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/maybelline-coffret-put-your-glam-on-display"
aria-label="Maybelline Coffret Put Your Glam On Display - Vinyl Ink 30 + Cosmic Black + Highlighter NU 22 + Mini Gel liner"
><div
class="image product-item__image product-item__image--one aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="Maybelline Coffret Put Your Glam On Display - Vinyl Ink 30 + Cosmic Black + Highlighter NU 22 + Mini Gel liner"
class="image__img"
loading="lazy"
width="1080"
height="1350"
src="//beautymarket.ma/cdn/shop/files/POST-FOND.png?v=1767023922&width=320"
srcset="//beautymarket.ma/cdn/shop/files/POST-FOND.png?crop=center&height=150&v=1767023922&width=150 150w, //beautymarket.ma/cdn/shop/files/POST-FOND.png?crop=center&height=200&v=1767023922&width=200 200w, //beautymarket.ma/cdn/shop/files/POST-FOND.png?crop=center&height=240&v=1767023922&width=240 240w, //beautymarket.ma/cdn/shop/files/POST-FOND.png?crop=center&height=280&v=1767023922&width=280 280w, //beautymarket.ma/cdn/shop/files/POST-FOND.png?crop=center&height=300&v=1767023922&width=300 300w, //beautymarket.ma/cdn/shop/files/POST-FOND.png?crop=center&height=360&v=1767023922&width=360 360w, //beautymarket.ma/cdn/shop/files/POST-FOND.png?crop=center&height=400&v=1767023922&width=400 400w, //beautymarket.ma/cdn/shop/files/POST-FOND.png?crop=center&height=450&v=1767023922&width=450 450w, //beautymarket.ma/cdn/shop/files/POST-FOND.png?crop=center&height=500&v=1767023922&width=500 500w, //beautymarket.ma/cdn/shop/files/POST-FOND.png?crop=center&height=550&v=1767023922&width=550 550w, //beautymarket.ma/cdn/shop/files/POST-FOND.png?crop=center&height=600&v=1767023922&width=600 600w, //beautymarket.ma/cdn/shop/files/POST-FOND.png?crop=center&height=650&v=1767023922&width=650 650w, //beautymarket.ma/cdn/shop/files/POST-FOND.png?crop=center&height=700&v=1767023922&width=700 700w, //beautymarket.ma/cdn/shop/files/POST-FOND.png?crop=center&height=750&v=1767023922&width=750 750w, //beautymarket.ma/cdn/shop/files/POST-FOND.png?crop=center&height=800&v=1767023922&width=800 800w, //beautymarket.ma/cdn/shop/files/POST-FOND.png?crop=center&height=850&v=1767023922&width=850 850w, //beautymarket.ma/cdn/shop/files/POST-FOND.png?crop=center&height=900&v=1767023922&width=900 900w, //beautymarket.ma/cdn/shop/files/POST-FOND.png?crop=center&height=950&v=1767023922&width=950 950w, //beautymarket.ma/cdn/shop/files/POST-FOND.png?crop=center&height=1000&v=1767023922&width=1000 1000w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div><div
class="image product-item__image product-item__image--two aspect-ratio--square"
style="--object-fit: cover;"
>
<img
alt="maybelline coffret put your glam on display marocmaybelline best sellers maquillagecoffret makeup"
class="image__img"
loading="lazy"
width="1080"
height="1080"
src="//beautymarket.ma/cdn/shop/files/maybelline-maybelline-coffret-put-your-glam-on-display-maquillage-makeup.jpg?v=1767023922&width=320"
srcset="//beautymarket.ma/cdn/shop/files/maybelline-maybelline-coffret-put-your-glam-on-display-maquillage-makeup.jpg?crop=center&height=150&v=1767023922&width=150 150w, //beautymarket.ma/cdn/shop/files/maybelline-maybelline-coffret-put-your-glam-on-display-maquillage-makeup.jpg?crop=center&height=200&v=1767023922&width=200 200w, //beautymarket.ma/cdn/shop/files/maybelline-maybelline-coffret-put-your-glam-on-display-maquillage-makeup.jpg?crop=center&height=240&v=1767023922&width=240 240w, //beautymarket.ma/cdn/shop/files/maybelline-maybelline-coffret-put-your-glam-on-display-maquillage-makeup.jpg?crop=center&height=280&v=1767023922&width=280 280w, //beautymarket.ma/cdn/shop/files/maybelline-maybelline-coffret-put-your-glam-on-display-maquillage-makeup.jpg?crop=center&height=300&v=1767023922&width=300 300w, //beautymarket.ma/cdn/shop/files/maybelline-maybelline-coffret-put-your-glam-on-display-maquillage-makeup.jpg?crop=center&height=360&v=1767023922&width=360 360w, //beautymarket.ma/cdn/shop/files/maybelline-maybelline-coffret-put-your-glam-on-display-maquillage-makeup.jpg?crop=center&height=400&v=1767023922&width=400 400w, //beautymarket.ma/cdn/shop/files/maybelline-maybelline-coffret-put-your-glam-on-display-maquillage-makeup.jpg?crop=center&height=450&v=1767023922&width=450 450w, //beautymarket.ma/cdn/shop/files/maybelline-maybelline-coffret-put-your-glam-on-display-maquillage-makeup.jpg?crop=center&height=500&v=1767023922&width=500 500w, //beautymarket.ma/cdn/shop/files/maybelline-maybelline-coffret-put-your-glam-on-display-maquillage-makeup.jpg?crop=center&height=550&v=1767023922&width=550 550w, //beautymarket.ma/cdn/shop/files/maybelline-maybelline-coffret-put-your-glam-on-display-maquillage-makeup.jpg?crop=center&height=600&v=1767023922&width=600 600w, //beautymarket.ma/cdn/shop/files/maybelline-maybelline-coffret-put-your-glam-on-display-maquillage-makeup.jpg?crop=center&height=650&v=1767023922&width=650 650w, //beautymarket.ma/cdn/shop/files/maybelline-maybelline-coffret-put-your-glam-on-display-maquillage-makeup.jpg?crop=center&height=700&v=1767023922&width=700 700w, //beautymarket.ma/cdn/shop/files/maybelline-maybelline-coffret-put-your-glam-on-display-maquillage-makeup.jpg?crop=center&height=750&v=1767023922&width=750 750w, //beautymarket.ma/cdn/shop/files/maybelline-maybelline-coffret-put-your-glam-on-display-maquillage-makeup.jpg?crop=center&height=800&v=1767023922&width=800 800w, //beautymarket.ma/cdn/shop/files/maybelline-maybelline-coffret-put-your-glam-on-display-maquillage-makeup.jpg?crop=center&height=850&v=1767023922&width=850 850w, //beautymarket.ma/cdn/shop/files/maybelline-maybelline-coffret-put-your-glam-on-display-maquillage-makeup.jpg?crop=center&height=900&v=1767023922&width=900 900w, //beautymarket.ma/cdn/shop/files/maybelline-maybelline-coffret-put-your-glam-on-display-maquillage-makeup.jpg?crop=center&height=950&v=1767023922&width=950 950w, //beautymarket.ma/cdn/shop/files/maybelline-maybelline-coffret-put-your-glam-on-display-maquillage-makeup.jpg?crop=center&height=1000&v=1767023922&width=1000 1000w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>17% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/yeux/products/maybelline-coffret-put-your-glam-on-display"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/maybelline-coffret-put-your-glam-on-display">Maybelline Coffret Put Your Glam On Display - Vinyl Ink 30 + Cosmic Black + Highlighter NU 22 + Mini Gel liner</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">369.00 dh</s>
<span class="sale" data-price>305.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">369.00 dh</s>
<span class="sale" data-price>305.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8454406865071"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46436862394543"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8454406865071'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_zxzzVc-8454406865071">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_zxzzVc-8454406865071"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/yeux/products/maybelline-coffret-put-your-glam-on-display"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8454406865071"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46436862394543"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8454406865071'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_zxzzVc-8454406865071">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_zxzzVc-8454406865071"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="7600199205039"
data-title="MAYBELLINE NEW YORK – MASCARA LASH SENSATIONAL SKY HIGH = TATTOO LINER OFFERT"
data-url="/products/maybelline-new-york-mascara-lash-sensational-sky-high"
data-variant-id="42721248346287"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/maybelline-new-york-mascara-lash-sensational-sky-high"
aria-label="MAYBELLINE NEW YORK – MASCARA LASH SENSATIONAL SKY HIGH = TATTOO LINER OFFERT"
><div
class="image product-item__image product-item__image--one aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="MAYBELLINE NEW YORK – MASCARA LASH SENSATIONAL SKY HIGH = TATTOO LINER OFFERT"
class="image__img"
loading="lazy"
width="1080"
height="1080"
src="//beautymarket.ma/cdn/shop/files/SKUHIGH.png?v=1771261323&width=320"
srcset="//beautymarket.ma/cdn/shop/files/SKUHIGH.png?crop=center&height=150&v=1771261323&width=150 150w, //beautymarket.ma/cdn/shop/files/SKUHIGH.png?crop=center&height=200&v=1771261323&width=200 200w, //beautymarket.ma/cdn/shop/files/SKUHIGH.png?crop=center&height=240&v=1771261323&width=240 240w, //beautymarket.ma/cdn/shop/files/SKUHIGH.png?crop=center&height=280&v=1771261323&width=280 280w, //beautymarket.ma/cdn/shop/files/SKUHIGH.png?crop=center&height=300&v=1771261323&width=300 300w, //beautymarket.ma/cdn/shop/files/SKUHIGH.png?crop=center&height=360&v=1771261323&width=360 360w, //beautymarket.ma/cdn/shop/files/SKUHIGH.png?crop=center&height=400&v=1771261323&width=400 400w, //beautymarket.ma/cdn/shop/files/SKUHIGH.png?crop=center&height=450&v=1771261323&width=450 450w, //beautymarket.ma/cdn/shop/files/SKUHIGH.png?crop=center&height=500&v=1771261323&width=500 500w, //beautymarket.ma/cdn/shop/files/SKUHIGH.png?crop=center&height=550&v=1771261323&width=550 550w, //beautymarket.ma/cdn/shop/files/SKUHIGH.png?crop=center&height=600&v=1771261323&width=600 600w, //beautymarket.ma/cdn/shop/files/SKUHIGH.png?crop=center&height=650&v=1771261323&width=650 650w, //beautymarket.ma/cdn/shop/files/SKUHIGH.png?crop=center&height=700&v=1771261323&width=700 700w, //beautymarket.ma/cdn/shop/files/SKUHIGH.png?crop=center&height=750&v=1771261323&width=750 750w, //beautymarket.ma/cdn/shop/files/SKUHIGH.png?crop=center&height=800&v=1771261323&width=800 800w, //beautymarket.ma/cdn/shop/files/SKUHIGH.png?crop=center&height=850&v=1771261323&width=850 850w, //beautymarket.ma/cdn/shop/files/SKUHIGH.png?crop=center&height=900&v=1771261323&width=900 900w, //beautymarket.ma/cdn/shop/files/SKUHIGH.png?crop=center&height=950&v=1771261323&width=950 950w, //beautymarket.ma/cdn/shop/files/SKUHIGH.png?crop=center&height=1000&v=1771261323&width=1000 1000w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div><div
class="image product-item__image product-item__image--two aspect-ratio--square"
style="--object-fit: cover;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="595"
height="655"
src="//beautymarket.ma/cdn/shop/files/SDRSER.png?v=1771261323&width=320"
srcset="//beautymarket.ma/cdn/shop/files/SDRSER.png?crop=center&height=150&v=1771261323&width=150 150w, //beautymarket.ma/cdn/shop/files/SDRSER.png?crop=center&height=200&v=1771261323&width=200 200w, //beautymarket.ma/cdn/shop/files/SDRSER.png?crop=center&height=240&v=1771261323&width=240 240w, //beautymarket.ma/cdn/shop/files/SDRSER.png?crop=center&height=280&v=1771261323&width=280 280w, //beautymarket.ma/cdn/shop/files/SDRSER.png?crop=center&height=300&v=1771261323&width=300 300w, //beautymarket.ma/cdn/shop/files/SDRSER.png?crop=center&height=360&v=1771261323&width=360 360w, //beautymarket.ma/cdn/shop/files/SDRSER.png?crop=center&height=400&v=1771261323&width=400 400w, //beautymarket.ma/cdn/shop/files/SDRSER.png?crop=center&height=450&v=1771261323&width=450 450w, //beautymarket.ma/cdn/shop/files/SDRSER.png?crop=center&height=500&v=1771261323&width=500 500w, //beautymarket.ma/cdn/shop/files/SDRSER.png?crop=center&height=550&v=1771261323&width=550 550w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>20% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/yeux/products/maybelline-new-york-mascara-lash-sensational-sky-high"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/maybelline-new-york-mascara-lash-sensational-sky-high">MAYBELLINE NEW YORK – MASCARA LASH SENSATIONAL SKY HIGH = TATTOO LINER OFFERT</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">199.00 dh</s>
<span class="sale" data-price>159.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">199.00 dh</s>
<span class="sale" data-price>159.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="7600199205039"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="42721248346287"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='7600199205039'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_zxzzVc-7600199205039">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_zxzzVc-7600199205039"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/yeux/products/maybelline-new-york-mascara-lash-sensational-sky-high"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="7600199205039"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="42721248346287"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='7600199205039'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_zxzzVc-7600199205039">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_zxzzVc-7600199205039"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="7608617795759"
data-title="Maybelline New York - Crayon The Colossal Kajal - Black"
data-url="/products/maybelline-new-york-crayon-the-colossal-kajal-black"
data-variant-id="42756600168623"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/maybelline-new-york-crayon-the-colossal-kajal-black"
aria-label="Maybelline New York - Crayon The Colossal Kajal - Black"
><div
class="image product-item__image aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="Maybelline New York - Crayon The Colossal Kajal - Black"
class="image__img"
loading="lazy"
width="595"
height="655"
src="//beautymarket.ma/cdn/shop/files/3061376210247-1.png?v=1771261292&width=320"
srcset="//beautymarket.ma/cdn/shop/files/3061376210247-1.png?crop=center&height=150&v=1771261292&width=150 150w, //beautymarket.ma/cdn/shop/files/3061376210247-1.png?crop=center&height=200&v=1771261292&width=200 200w, //beautymarket.ma/cdn/shop/files/3061376210247-1.png?crop=center&height=240&v=1771261292&width=240 240w, //beautymarket.ma/cdn/shop/files/3061376210247-1.png?crop=center&height=280&v=1771261292&width=280 280w, //beautymarket.ma/cdn/shop/files/3061376210247-1.png?crop=center&height=300&v=1771261292&width=300 300w, //beautymarket.ma/cdn/shop/files/3061376210247-1.png?crop=center&height=360&v=1771261292&width=360 360w, //beautymarket.ma/cdn/shop/files/3061376210247-1.png?crop=center&height=400&v=1771261292&width=400 400w, //beautymarket.ma/cdn/shop/files/3061376210247-1.png?crop=center&height=450&v=1771261292&width=450 450w, //beautymarket.ma/cdn/shop/files/3061376210247-1.png?crop=center&height=500&v=1771261292&width=500 500w, //beautymarket.ma/cdn/shop/files/3061376210247-1.png?crop=center&height=550&v=1771261292&width=550 550w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/yeux/products/maybelline-new-york-crayon-the-colossal-kajal-black"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/maybelline-new-york-crayon-the-colossal-kajal-black">Maybelline New York - Crayon The Colossal Kajal - Black</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span>45.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span>45.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="7608617795759"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="42756600168623"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='7608617795759'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_zxzzVc-7608617795759">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_zxzzVc-7608617795759"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/yeux/products/maybelline-new-york-crayon-the-colossal-kajal-black"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="7608617795759"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="42756600168623"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='7608617795759'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_zxzzVc-7608617795759">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_zxzzVc-7608617795759"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8149151056047"
data-title="Maybelline Mascara Firework = Kajal à l'huile d'Argan - Black OFFERTE"
data-url="/products/maybelline-mascara-firework-mini-tattoo-liner-offert"
data-variant-id="44839540457647"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/maybelline-mascara-firework-mini-tattoo-liner-offert"
aria-label="Maybelline Mascara Firework = Kajal à l'huile d'Argan - Black OFFERTE"
><div
class="image product-item__image product-item__image--one aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="Maybelline Mascara Firework = Kajal à l'huile d'Argan - Black OFFERTE"
class="image__img"
loading="lazy"
width="1080"
height="1350"
src="//beautymarket.ma/cdn/shop/files/6111041181970_3.png?v=1761914103&width=320"
srcset="//beautymarket.ma/cdn/shop/files/6111041181970_3.png?crop=center&height=150&v=1761914103&width=150 150w, //beautymarket.ma/cdn/shop/files/6111041181970_3.png?crop=center&height=200&v=1761914103&width=200 200w, //beautymarket.ma/cdn/shop/files/6111041181970_3.png?crop=center&height=240&v=1761914103&width=240 240w, //beautymarket.ma/cdn/shop/files/6111041181970_3.png?crop=center&height=280&v=1761914103&width=280 280w, //beautymarket.ma/cdn/shop/files/6111041181970_3.png?crop=center&height=300&v=1761914103&width=300 300w, //beautymarket.ma/cdn/shop/files/6111041181970_3.png?crop=center&height=360&v=1761914103&width=360 360w, //beautymarket.ma/cdn/shop/files/6111041181970_3.png?crop=center&height=400&v=1761914103&width=400 400w, //beautymarket.ma/cdn/shop/files/6111041181970_3.png?crop=center&height=450&v=1761914103&width=450 450w, //beautymarket.ma/cdn/shop/files/6111041181970_3.png?crop=center&height=500&v=1761914103&width=500 500w, //beautymarket.ma/cdn/shop/files/6111041181970_3.png?crop=center&height=550&v=1761914103&width=550 550w, //beautymarket.ma/cdn/shop/files/6111041181970_3.png?crop=center&height=600&v=1761914103&width=600 600w, //beautymarket.ma/cdn/shop/files/6111041181970_3.png?crop=center&height=650&v=1761914103&width=650 650w, //beautymarket.ma/cdn/shop/files/6111041181970_3.png?crop=center&height=700&v=1761914103&width=700 700w, //beautymarket.ma/cdn/shop/files/6111041181970_3.png?crop=center&height=750&v=1761914103&width=750 750w, //beautymarket.ma/cdn/shop/files/6111041181970_3.png?crop=center&height=800&v=1761914103&width=800 800w, //beautymarket.ma/cdn/shop/files/6111041181970_3.png?crop=center&height=850&v=1761914103&width=850 850w, //beautymarket.ma/cdn/shop/files/6111041181970_3.png?crop=center&height=900&v=1761914103&width=900 900w, //beautymarket.ma/cdn/shop/files/6111041181970_3.png?crop=center&height=950&v=1761914103&width=950 950w, //beautymarket.ma/cdn/shop/files/6111041181970_3.png?crop=center&height=1000&v=1761914103&width=1000 1000w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div><div
class="image product-item__image product-item__image--two aspect-ratio--square"
style="--object-fit: cover;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="3375"
height="3375"
src="//beautymarket.ma/cdn/shop/files/1_5_804c2534-94e6-41a0-ac20-255c517aa1c0.png?v=1761914103&width=320"
srcset="//beautymarket.ma/cdn/shop/files/1_5_804c2534-94e6-41a0-ac20-255c517aa1c0.png?crop=center&height=150&v=1761914103&width=150 150w, //beautymarket.ma/cdn/shop/files/1_5_804c2534-94e6-41a0-ac20-255c517aa1c0.png?crop=center&height=200&v=1761914103&width=200 200w, //beautymarket.ma/cdn/shop/files/1_5_804c2534-94e6-41a0-ac20-255c517aa1c0.png?crop=center&height=240&v=1761914103&width=240 240w, //beautymarket.ma/cdn/shop/files/1_5_804c2534-94e6-41a0-ac20-255c517aa1c0.png?crop=center&height=280&v=1761914103&width=280 280w, //beautymarket.ma/cdn/shop/files/1_5_804c2534-94e6-41a0-ac20-255c517aa1c0.png?crop=center&height=300&v=1761914103&width=300 300w, //beautymarket.ma/cdn/shop/files/1_5_804c2534-94e6-41a0-ac20-255c517aa1c0.png?crop=center&height=360&v=1761914103&width=360 360w, //beautymarket.ma/cdn/shop/files/1_5_804c2534-94e6-41a0-ac20-255c517aa1c0.png?crop=center&height=400&v=1761914103&width=400 400w, //beautymarket.ma/cdn/shop/files/1_5_804c2534-94e6-41a0-ac20-255c517aa1c0.png?crop=center&height=450&v=1761914103&width=450 450w, //beautymarket.ma/cdn/shop/files/1_5_804c2534-94e6-41a0-ac20-255c517aa1c0.png?crop=center&height=500&v=1761914103&width=500 500w, //beautymarket.ma/cdn/shop/files/1_5_804c2534-94e6-41a0-ac20-255c517aa1c0.png?crop=center&height=550&v=1761914103&width=550 550w, //beautymarket.ma/cdn/shop/files/1_5_804c2534-94e6-41a0-ac20-255c517aa1c0.png?crop=center&height=600&v=1761914103&width=600 600w, //beautymarket.ma/cdn/shop/files/1_5_804c2534-94e6-41a0-ac20-255c517aa1c0.png?crop=center&height=650&v=1761914103&width=650 650w, //beautymarket.ma/cdn/shop/files/1_5_804c2534-94e6-41a0-ac20-255c517aa1c0.png?crop=center&height=700&v=1761914103&width=700 700w, //beautymarket.ma/cdn/shop/files/1_5_804c2534-94e6-41a0-ac20-255c517aa1c0.png?crop=center&height=750&v=1761914103&width=750 750w, //beautymarket.ma/cdn/shop/files/1_5_804c2534-94e6-41a0-ac20-255c517aa1c0.png?crop=center&height=800&v=1761914103&width=800 800w, //beautymarket.ma/cdn/shop/files/1_5_804c2534-94e6-41a0-ac20-255c517aa1c0.png?crop=center&height=850&v=1761914103&width=850 850w, //beautymarket.ma/cdn/shop/files/1_5_804c2534-94e6-41a0-ac20-255c517aa1c0.png?crop=center&height=900&v=1761914103&width=900 900w, //beautymarket.ma/cdn/shop/files/1_5_804c2534-94e6-41a0-ac20-255c517aa1c0.png?crop=center&height=950&v=1761914103&width=950 950w, //beautymarket.ma/cdn/shop/files/1_5_804c2534-94e6-41a0-ac20-255c517aa1c0.png?crop=center&height=1000&v=1761914103&width=1000 1000w, //beautymarket.ma/cdn/shop/files/1_5_804c2534-94e6-41a0-ac20-255c517aa1c0.png?crop=center&height=1100&v=1761914103&width=1100 1100w, //beautymarket.ma/cdn/shop/files/1_5_804c2534-94e6-41a0-ac20-255c517aa1c0.png?crop=center&height=1200&v=1761914103&width=1200 1200w, //beautymarket.ma/cdn/shop/files/1_5_804c2534-94e6-41a0-ac20-255c517aa1c0.png?crop=center&height=1300&v=1761914103&width=1300 1300w, //beautymarket.ma/cdn/shop/files/1_5_804c2534-94e6-41a0-ac20-255c517aa1c0.png?crop=center&height=1400&v=1761914103&width=1400 1400w, //beautymarket.ma/cdn/shop/files/1_5_804c2534-94e6-41a0-ac20-255c517aa1c0.png?crop=center&height=1500&v=1761914103&width=1500 1500w, //beautymarket.ma/cdn/shop/files/1_5_804c2534-94e6-41a0-ac20-255c517aa1c0.png?crop=center&height=1600&v=1761914103&width=1600 1600w, //beautymarket.ma/cdn/shop/files/1_5_804c2534-94e6-41a0-ac20-255c517aa1c0.png?crop=center&height=1700&v=1761914103&width=1700 1700w, //beautymarket.ma/cdn/shop/files/1_5_804c2534-94e6-41a0-ac20-255c517aa1c0.png?crop=center&height=1800&v=1761914103&width=1800 1800w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>30% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/yeux/products/maybelline-mascara-firework-mini-tattoo-liner-offert"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/maybelline-mascara-firework-mini-tattoo-liner-offert">Maybelline Mascara Firework = Kajal à l'huile d'Argan - Black OFFERTE</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">179.00 dh</s>
<span class="sale" data-price>125.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">179.00 dh</s>
<span class="sale" data-price>125.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8149151056047"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="44839540457647"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8149151056047'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_zxzzVc-8149151056047">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_zxzzVc-8149151056047"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/yeux/products/maybelline-mascara-firework-mini-tattoo-liner-offert"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8149151056047"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="44839540457647"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8149151056047'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_zxzzVc-8149151056047">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_zxzzVc-8149151056047"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="7724495831215"
data-title="MAYBELLINE SKY HIGH Mascara Volume & Longueur AIR ROSE = TATTOO LINER"
data-url="/products/maybelline-sky-high-mascara-volume-longueur-air-rose"
data-variant-id="43204595843247"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/maybelline-sky-high-mascara-volume-longueur-air-rose"
aria-label="MAYBELLINE SKY HIGH Mascara Volume & Longueur AIR ROSE = TATTOO LINER"
><div
class="image product-item__image product-item__image--one aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="MAYBELLINE SKY HIGH Mascara Volume & Longueur AIR ROSE = TATTOO LINER"
class="image__img"
loading="lazy"
width="1080"
height="1080"
src="//beautymarket.ma/cdn/shop/files/pinkyyyy_1.png?v=1738678585&width=320"
srcset="//beautymarket.ma/cdn/shop/files/pinkyyyy_1.png?crop=center&height=150&v=1738678585&width=150 150w, //beautymarket.ma/cdn/shop/files/pinkyyyy_1.png?crop=center&height=200&v=1738678585&width=200 200w, //beautymarket.ma/cdn/shop/files/pinkyyyy_1.png?crop=center&height=240&v=1738678585&width=240 240w, //beautymarket.ma/cdn/shop/files/pinkyyyy_1.png?crop=center&height=280&v=1738678585&width=280 280w, //beautymarket.ma/cdn/shop/files/pinkyyyy_1.png?crop=center&height=300&v=1738678585&width=300 300w, //beautymarket.ma/cdn/shop/files/pinkyyyy_1.png?crop=center&height=360&v=1738678585&width=360 360w, //beautymarket.ma/cdn/shop/files/pinkyyyy_1.png?crop=center&height=400&v=1738678585&width=400 400w, //beautymarket.ma/cdn/shop/files/pinkyyyy_1.png?crop=center&height=450&v=1738678585&width=450 450w, //beautymarket.ma/cdn/shop/files/pinkyyyy_1.png?crop=center&height=500&v=1738678585&width=500 500w, //beautymarket.ma/cdn/shop/files/pinkyyyy_1.png?crop=center&height=550&v=1738678585&width=550 550w, //beautymarket.ma/cdn/shop/files/pinkyyyy_1.png?crop=center&height=600&v=1738678585&width=600 600w, //beautymarket.ma/cdn/shop/files/pinkyyyy_1.png?crop=center&height=650&v=1738678585&width=650 650w, //beautymarket.ma/cdn/shop/files/pinkyyyy_1.png?crop=center&height=700&v=1738678585&width=700 700w, //beautymarket.ma/cdn/shop/files/pinkyyyy_1.png?crop=center&height=750&v=1738678585&width=750 750w, //beautymarket.ma/cdn/shop/files/pinkyyyy_1.png?crop=center&height=800&v=1738678585&width=800 800w, //beautymarket.ma/cdn/shop/files/pinkyyyy_1.png?crop=center&height=850&v=1738678585&width=850 850w, //beautymarket.ma/cdn/shop/files/pinkyyyy_1.png?crop=center&height=900&v=1738678585&width=900 900w, //beautymarket.ma/cdn/shop/files/pinkyyyy_1.png?crop=center&height=950&v=1738678585&width=950 950w, //beautymarket.ma/cdn/shop/files/pinkyyyy_1.png?crop=center&height=1000&v=1738678585&width=1000 1000w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div><div
class="image product-item__image product-item__image--two aspect-ratio--square"
style="--object-fit: cover;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="3375"
height="3375"
src="//beautymarket.ma/cdn/shop/files/1_74b0598c-29a5-4ab5-bf44-1b52cb760331.png?v=1738678585&width=320"
srcset="//beautymarket.ma/cdn/shop/files/1_74b0598c-29a5-4ab5-bf44-1b52cb760331.png?crop=center&height=150&v=1738678585&width=150 150w, //beautymarket.ma/cdn/shop/files/1_74b0598c-29a5-4ab5-bf44-1b52cb760331.png?crop=center&height=200&v=1738678585&width=200 200w, //beautymarket.ma/cdn/shop/files/1_74b0598c-29a5-4ab5-bf44-1b52cb760331.png?crop=center&height=240&v=1738678585&width=240 240w, //beautymarket.ma/cdn/shop/files/1_74b0598c-29a5-4ab5-bf44-1b52cb760331.png?crop=center&height=280&v=1738678585&width=280 280w, //beautymarket.ma/cdn/shop/files/1_74b0598c-29a5-4ab5-bf44-1b52cb760331.png?crop=center&height=300&v=1738678585&width=300 300w, //beautymarket.ma/cdn/shop/files/1_74b0598c-29a5-4ab5-bf44-1b52cb760331.png?crop=center&height=360&v=1738678585&width=360 360w, //beautymarket.ma/cdn/shop/files/1_74b0598c-29a5-4ab5-bf44-1b52cb760331.png?crop=center&height=400&v=1738678585&width=400 400w, //beautymarket.ma/cdn/shop/files/1_74b0598c-29a5-4ab5-bf44-1b52cb760331.png?crop=center&height=450&v=1738678585&width=450 450w, //beautymarket.ma/cdn/shop/files/1_74b0598c-29a5-4ab5-bf44-1b52cb760331.png?crop=center&height=500&v=1738678585&width=500 500w, //beautymarket.ma/cdn/shop/files/1_74b0598c-29a5-4ab5-bf44-1b52cb760331.png?crop=center&height=550&v=1738678585&width=550 550w, //beautymarket.ma/cdn/shop/files/1_74b0598c-29a5-4ab5-bf44-1b52cb760331.png?crop=center&height=600&v=1738678585&width=600 600w, //beautymarket.ma/cdn/shop/files/1_74b0598c-29a5-4ab5-bf44-1b52cb760331.png?crop=center&height=650&v=1738678585&width=650 650w, //beautymarket.ma/cdn/shop/files/1_74b0598c-29a5-4ab5-bf44-1b52cb760331.png?crop=center&height=700&v=1738678585&width=700 700w, //beautymarket.ma/cdn/shop/files/1_74b0598c-29a5-4ab5-bf44-1b52cb760331.png?crop=center&height=750&v=1738678585&width=750 750w, //beautymarket.ma/cdn/shop/files/1_74b0598c-29a5-4ab5-bf44-1b52cb760331.png?crop=center&height=800&v=1738678585&width=800 800w, //beautymarket.ma/cdn/shop/files/1_74b0598c-29a5-4ab5-bf44-1b52cb760331.png?crop=center&height=850&v=1738678585&width=850 850w, //beautymarket.ma/cdn/shop/files/1_74b0598c-29a5-4ab5-bf44-1b52cb760331.png?crop=center&height=900&v=1738678585&width=900 900w, //beautymarket.ma/cdn/shop/files/1_74b0598c-29a5-4ab5-bf44-1b52cb760331.png?crop=center&height=950&v=1738678585&width=950 950w, //beautymarket.ma/cdn/shop/files/1_74b0598c-29a5-4ab5-bf44-1b52cb760331.png?crop=center&height=1000&v=1738678585&width=1000 1000w, //beautymarket.ma/cdn/shop/files/1_74b0598c-29a5-4ab5-bf44-1b52cb760331.png?crop=center&height=1100&v=1738678585&width=1100 1100w, //beautymarket.ma/cdn/shop/files/1_74b0598c-29a5-4ab5-bf44-1b52cb760331.png?crop=center&height=1200&v=1738678585&width=1200 1200w, //beautymarket.ma/cdn/shop/files/1_74b0598c-29a5-4ab5-bf44-1b52cb760331.png?crop=center&height=1300&v=1738678585&width=1300 1300w, //beautymarket.ma/cdn/shop/files/1_74b0598c-29a5-4ab5-bf44-1b52cb760331.png?crop=center&height=1400&v=1738678585&width=1400 1400w, //beautymarket.ma/cdn/shop/files/1_74b0598c-29a5-4ab5-bf44-1b52cb760331.png?crop=center&height=1500&v=1738678585&width=1500 1500w, //beautymarket.ma/cdn/shop/files/1_74b0598c-29a5-4ab5-bf44-1b52cb760331.png?crop=center&height=1600&v=1738678585&width=1600 1600w, //beautymarket.ma/cdn/shop/files/1_74b0598c-29a5-4ab5-bf44-1b52cb760331.png?crop=center&height=1700&v=1738678585&width=1700 1700w, //beautymarket.ma/cdn/shop/files/1_74b0598c-29a5-4ab5-bf44-1b52cb760331.png?crop=center&height=1800&v=1738678585&width=1800 1800w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>20% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/yeux/products/maybelline-sky-high-mascara-volume-longueur-air-rose"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/maybelline-sky-high-mascara-volume-longueur-air-rose">MAYBELLINE SKY HIGH Mascara Volume & Longueur AIR ROSE = TATTOO LINER</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">199.00 dh</s>
<span class="sale" data-price>159.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">199.00 dh</s>
<span class="sale" data-price>159.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="7724495831215"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="43204595843247"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='7724495831215'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_zxzzVc-7724495831215">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_zxzzVc-7724495831215"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/yeux/products/maybelline-sky-high-mascara-volume-longueur-air-rose"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="7724495831215"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="43204595843247"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='7724495831215'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_zxzzVc-7724495831215">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_zxzzVc-7724495831215"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</scroll-slider-component>
<div
class="scroll-slider-nav-button-wrapper scroll-slider-nav-button-wrapper--prev"
data-is-small="false"
>
<button
type="button"
class="scroll-slider-nav-button scroll-slider-nav-button--prev hidden"
title="Précédent"
data-scroll-slider-prev-button
name="prev"
>
<span class="icon icon-arrow-short" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 12.4016H11.5H23M23 12.4016L13.8 3M23 12.4016L13.8 21.8032" stroke="currentColor" stroke-width="1.75"/></svg>
</span>
</button>
</div>
<div
class="scroll-slider-nav-button-wrapper scroll-slider-nav-button-wrapper--next"
data-is-small="false"
>
<button
type="button"
class="scroll-slider-nav-button scroll-slider-nav-button--next hidden"
title="Suivant"
data-scroll-slider-next-button
name="next"
>
<span class="icon icon-arrow-short" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 12.4016H11.5H23M23 12.4016L13.8 3M23 12.4016L13.8 21.8032" stroke="currentColor" stroke-width="1.75"/></svg>
</span>
</button>
</div>
</div>
<script src="//beautymarket.ma/cdn/shop/t/35/assets/section-footer.js?v=11514157199586841511754934608" type="module"></script>
<section-footer-component class="section-footer animation--container-footer">
<div class="scroll-slider-page-dots" data-scroll-slider-page-dots data-hide-below-720="true"></div>
</section-footer-component>
</div>
</div>
</section><section id="shopify-section-template--18718532206767__featured_collection_HzUikf" class="shopify-section"><div
class="featured-collection section"
style=" --section-style-spacing-top: 12px; --section-style-spacing-bottom: 12px; --num-columns-desktop: 5; --num-columns-tablet: 4; --num-columns-mobile: 2; "
data-section-id="template--18718532206767__featured_collection_HzUikf"
data-section-type="featured-collection"
data-products-per-view="5"
data-mobile-products-per-view="2"
>
<div class="section-inner">
<div
class="featured-collection__products featured-collection-slider-grid standard-grid-spacing product-item-holder"
data-standard-grid-spacing-type="product-list">
<script src="//beautymarket.ma/cdn/shop/t/35/assets/scroll-slider.js?v=137308953565903322681754934608" type="module"></script>
<scroll-slider-component
class="scroll-slider scroll-slider--full-width-below-1024 scroll-slider--peek-and-full-width-below-1024 scroll-all-sizes"
style="--columns: 2; --columns-above-720: 4; --columns-above-1024: 5; --peek: 24px; --peek-above-1024: 0px; --gap: 12px; --gap-above-1024: 16px; --gap-above-1200: 24px;"
data-id="featured-collection"
data-navigation-container=".featured-collection"
data-autoplay=""
data-autoplay-delay="0"
data-autoplay-pause-on-hover=""
>
<div class="scroll-slider__slider">
<div class="collection-view-all-tile-wrapper">
<div
class="collection-view-all-tile featured-collection-slider-grid-item animation--item"
data-color-scheme="default"
data-has-image="true"
style="--color-background: #ffffff; --color-background-alpha-80: rgba(255, 255, 255, 0.8); --color-text: #121212; --color-text-input: #121212; --color-text-link: #ffa6a8; --color-text-alpha-90: rgba(18, 18, 18, 0.9); --color-text-alpha-80: rgba(18, 18, 18, 0.8); --color-text-alpha-70: rgba(18, 18, 18, 0.7); --color-text-alpha-60: rgba(18, 18, 18, 0.6); --color-text-alpha-50: rgba(18, 18, 18, 0.5); --color-text-alpha-40: rgba(18, 18, 18, 0.4); --color-text-alpha-30: rgba(18, 18, 18, 0.3); --color-text-alpha-25: rgba(18, 18, 18, 0.25); --color-text-alpha-20: rgba(18, 18, 18, 0.2); --color-text-alpha-10: rgba(18, 18, 18, 0.1); --color-text-alpha-05: rgba(18, 18, 18, 0.05);--color-border-input: rgba(68, 68, 68, 0.4);"
><div
class="background-image-container image-hero__image-container"
data-has-mobile-image="false"
data-absolutely-position-image="true"
><div
class="image background-image collection-view-all-tile__image animation--image animation--lazy-load"
style="--focal-alignment: center;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="500"
height="600"
src="//beautymarket.ma/cdn/shop/files/lips2.jpg?v=1718126065&width=320"
srcset=""
sizes="(min-width: 960px) 50vw, 100vw"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div></div>
<div
class="collection-view-all-tile__overlay image-overlay animation--image-overlay"></div><div
class="collection-view-all-tile__overlay-content overlay-content"
data-text-position="flex-start_flex-start"
style="--max-content-width: 650px;"
>
<div
class="overlay-content__text-container image-overlay-content section-blocks"
style=" --color-text: #FFFFFF; --color-background: #000; --color-text-alpha-90: rgba(255, 255, 255, 0.9); --color-text-alpha-80: rgba(255, 255, 255, 0.8); --color-text-alpha-70: rgba(255, 255, 255, 0.7); --color-text-alpha-60: rgba(255, 255, 255, 0.6); --color-text-alpha-50: rgba(255, 255, 255, 0.5); --color-text-alpha-40: rgba(255, 255, 255, 0.4); --color-text-alpha-30: rgba(255, 255, 255, 0.3); --color-text-alpha-25: rgba(255, 255, 255, 0.25); --color-text-alpha-20: rgba(255, 255, 255, 0.2); --color-text-alpha-10: rgba(255, 255, 255, 0.1); --color-text-alpha-05: rgba(255, 255, 255, 0.05); --text-horizontal-position: flex-start; --text-horizontal-position-mobile: ; --text-vertical-position: flex-start; --text-vertical-position-mobile: ; --text-alignment: left; --text-alignment-mobile: center; "
>
<a
href="/collections/lips">
<span class="icon icon-chevron" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2"/></svg>
</span>
</a>
</div></div>
<a
href="/collections/lips"
class="collection-view-all-tile__media-link"
aria-label="Rouges à Lèvres & Gloss"
></a></div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8490128081071"
data-title="Maybelline Ramadan Glow Set – Coffret Maquillage Édition Spéciale Ramadan"
data-url="/products/maybelline-ramadan-glow-set-coffret-maquillage-edition-speciale-ramadan"
data-variant-id="46591096291503"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/maybelline-ramadan-glow-set-coffret-maquillage-edition-speciale-ramadan"
aria-label="Maybelline Ramadan Glow Set – Coffret Maquillage Édition Spéciale Ramadan"
><div
class="image product-item__image aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="Maybelline Ramadan Glow Set – Coffret Maquillage Édition Spéciale Ramadan"
class="image__img"
loading="lazy"
width="1080"
height="1080"
src="//beautymarket.ma/cdn/shop/files/ramadanglowsetpost_1.png?v=1772039227&width=320"
srcset="//beautymarket.ma/cdn/shop/files/ramadanglowsetpost_1.png?crop=center&height=150&v=1772039227&width=150 150w, //beautymarket.ma/cdn/shop/files/ramadanglowsetpost_1.png?crop=center&height=200&v=1772039227&width=200 200w, //beautymarket.ma/cdn/shop/files/ramadanglowsetpost_1.png?crop=center&height=240&v=1772039227&width=240 240w, //beautymarket.ma/cdn/shop/files/ramadanglowsetpost_1.png?crop=center&height=280&v=1772039227&width=280 280w, //beautymarket.ma/cdn/shop/files/ramadanglowsetpost_1.png?crop=center&height=300&v=1772039227&width=300 300w, //beautymarket.ma/cdn/shop/files/ramadanglowsetpost_1.png?crop=center&height=360&v=1772039227&width=360 360w, //beautymarket.ma/cdn/shop/files/ramadanglowsetpost_1.png?crop=center&height=400&v=1772039227&width=400 400w, //beautymarket.ma/cdn/shop/files/ramadanglowsetpost_1.png?crop=center&height=450&v=1772039227&width=450 450w, //beautymarket.ma/cdn/shop/files/ramadanglowsetpost_1.png?crop=center&height=500&v=1772039227&width=500 500w, //beautymarket.ma/cdn/shop/files/ramadanglowsetpost_1.png?crop=center&height=550&v=1772039227&width=550 550w, //beautymarket.ma/cdn/shop/files/ramadanglowsetpost_1.png?crop=center&height=600&v=1772039227&width=600 600w, //beautymarket.ma/cdn/shop/files/ramadanglowsetpost_1.png?crop=center&height=650&v=1772039227&width=650 650w, //beautymarket.ma/cdn/shop/files/ramadanglowsetpost_1.png?crop=center&height=700&v=1772039227&width=700 700w, //beautymarket.ma/cdn/shop/files/ramadanglowsetpost_1.png?crop=center&height=750&v=1772039227&width=750 750w, //beautymarket.ma/cdn/shop/files/ramadanglowsetpost_1.png?crop=center&height=800&v=1772039227&width=800 800w, //beautymarket.ma/cdn/shop/files/ramadanglowsetpost_1.png?crop=center&height=850&v=1772039227&width=850 850w, //beautymarket.ma/cdn/shop/files/ramadanglowsetpost_1.png?crop=center&height=900&v=1772039227&width=900 900w, //beautymarket.ma/cdn/shop/files/ramadanglowsetpost_1.png?crop=center&height=950&v=1772039227&width=950 950w, //beautymarket.ma/cdn/shop/files/ramadanglowsetpost_1.png?crop=center&height=1000&v=1772039227&width=1000 1000w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>26% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/lips/products/maybelline-ramadan-glow-set-coffret-maquillage-edition-speciale-ramadan"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/maybelline-ramadan-glow-set-coffret-maquillage-edition-speciale-ramadan">Maybelline Ramadan Glow Set – Coffret Maquillage Édition Spéciale Ramadan</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">202.00 dh</s>
<span class="sale" data-price>150.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">202.00 dh</s>
<span class="sale" data-price>150.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8490128081071"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46591096291503"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8490128081071'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_HzUikf-8490128081071">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_HzUikf-8490128081071"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/lips/products/maybelline-ramadan-glow-set-coffret-maquillage-edition-speciale-ramadan"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8490128081071"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46591096291503"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8490128081071'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_HzUikf-8490128081071">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_HzUikf-8490128081071"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8264905883823"
data-title="MAYBELLINE LIFTER GLOSS À LÈVRES REPULPANT 007 AMBER + LIFTER LINER NU 001 CROSS THE LINE"
data-url="/products/maybelline-lifter-gloss-a-levres-repulpant-007-amber-lifter-liner-nu-001-cross-the-line"
data-variant-id="45680341221551"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/maybelline-lifter-gloss-a-levres-repulpant-007-amber-lifter-liner-nu-001-cross-the-line"
aria-label="MAYBELLINE LIFTER GLOSS À LÈVRES REPULPANT 007 AMBER + LIFTER LINER NU 001 CROSS THE LINE"
><div
class="image product-item__image product-item__image--one aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="MAYBELLINE LIFTER GLOSS À LÈVRES REPULPANT 007 AMBER + LIFTER LINER NU 001 CROSS THE LINE"
class="image__img"
loading="lazy"
width="1212"
height="1295"
src="//beautymarket.ma/cdn/shop/files/MAYBELLINEGLOSS007_1.jpg?v=1771260755&width=320"
srcset="//beautymarket.ma/cdn/shop/files/MAYBELLINEGLOSS007_1.jpg?crop=center&height=150&v=1771260755&width=150 150w, //beautymarket.ma/cdn/shop/files/MAYBELLINEGLOSS007_1.jpg?crop=center&height=200&v=1771260755&width=200 200w, //beautymarket.ma/cdn/shop/files/MAYBELLINEGLOSS007_1.jpg?crop=center&height=240&v=1771260755&width=240 240w, //beautymarket.ma/cdn/shop/files/MAYBELLINEGLOSS007_1.jpg?crop=center&height=280&v=1771260755&width=280 280w, //beautymarket.ma/cdn/shop/files/MAYBELLINEGLOSS007_1.jpg?crop=center&height=300&v=1771260755&width=300 300w, //beautymarket.ma/cdn/shop/files/MAYBELLINEGLOSS007_1.jpg?crop=center&height=360&v=1771260755&width=360 360w, //beautymarket.ma/cdn/shop/files/MAYBELLINEGLOSS007_1.jpg?crop=center&height=400&v=1771260755&width=400 400w, //beautymarket.ma/cdn/shop/files/MAYBELLINEGLOSS007_1.jpg?crop=center&height=450&v=1771260755&width=450 450w, //beautymarket.ma/cdn/shop/files/MAYBELLINEGLOSS007_1.jpg?crop=center&height=500&v=1771260755&width=500 500w, //beautymarket.ma/cdn/shop/files/MAYBELLINEGLOSS007_1.jpg?crop=center&height=550&v=1771260755&width=550 550w, //beautymarket.ma/cdn/shop/files/MAYBELLINEGLOSS007_1.jpg?crop=center&height=600&v=1771260755&width=600 600w, //beautymarket.ma/cdn/shop/files/MAYBELLINEGLOSS007_1.jpg?crop=center&height=650&v=1771260755&width=650 650w, //beautymarket.ma/cdn/shop/files/MAYBELLINEGLOSS007_1.jpg?crop=center&height=700&v=1771260755&width=700 700w, //beautymarket.ma/cdn/shop/files/MAYBELLINEGLOSS007_1.jpg?crop=center&height=750&v=1771260755&width=750 750w, //beautymarket.ma/cdn/shop/files/MAYBELLINEGLOSS007_1.jpg?crop=center&height=800&v=1771260755&width=800 800w, //beautymarket.ma/cdn/shop/files/MAYBELLINEGLOSS007_1.jpg?crop=center&height=850&v=1771260755&width=850 850w, //beautymarket.ma/cdn/shop/files/MAYBELLINEGLOSS007_1.jpg?crop=center&height=900&v=1771260755&width=900 900w, //beautymarket.ma/cdn/shop/files/MAYBELLINEGLOSS007_1.jpg?crop=center&height=950&v=1771260755&width=950 950w, //beautymarket.ma/cdn/shop/files/MAYBELLINEGLOSS007_1.jpg?crop=center&height=1000&v=1771260755&width=1000 1000w, //beautymarket.ma/cdn/shop/files/MAYBELLINEGLOSS007_1.jpg?crop=center&height=1100&v=1771260755&width=1100 1100w, //beautymarket.ma/cdn/shop/files/MAYBELLINEGLOSS007_1.jpg?crop=center&height=1200&v=1771260755&width=1200 1200w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div><div
class="image product-item__image product-item__image--two aspect-ratio--square"
style="--object-fit: cover;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="3375"
height="3375"
src="//beautymarket.ma/cdn/shop/files/AMBER3_2.png?v=1771260755&width=320"
srcset="//beautymarket.ma/cdn/shop/files/AMBER3_2.png?crop=center&height=150&v=1771260755&width=150 150w, //beautymarket.ma/cdn/shop/files/AMBER3_2.png?crop=center&height=200&v=1771260755&width=200 200w, //beautymarket.ma/cdn/shop/files/AMBER3_2.png?crop=center&height=240&v=1771260755&width=240 240w, //beautymarket.ma/cdn/shop/files/AMBER3_2.png?crop=center&height=280&v=1771260755&width=280 280w, //beautymarket.ma/cdn/shop/files/AMBER3_2.png?crop=center&height=300&v=1771260755&width=300 300w, //beautymarket.ma/cdn/shop/files/AMBER3_2.png?crop=center&height=360&v=1771260755&width=360 360w, //beautymarket.ma/cdn/shop/files/AMBER3_2.png?crop=center&height=400&v=1771260755&width=400 400w, //beautymarket.ma/cdn/shop/files/AMBER3_2.png?crop=center&height=450&v=1771260755&width=450 450w, //beautymarket.ma/cdn/shop/files/AMBER3_2.png?crop=center&height=500&v=1771260755&width=500 500w, //beautymarket.ma/cdn/shop/files/AMBER3_2.png?crop=center&height=550&v=1771260755&width=550 550w, //beautymarket.ma/cdn/shop/files/AMBER3_2.png?crop=center&height=600&v=1771260755&width=600 600w, //beautymarket.ma/cdn/shop/files/AMBER3_2.png?crop=center&height=650&v=1771260755&width=650 650w, //beautymarket.ma/cdn/shop/files/AMBER3_2.png?crop=center&height=700&v=1771260755&width=700 700w, //beautymarket.ma/cdn/shop/files/AMBER3_2.png?crop=center&height=750&v=1771260755&width=750 750w, //beautymarket.ma/cdn/shop/files/AMBER3_2.png?crop=center&height=800&v=1771260755&width=800 800w, //beautymarket.ma/cdn/shop/files/AMBER3_2.png?crop=center&height=850&v=1771260755&width=850 850w, //beautymarket.ma/cdn/shop/files/AMBER3_2.png?crop=center&height=900&v=1771260755&width=900 900w, //beautymarket.ma/cdn/shop/files/AMBER3_2.png?crop=center&height=950&v=1771260755&width=950 950w, //beautymarket.ma/cdn/shop/files/AMBER3_2.png?crop=center&height=1000&v=1771260755&width=1000 1000w, //beautymarket.ma/cdn/shop/files/AMBER3_2.png?crop=center&height=1100&v=1771260755&width=1100 1100w, //beautymarket.ma/cdn/shop/files/AMBER3_2.png?crop=center&height=1200&v=1771260755&width=1200 1200w, //beautymarket.ma/cdn/shop/files/AMBER3_2.png?crop=center&height=1300&v=1771260755&width=1300 1300w, //beautymarket.ma/cdn/shop/files/AMBER3_2.png?crop=center&height=1400&v=1771260755&width=1400 1400w, //beautymarket.ma/cdn/shop/files/AMBER3_2.png?crop=center&height=1500&v=1771260755&width=1500 1500w, //beautymarket.ma/cdn/shop/files/AMBER3_2.png?crop=center&height=1600&v=1771260755&width=1600 1600w, //beautymarket.ma/cdn/shop/files/AMBER3_2.png?crop=center&height=1700&v=1771260755&width=1700 1700w, //beautymarket.ma/cdn/shop/files/AMBER3_2.png?crop=center&height=1800&v=1771260755&width=1800 1800w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>28% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/lips/products/maybelline-lifter-gloss-a-levres-repulpant-007-amber-lifter-liner-nu-001-cross-the-line"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/maybelline-lifter-gloss-a-levres-repulpant-007-amber-lifter-liner-nu-001-cross-the-line">MAYBELLINE LIFTER GLOSS À LÈVRES REPULPANT 007 AMBER + LIFTER LINER NU 001 CROSS THE LINE</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">200.00 dh</s>
<span class="sale" data-price>145.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">200.00 dh</s>
<span class="sale" data-price>145.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8264905883823"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="45680341221551"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8264905883823'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_HzUikf-8264905883823">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_HzUikf-8264905883823"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/lips/products/maybelline-lifter-gloss-a-levres-repulpant-007-amber-lifter-liner-nu-001-cross-the-line"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8264905883823"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="45680341221551"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8264905883823'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_HzUikf-8264905883823">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_HzUikf-8264905883823"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8195549266095"
data-title="MAYBELLINE NEW YORK SUPERSTAY TEDDY TINT BLUSH À LÈVRES LIQUIDE FINI MAT FONDU kneehigh 55"
data-url="/products/maybelline-new-york-superstay-teddy-tint-blush-a-levres-liquide-fini-mat-fondu-kneehigh-55"
data-variant-id="45026260549807"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/maybelline-new-york-superstay-teddy-tint-blush-a-levres-liquide-fini-mat-fondu-kneehigh-55"
aria-label="MAYBELLINE NEW YORK SUPERSTAY TEDDY TINT BLUSH À LÈVRES LIQUIDE FINI MAT FONDU kneehigh 55"
><div
class="image product-item__image product-item__image--one aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="MAYBELLINE NEW YORK SUPERSTAY TEDDY TINT BLUSH À LÈVRES LIQUIDE FINI MAT FONDU kneehigh 55"
class="image__img"
loading="lazy"
width="1080"
height="1080"
src="//beautymarket.ma/cdn/shop/files/1_aaeb36a1-fda4-4dda-ace0-efbc57fab834.png?v=1771260858&width=320"
srcset="//beautymarket.ma/cdn/shop/files/1_aaeb36a1-fda4-4dda-ace0-efbc57fab834.png?crop=center&height=150&v=1771260858&width=150 150w, //beautymarket.ma/cdn/shop/files/1_aaeb36a1-fda4-4dda-ace0-efbc57fab834.png?crop=center&height=200&v=1771260858&width=200 200w, //beautymarket.ma/cdn/shop/files/1_aaeb36a1-fda4-4dda-ace0-efbc57fab834.png?crop=center&height=240&v=1771260858&width=240 240w, //beautymarket.ma/cdn/shop/files/1_aaeb36a1-fda4-4dda-ace0-efbc57fab834.png?crop=center&height=280&v=1771260858&width=280 280w, //beautymarket.ma/cdn/shop/files/1_aaeb36a1-fda4-4dda-ace0-efbc57fab834.png?crop=center&height=300&v=1771260858&width=300 300w, //beautymarket.ma/cdn/shop/files/1_aaeb36a1-fda4-4dda-ace0-efbc57fab834.png?crop=center&height=360&v=1771260858&width=360 360w, //beautymarket.ma/cdn/shop/files/1_aaeb36a1-fda4-4dda-ace0-efbc57fab834.png?crop=center&height=400&v=1771260858&width=400 400w, //beautymarket.ma/cdn/shop/files/1_aaeb36a1-fda4-4dda-ace0-efbc57fab834.png?crop=center&height=450&v=1771260858&width=450 450w, //beautymarket.ma/cdn/shop/files/1_aaeb36a1-fda4-4dda-ace0-efbc57fab834.png?crop=center&height=500&v=1771260858&width=500 500w, //beautymarket.ma/cdn/shop/files/1_aaeb36a1-fda4-4dda-ace0-efbc57fab834.png?crop=center&height=550&v=1771260858&width=550 550w, //beautymarket.ma/cdn/shop/files/1_aaeb36a1-fda4-4dda-ace0-efbc57fab834.png?crop=center&height=600&v=1771260858&width=600 600w, //beautymarket.ma/cdn/shop/files/1_aaeb36a1-fda4-4dda-ace0-efbc57fab834.png?crop=center&height=650&v=1771260858&width=650 650w, //beautymarket.ma/cdn/shop/files/1_aaeb36a1-fda4-4dda-ace0-efbc57fab834.png?crop=center&height=700&v=1771260858&width=700 700w, //beautymarket.ma/cdn/shop/files/1_aaeb36a1-fda4-4dda-ace0-efbc57fab834.png?crop=center&height=750&v=1771260858&width=750 750w, //beautymarket.ma/cdn/shop/files/1_aaeb36a1-fda4-4dda-ace0-efbc57fab834.png?crop=center&height=800&v=1771260858&width=800 800w, //beautymarket.ma/cdn/shop/files/1_aaeb36a1-fda4-4dda-ace0-efbc57fab834.png?crop=center&height=850&v=1771260858&width=850 850w, //beautymarket.ma/cdn/shop/files/1_aaeb36a1-fda4-4dda-ace0-efbc57fab834.png?crop=center&height=900&v=1771260858&width=900 900w, //beautymarket.ma/cdn/shop/files/1_aaeb36a1-fda4-4dda-ace0-efbc57fab834.png?crop=center&height=950&v=1771260858&width=950 950w, //beautymarket.ma/cdn/shop/files/1_aaeb36a1-fda4-4dda-ace0-efbc57fab834.png?crop=center&height=1000&v=1771260858&width=1000 1000w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div><div
class="image product-item__image product-item__image--two aspect-ratio--square"
style="--object-fit: cover;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="1080"
height="1080"
src="//beautymarket.ma/cdn/shop/files/2_f4ff25a6-dae0-47c9-9fbc-4f8fd3455797.png?v=1771260858&width=320"
srcset="//beautymarket.ma/cdn/shop/files/2_f4ff25a6-dae0-47c9-9fbc-4f8fd3455797.png?crop=center&height=150&v=1771260858&width=150 150w, //beautymarket.ma/cdn/shop/files/2_f4ff25a6-dae0-47c9-9fbc-4f8fd3455797.png?crop=center&height=200&v=1771260858&width=200 200w, //beautymarket.ma/cdn/shop/files/2_f4ff25a6-dae0-47c9-9fbc-4f8fd3455797.png?crop=center&height=240&v=1771260858&width=240 240w, //beautymarket.ma/cdn/shop/files/2_f4ff25a6-dae0-47c9-9fbc-4f8fd3455797.png?crop=center&height=280&v=1771260858&width=280 280w, //beautymarket.ma/cdn/shop/files/2_f4ff25a6-dae0-47c9-9fbc-4f8fd3455797.png?crop=center&height=300&v=1771260858&width=300 300w, //beautymarket.ma/cdn/shop/files/2_f4ff25a6-dae0-47c9-9fbc-4f8fd3455797.png?crop=center&height=360&v=1771260858&width=360 360w, //beautymarket.ma/cdn/shop/files/2_f4ff25a6-dae0-47c9-9fbc-4f8fd3455797.png?crop=center&height=400&v=1771260858&width=400 400w, //beautymarket.ma/cdn/shop/files/2_f4ff25a6-dae0-47c9-9fbc-4f8fd3455797.png?crop=center&height=450&v=1771260858&width=450 450w, //beautymarket.ma/cdn/shop/files/2_f4ff25a6-dae0-47c9-9fbc-4f8fd3455797.png?crop=center&height=500&v=1771260858&width=500 500w, //beautymarket.ma/cdn/shop/files/2_f4ff25a6-dae0-47c9-9fbc-4f8fd3455797.png?crop=center&height=550&v=1771260858&width=550 550w, //beautymarket.ma/cdn/shop/files/2_f4ff25a6-dae0-47c9-9fbc-4f8fd3455797.png?crop=center&height=600&v=1771260858&width=600 600w, //beautymarket.ma/cdn/shop/files/2_f4ff25a6-dae0-47c9-9fbc-4f8fd3455797.png?crop=center&height=650&v=1771260858&width=650 650w, //beautymarket.ma/cdn/shop/files/2_f4ff25a6-dae0-47c9-9fbc-4f8fd3455797.png?crop=center&height=700&v=1771260858&width=700 700w, //beautymarket.ma/cdn/shop/files/2_f4ff25a6-dae0-47c9-9fbc-4f8fd3455797.png?crop=center&height=750&v=1771260858&width=750 750w, //beautymarket.ma/cdn/shop/files/2_f4ff25a6-dae0-47c9-9fbc-4f8fd3455797.png?crop=center&height=800&v=1771260858&width=800 800w, //beautymarket.ma/cdn/shop/files/2_f4ff25a6-dae0-47c9-9fbc-4f8fd3455797.png?crop=center&height=850&v=1771260858&width=850 850w, //beautymarket.ma/cdn/shop/files/2_f4ff25a6-dae0-47c9-9fbc-4f8fd3455797.png?crop=center&height=900&v=1771260858&width=900 900w, //beautymarket.ma/cdn/shop/files/2_f4ff25a6-dae0-47c9-9fbc-4f8fd3455797.png?crop=center&height=950&v=1771260858&width=950 950w, //beautymarket.ma/cdn/shop/files/2_f4ff25a6-dae0-47c9-9fbc-4f8fd3455797.png?crop=center&height=1000&v=1771260858&width=1000 1000w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>18% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/lips/products/maybelline-new-york-superstay-teddy-tint-blush-a-levres-liquide-fini-mat-fondu-kneehigh-55"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/maybelline-new-york-superstay-teddy-tint-blush-a-levres-liquide-fini-mat-fondu-kneehigh-55">MAYBELLINE NEW YORK SUPERSTAY TEDDY TINT BLUSH À LÈVRES LIQUIDE FINI MAT FONDU kneehigh 55</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">120.00 dh</s>
<span class="sale" data-price>99.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">120.00 dh</s>
<span class="sale" data-price>99.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8195549266095"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="45026260549807"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8195549266095'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_HzUikf-8195549266095">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_HzUikf-8195549266095"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/lips/products/maybelline-new-york-superstay-teddy-tint-blush-a-levres-liquide-fini-mat-fondu-kneehigh-55"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8195549266095"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="45026260549807"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8195549266095'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_HzUikf-8195549266095">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_HzUikf-8195549266095"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8477622239407"
data-title="MAYBELLINE PACK LIFTER GLOSS À LÈVRES REPULPANT 005 PETAL + Lifter Lip Liner 009 Peaking"
data-url="/products/maybelline-pack-lifter-gloss-a-levres-repulpant-005-petal-lifter-lip-liner-009-peaking-1"
data-variant-id="46529184891055"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/maybelline-pack-lifter-gloss-a-levres-repulpant-005-petal-lifter-lip-liner-009-peaking-1"
aria-label="MAYBELLINE PACK LIFTER GLOSS À LÈVRES REPULPANT 005 PETAL + Lifter Lip Liner 009 Peaking"
><div
class="image product-item__image product-item__image--one aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="MAYBELLINE PACK LIFTER GLOSS À LÈVRES REPULPANT 005 PETAL + Lifter Lip Liner 009 Peaking"
class="image__img"
loading="lazy"
width="1080"
height="1080"
src="//beautymarket.ma/cdn/shop/files/6_65514f70-3c76-4350-a668-b8039539a9de.png?v=1771260500&width=320"
srcset="//beautymarket.ma/cdn/shop/files/6_65514f70-3c76-4350-a668-b8039539a9de.png?crop=center&height=150&v=1771260500&width=150 150w, //beautymarket.ma/cdn/shop/files/6_65514f70-3c76-4350-a668-b8039539a9de.png?crop=center&height=200&v=1771260500&width=200 200w, //beautymarket.ma/cdn/shop/files/6_65514f70-3c76-4350-a668-b8039539a9de.png?crop=center&height=240&v=1771260500&width=240 240w, //beautymarket.ma/cdn/shop/files/6_65514f70-3c76-4350-a668-b8039539a9de.png?crop=center&height=280&v=1771260500&width=280 280w, //beautymarket.ma/cdn/shop/files/6_65514f70-3c76-4350-a668-b8039539a9de.png?crop=center&height=300&v=1771260500&width=300 300w, //beautymarket.ma/cdn/shop/files/6_65514f70-3c76-4350-a668-b8039539a9de.png?crop=center&height=360&v=1771260500&width=360 360w, //beautymarket.ma/cdn/shop/files/6_65514f70-3c76-4350-a668-b8039539a9de.png?crop=center&height=400&v=1771260500&width=400 400w, //beautymarket.ma/cdn/shop/files/6_65514f70-3c76-4350-a668-b8039539a9de.png?crop=center&height=450&v=1771260500&width=450 450w, //beautymarket.ma/cdn/shop/files/6_65514f70-3c76-4350-a668-b8039539a9de.png?crop=center&height=500&v=1771260500&width=500 500w, //beautymarket.ma/cdn/shop/files/6_65514f70-3c76-4350-a668-b8039539a9de.png?crop=center&height=550&v=1771260500&width=550 550w, //beautymarket.ma/cdn/shop/files/6_65514f70-3c76-4350-a668-b8039539a9de.png?crop=center&height=600&v=1771260500&width=600 600w, //beautymarket.ma/cdn/shop/files/6_65514f70-3c76-4350-a668-b8039539a9de.png?crop=center&height=650&v=1771260500&width=650 650w, //beautymarket.ma/cdn/shop/files/6_65514f70-3c76-4350-a668-b8039539a9de.png?crop=center&height=700&v=1771260500&width=700 700w, //beautymarket.ma/cdn/shop/files/6_65514f70-3c76-4350-a668-b8039539a9de.png?crop=center&height=750&v=1771260500&width=750 750w, //beautymarket.ma/cdn/shop/files/6_65514f70-3c76-4350-a668-b8039539a9de.png?crop=center&height=800&v=1771260500&width=800 800w, //beautymarket.ma/cdn/shop/files/6_65514f70-3c76-4350-a668-b8039539a9de.png?crop=center&height=850&v=1771260500&width=850 850w, //beautymarket.ma/cdn/shop/files/6_65514f70-3c76-4350-a668-b8039539a9de.png?crop=center&height=900&v=1771260500&width=900 900w, //beautymarket.ma/cdn/shop/files/6_65514f70-3c76-4350-a668-b8039539a9de.png?crop=center&height=950&v=1771260500&width=950 950w, //beautymarket.ma/cdn/shop/files/6_65514f70-3c76-4350-a668-b8039539a9de.png?crop=center&height=1000&v=1771260500&width=1000 1000w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div><div
class="image product-item__image product-item__image--two aspect-ratio--square"
style="--object-fit: cover;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="3375"
height="3375"
src="//beautymarket.ma/cdn/shop/files/petal_2.png?v=1771260500&width=320"
srcset="//beautymarket.ma/cdn/shop/files/petal_2.png?crop=center&height=150&v=1771260500&width=150 150w, //beautymarket.ma/cdn/shop/files/petal_2.png?crop=center&height=200&v=1771260500&width=200 200w, //beautymarket.ma/cdn/shop/files/petal_2.png?crop=center&height=240&v=1771260500&width=240 240w, //beautymarket.ma/cdn/shop/files/petal_2.png?crop=center&height=280&v=1771260500&width=280 280w, //beautymarket.ma/cdn/shop/files/petal_2.png?crop=center&height=300&v=1771260500&width=300 300w, //beautymarket.ma/cdn/shop/files/petal_2.png?crop=center&height=360&v=1771260500&width=360 360w, //beautymarket.ma/cdn/shop/files/petal_2.png?crop=center&height=400&v=1771260500&width=400 400w, //beautymarket.ma/cdn/shop/files/petal_2.png?crop=center&height=450&v=1771260500&width=450 450w, //beautymarket.ma/cdn/shop/files/petal_2.png?crop=center&height=500&v=1771260500&width=500 500w, //beautymarket.ma/cdn/shop/files/petal_2.png?crop=center&height=550&v=1771260500&width=550 550w, //beautymarket.ma/cdn/shop/files/petal_2.png?crop=center&height=600&v=1771260500&width=600 600w, //beautymarket.ma/cdn/shop/files/petal_2.png?crop=center&height=650&v=1771260500&width=650 650w, //beautymarket.ma/cdn/shop/files/petal_2.png?crop=center&height=700&v=1771260500&width=700 700w, //beautymarket.ma/cdn/shop/files/petal_2.png?crop=center&height=750&v=1771260500&width=750 750w, //beautymarket.ma/cdn/shop/files/petal_2.png?crop=center&height=800&v=1771260500&width=800 800w, //beautymarket.ma/cdn/shop/files/petal_2.png?crop=center&height=850&v=1771260500&width=850 850w, //beautymarket.ma/cdn/shop/files/petal_2.png?crop=center&height=900&v=1771260500&width=900 900w, //beautymarket.ma/cdn/shop/files/petal_2.png?crop=center&height=950&v=1771260500&width=950 950w, //beautymarket.ma/cdn/shop/files/petal_2.png?crop=center&height=1000&v=1771260500&width=1000 1000w, //beautymarket.ma/cdn/shop/files/petal_2.png?crop=center&height=1100&v=1771260500&width=1100 1100w, //beautymarket.ma/cdn/shop/files/petal_2.png?crop=center&height=1200&v=1771260500&width=1200 1200w, //beautymarket.ma/cdn/shop/files/petal_2.png?crop=center&height=1300&v=1771260500&width=1300 1300w, //beautymarket.ma/cdn/shop/files/petal_2.png?crop=center&height=1400&v=1771260500&width=1400 1400w, //beautymarket.ma/cdn/shop/files/petal_2.png?crop=center&height=1500&v=1771260500&width=1500 1500w, //beautymarket.ma/cdn/shop/files/petal_2.png?crop=center&height=1600&v=1771260500&width=1600 1600w, //beautymarket.ma/cdn/shop/files/petal_2.png?crop=center&height=1700&v=1771260500&width=1700 1700w, //beautymarket.ma/cdn/shop/files/petal_2.png?crop=center&height=1800&v=1771260500&width=1800 1800w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>26% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/lips/products/maybelline-pack-lifter-gloss-a-levres-repulpant-005-petal-lifter-lip-liner-009-peaking-1"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/maybelline-pack-lifter-gloss-a-levres-repulpant-005-petal-lifter-lip-liner-009-peaking-1">MAYBELLINE PACK LIFTER GLOSS À LÈVRES REPULPANT 005 PETAL + Lifter Lip Liner 009 Peaking</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">199.00 dh</s>
<span class="sale" data-price>148.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">199.00 dh</s>
<span class="sale" data-price>148.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8477622239407"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46529184891055"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8477622239407'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_HzUikf-8477622239407">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_HzUikf-8477622239407"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/lips/products/maybelline-pack-lifter-gloss-a-levres-repulpant-005-petal-lifter-lip-liner-009-peaking-1"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8477622239407"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46529184891055"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8477622239407'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_HzUikf-8477622239407">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_HzUikf-8477622239407"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8249449644207"
data-title="MAYBELLINE LIFTER GLOSS À LÈVRES REPULPANT 004 SILK + LIFTER LINER OUT OF LINE 04"
data-url="/products/maybelline-lifter-gloss-a-levres-repulpant-004-silk-lifter-liner-out-of-line-04"
data-variant-id="45489091936431"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/maybelline-lifter-gloss-a-levres-repulpant-004-silk-lifter-liner-out-of-line-04"
aria-label="MAYBELLINE LIFTER GLOSS À LÈVRES REPULPANT 004 SILK + LIFTER LINER OUT OF LINE 04"
><div
class="image product-item__image product-item__image--one aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="MAYBELLINE LIFTER GLOSS À LÈVRES REPULPANT 004 SILK + LIFTER LINER OUT OF LINE 04"
class="image__img"
loading="lazy"
width="1080"
height="1080"
src="//beautymarket.ma/cdn/shop/files/Maybelline-Lifter-Gloss-004-Silk-5.4mlLift-Liner-004-Out-Of-Line-Pack_1.png?v=1771260777&width=320"
srcset="//beautymarket.ma/cdn/shop/files/Maybelline-Lifter-Gloss-004-Silk-5.4mlLift-Liner-004-Out-Of-Line-Pack_1.png?crop=center&height=150&v=1771260777&width=150 150w, //beautymarket.ma/cdn/shop/files/Maybelline-Lifter-Gloss-004-Silk-5.4mlLift-Liner-004-Out-Of-Line-Pack_1.png?crop=center&height=200&v=1771260777&width=200 200w, //beautymarket.ma/cdn/shop/files/Maybelline-Lifter-Gloss-004-Silk-5.4mlLift-Liner-004-Out-Of-Line-Pack_1.png?crop=center&height=240&v=1771260777&width=240 240w, //beautymarket.ma/cdn/shop/files/Maybelline-Lifter-Gloss-004-Silk-5.4mlLift-Liner-004-Out-Of-Line-Pack_1.png?crop=center&height=280&v=1771260777&width=280 280w, //beautymarket.ma/cdn/shop/files/Maybelline-Lifter-Gloss-004-Silk-5.4mlLift-Liner-004-Out-Of-Line-Pack_1.png?crop=center&height=300&v=1771260777&width=300 300w, //beautymarket.ma/cdn/shop/files/Maybelline-Lifter-Gloss-004-Silk-5.4mlLift-Liner-004-Out-Of-Line-Pack_1.png?crop=center&height=360&v=1771260777&width=360 360w, //beautymarket.ma/cdn/shop/files/Maybelline-Lifter-Gloss-004-Silk-5.4mlLift-Liner-004-Out-Of-Line-Pack_1.png?crop=center&height=400&v=1771260777&width=400 400w, //beautymarket.ma/cdn/shop/files/Maybelline-Lifter-Gloss-004-Silk-5.4mlLift-Liner-004-Out-Of-Line-Pack_1.png?crop=center&height=450&v=1771260777&width=450 450w, //beautymarket.ma/cdn/shop/files/Maybelline-Lifter-Gloss-004-Silk-5.4mlLift-Liner-004-Out-Of-Line-Pack_1.png?crop=center&height=500&v=1771260777&width=500 500w, //beautymarket.ma/cdn/shop/files/Maybelline-Lifter-Gloss-004-Silk-5.4mlLift-Liner-004-Out-Of-Line-Pack_1.png?crop=center&height=550&v=1771260777&width=550 550w, //beautymarket.ma/cdn/shop/files/Maybelline-Lifter-Gloss-004-Silk-5.4mlLift-Liner-004-Out-Of-Line-Pack_1.png?crop=center&height=600&v=1771260777&width=600 600w, //beautymarket.ma/cdn/shop/files/Maybelline-Lifter-Gloss-004-Silk-5.4mlLift-Liner-004-Out-Of-Line-Pack_1.png?crop=center&height=650&v=1771260777&width=650 650w, //beautymarket.ma/cdn/shop/files/Maybelline-Lifter-Gloss-004-Silk-5.4mlLift-Liner-004-Out-Of-Line-Pack_1.png?crop=center&height=700&v=1771260777&width=700 700w, //beautymarket.ma/cdn/shop/files/Maybelline-Lifter-Gloss-004-Silk-5.4mlLift-Liner-004-Out-Of-Line-Pack_1.png?crop=center&height=750&v=1771260777&width=750 750w, //beautymarket.ma/cdn/shop/files/Maybelline-Lifter-Gloss-004-Silk-5.4mlLift-Liner-004-Out-Of-Line-Pack_1.png?crop=center&height=800&v=1771260777&width=800 800w, //beautymarket.ma/cdn/shop/files/Maybelline-Lifter-Gloss-004-Silk-5.4mlLift-Liner-004-Out-Of-Line-Pack_1.png?crop=center&height=850&v=1771260777&width=850 850w, //beautymarket.ma/cdn/shop/files/Maybelline-Lifter-Gloss-004-Silk-5.4mlLift-Liner-004-Out-Of-Line-Pack_1.png?crop=center&height=900&v=1771260777&width=900 900w, //beautymarket.ma/cdn/shop/files/Maybelline-Lifter-Gloss-004-Silk-5.4mlLift-Liner-004-Out-Of-Line-Pack_1.png?crop=center&height=950&v=1771260777&width=950 950w, //beautymarket.ma/cdn/shop/files/Maybelline-Lifter-Gloss-004-Silk-5.4mlLift-Liner-004-Out-Of-Line-Pack_1.png?crop=center&height=1000&v=1771260777&width=1000 1000w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div><div
class="image product-item__image product-item__image--two aspect-ratio--square"
style="--object-fit: cover;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="3375"
height="3375"
src="//beautymarket.ma/cdn/shop/files/silk2_2.png?v=1771260777&width=320"
srcset="//beautymarket.ma/cdn/shop/files/silk2_2.png?crop=center&height=150&v=1771260777&width=150 150w, //beautymarket.ma/cdn/shop/files/silk2_2.png?crop=center&height=200&v=1771260777&width=200 200w, //beautymarket.ma/cdn/shop/files/silk2_2.png?crop=center&height=240&v=1771260777&width=240 240w, //beautymarket.ma/cdn/shop/files/silk2_2.png?crop=center&height=280&v=1771260777&width=280 280w, //beautymarket.ma/cdn/shop/files/silk2_2.png?crop=center&height=300&v=1771260777&width=300 300w, //beautymarket.ma/cdn/shop/files/silk2_2.png?crop=center&height=360&v=1771260777&width=360 360w, //beautymarket.ma/cdn/shop/files/silk2_2.png?crop=center&height=400&v=1771260777&width=400 400w, //beautymarket.ma/cdn/shop/files/silk2_2.png?crop=center&height=450&v=1771260777&width=450 450w, //beautymarket.ma/cdn/shop/files/silk2_2.png?crop=center&height=500&v=1771260777&width=500 500w, //beautymarket.ma/cdn/shop/files/silk2_2.png?crop=center&height=550&v=1771260777&width=550 550w, //beautymarket.ma/cdn/shop/files/silk2_2.png?crop=center&height=600&v=1771260777&width=600 600w, //beautymarket.ma/cdn/shop/files/silk2_2.png?crop=center&height=650&v=1771260777&width=650 650w, //beautymarket.ma/cdn/shop/files/silk2_2.png?crop=center&height=700&v=1771260777&width=700 700w, //beautymarket.ma/cdn/shop/files/silk2_2.png?crop=center&height=750&v=1771260777&width=750 750w, //beautymarket.ma/cdn/shop/files/silk2_2.png?crop=center&height=800&v=1771260777&width=800 800w, //beautymarket.ma/cdn/shop/files/silk2_2.png?crop=center&height=850&v=1771260777&width=850 850w, //beautymarket.ma/cdn/shop/files/silk2_2.png?crop=center&height=900&v=1771260777&width=900 900w, //beautymarket.ma/cdn/shop/files/silk2_2.png?crop=center&height=950&v=1771260777&width=950 950w, //beautymarket.ma/cdn/shop/files/silk2_2.png?crop=center&height=1000&v=1771260777&width=1000 1000w, //beautymarket.ma/cdn/shop/files/silk2_2.png?crop=center&height=1100&v=1771260777&width=1100 1100w, //beautymarket.ma/cdn/shop/files/silk2_2.png?crop=center&height=1200&v=1771260777&width=1200 1200w, //beautymarket.ma/cdn/shop/files/silk2_2.png?crop=center&height=1300&v=1771260777&width=1300 1300w, //beautymarket.ma/cdn/shop/files/silk2_2.png?crop=center&height=1400&v=1771260777&width=1400 1400w, //beautymarket.ma/cdn/shop/files/silk2_2.png?crop=center&height=1500&v=1771260777&width=1500 1500w, //beautymarket.ma/cdn/shop/files/silk2_2.png?crop=center&height=1600&v=1771260777&width=1600 1600w, //beautymarket.ma/cdn/shop/files/silk2_2.png?crop=center&height=1700&v=1771260777&width=1700 1700w, //beautymarket.ma/cdn/shop/files/silk2_2.png?crop=center&height=1800&v=1771260777&width=1800 1800w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>27% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/lips/products/maybelline-lifter-gloss-a-levres-repulpant-004-silk-lifter-liner-out-of-line-04"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/maybelline-lifter-gloss-a-levres-repulpant-004-silk-lifter-liner-out-of-line-04">MAYBELLINE LIFTER GLOSS À LÈVRES REPULPANT 004 SILK + LIFTER LINER OUT OF LINE 04</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">198.00 dh</s>
<span class="sale" data-price>145.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">198.00 dh</s>
<span class="sale" data-price>145.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8249449644207"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="45489091936431"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8249449644207'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_HzUikf-8249449644207">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_HzUikf-8249449644207"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/lips/products/maybelline-lifter-gloss-a-levres-repulpant-004-silk-lifter-liner-out-of-line-04"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8249449644207"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="45489091936431"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8249449644207'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_HzUikf-8249449644207">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_HzUikf-8249449644207"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8431573401775"
data-title="MAYBELLINE NEW YORK SUPERSTAY TEDDY TINT BLUSH À LÈVRES – PACK DE 3 TEINTES 20,40,50"
data-url="/products/maybelline-new-york-superstay-teddy-tint-blush-a-levres-pack-de-3-teintes-20-40-50"
data-variant-id="46318795980975"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/maybelline-new-york-superstay-teddy-tint-blush-a-levres-pack-de-3-teintes-20-40-50"
aria-label="MAYBELLINE NEW YORK SUPERSTAY TEDDY TINT BLUSH À LÈVRES – PACK DE 3 TEINTES 20,40,50"
><div
class="image product-item__image aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="MAYBELLINE NEW YORK SUPERSTAY TEDDY TINT BLUSH À LÈVRES – PACK DE 3 TEINTES 20,40,50"
class="image__img"
loading="lazy"
width="700"
height="700"
src="//beautymarket.ma/cdn/shop/files/VBTeddy402050_1.png?v=1765476537&width=320"
srcset="//beautymarket.ma/cdn/shop/files/VBTeddy402050_1.png?crop=center&height=150&v=1765476537&width=150 150w, //beautymarket.ma/cdn/shop/files/VBTeddy402050_1.png?crop=center&height=200&v=1765476537&width=200 200w, //beautymarket.ma/cdn/shop/files/VBTeddy402050_1.png?crop=center&height=240&v=1765476537&width=240 240w, //beautymarket.ma/cdn/shop/files/VBTeddy402050_1.png?crop=center&height=280&v=1765476537&width=280 280w, //beautymarket.ma/cdn/shop/files/VBTeddy402050_1.png?crop=center&height=300&v=1765476537&width=300 300w, //beautymarket.ma/cdn/shop/files/VBTeddy402050_1.png?crop=center&height=360&v=1765476537&width=360 360w, //beautymarket.ma/cdn/shop/files/VBTeddy402050_1.png?crop=center&height=400&v=1765476537&width=400 400w, //beautymarket.ma/cdn/shop/files/VBTeddy402050_1.png?crop=center&height=450&v=1765476537&width=450 450w, //beautymarket.ma/cdn/shop/files/VBTeddy402050_1.png?crop=center&height=500&v=1765476537&width=500 500w, //beautymarket.ma/cdn/shop/files/VBTeddy402050_1.png?crop=center&height=550&v=1765476537&width=550 550w, //beautymarket.ma/cdn/shop/files/VBTeddy402050_1.png?crop=center&height=600&v=1765476537&width=600 600w, //beautymarket.ma/cdn/shop/files/VBTeddy402050_1.png?crop=center&height=650&v=1765476537&width=650 650w, //beautymarket.ma/cdn/shop/files/VBTeddy402050_1.png?crop=center&height=700&v=1765476537&width=700 700w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>33% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/lips/products/maybelline-new-york-superstay-teddy-tint-blush-a-levres-pack-de-3-teintes-20-40-50"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/maybelline-new-york-superstay-teddy-tint-blush-a-levres-pack-de-3-teintes-20-40-50">MAYBELLINE NEW YORK SUPERSTAY TEDDY TINT BLUSH À LÈVRES – PACK DE 3 TEINTES 20,40,50</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">297.00 dh</s>
<span class="sale" data-price>199.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">297.00 dh</s>
<span class="sale" data-price>199.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8431573401775"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46318795980975"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8431573401775'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_HzUikf-8431573401775">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_HzUikf-8431573401775"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/lips/products/maybelline-new-york-superstay-teddy-tint-blush-a-levres-pack-de-3-teintes-20-40-50"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8431573401775"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46318795980975"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8431573401775'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_HzUikf-8431573401775">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_HzUikf-8431573401775"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8431584805039"
data-title="MAYBELLINE NEW YORK SUPERSTAY TEDDY TINT BLUSH À LÈVRES – PACK DE 3 TEINTES 25,30,35"
data-url="/products/maybelline-new-york-superstay-teddy-tint-blush-a-levres-pack-de-3-teintes-25-30-35"
data-variant-id="46318820688047"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/maybelline-new-york-superstay-teddy-tint-blush-a-levres-pack-de-3-teintes-25-30-35"
aria-label="MAYBELLINE NEW YORK SUPERSTAY TEDDY TINT BLUSH À LÈVRES – PACK DE 3 TEINTES 25,30,35"
><div
class="image product-item__image aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="MAYBELLINE NEW YORK SUPERSTAY TEDDY TINT BLUSH À LÈVRES – PACK DE 3 TEINTES 25,30,35"
class="image__img"
loading="lazy"
width="700"
height="700"
src="//beautymarket.ma/cdn/shop/files/VBTeddy253035_1.png?v=1765476588&width=320"
srcset="//beautymarket.ma/cdn/shop/files/VBTeddy253035_1.png?crop=center&height=150&v=1765476588&width=150 150w, //beautymarket.ma/cdn/shop/files/VBTeddy253035_1.png?crop=center&height=200&v=1765476588&width=200 200w, //beautymarket.ma/cdn/shop/files/VBTeddy253035_1.png?crop=center&height=240&v=1765476588&width=240 240w, //beautymarket.ma/cdn/shop/files/VBTeddy253035_1.png?crop=center&height=280&v=1765476588&width=280 280w, //beautymarket.ma/cdn/shop/files/VBTeddy253035_1.png?crop=center&height=300&v=1765476588&width=300 300w, //beautymarket.ma/cdn/shop/files/VBTeddy253035_1.png?crop=center&height=360&v=1765476588&width=360 360w, //beautymarket.ma/cdn/shop/files/VBTeddy253035_1.png?crop=center&height=400&v=1765476588&width=400 400w, //beautymarket.ma/cdn/shop/files/VBTeddy253035_1.png?crop=center&height=450&v=1765476588&width=450 450w, //beautymarket.ma/cdn/shop/files/VBTeddy253035_1.png?crop=center&height=500&v=1765476588&width=500 500w, //beautymarket.ma/cdn/shop/files/VBTeddy253035_1.png?crop=center&height=550&v=1765476588&width=550 550w, //beautymarket.ma/cdn/shop/files/VBTeddy253035_1.png?crop=center&height=600&v=1765476588&width=600 600w, //beautymarket.ma/cdn/shop/files/VBTeddy253035_1.png?crop=center&height=650&v=1765476588&width=650 650w, //beautymarket.ma/cdn/shop/files/VBTeddy253035_1.png?crop=center&height=700&v=1765476588&width=700 700w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>33% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/lips/products/maybelline-new-york-superstay-teddy-tint-blush-a-levres-pack-de-3-teintes-25-30-35"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/maybelline-new-york-superstay-teddy-tint-blush-a-levres-pack-de-3-teintes-25-30-35">MAYBELLINE NEW YORK SUPERSTAY TEDDY TINT BLUSH À LÈVRES – PACK DE 3 TEINTES 25,30,35</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">297.00 dh</s>
<span class="sale" data-price>199.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">297.00 dh</s>
<span class="sale" data-price>199.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8431584805039"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46318820688047"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8431584805039'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_HzUikf-8431584805039">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_HzUikf-8431584805039"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/lips/products/maybelline-new-york-superstay-teddy-tint-blush-a-levres-pack-de-3-teintes-25-30-35"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8431584805039"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46318820688047"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8431584805039'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_HzUikf-8431584805039">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_HzUikf-8431584805039"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8431585427631"
data-title="MAYBELLINE NEW YORK SUPERSTAY TEDDY TINT BLUSH À LÈVRES – PACK DE 3 TEINTES 25,40,55"
data-url="/products/maybelline-new-york-superstay-teddy-tint-blush-a-levres-pack-de-3-teintes-25-40-55"
data-variant-id="46318822949039"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/maybelline-new-york-superstay-teddy-tint-blush-a-levres-pack-de-3-teintes-25-40-55"
aria-label="MAYBELLINE NEW YORK SUPERSTAY TEDDY TINT BLUSH À LÈVRES – PACK DE 3 TEINTES 25,40,55"
><div
class="image product-item__image aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="MAYBELLINE NEW YORK SUPERSTAY TEDDY TINT BLUSH À LÈVRES – PACK DE 3 TEINTES 25,40,55"
class="image__img"
loading="lazy"
width="700"
height="700"
src="//beautymarket.ma/cdn/shop/files/BVTeddy405525.png?v=1765476716&width=320"
srcset="//beautymarket.ma/cdn/shop/files/BVTeddy405525.png?crop=center&height=150&v=1765476716&width=150 150w, //beautymarket.ma/cdn/shop/files/BVTeddy405525.png?crop=center&height=200&v=1765476716&width=200 200w, //beautymarket.ma/cdn/shop/files/BVTeddy405525.png?crop=center&height=240&v=1765476716&width=240 240w, //beautymarket.ma/cdn/shop/files/BVTeddy405525.png?crop=center&height=280&v=1765476716&width=280 280w, //beautymarket.ma/cdn/shop/files/BVTeddy405525.png?crop=center&height=300&v=1765476716&width=300 300w, //beautymarket.ma/cdn/shop/files/BVTeddy405525.png?crop=center&height=360&v=1765476716&width=360 360w, //beautymarket.ma/cdn/shop/files/BVTeddy405525.png?crop=center&height=400&v=1765476716&width=400 400w, //beautymarket.ma/cdn/shop/files/BVTeddy405525.png?crop=center&height=450&v=1765476716&width=450 450w, //beautymarket.ma/cdn/shop/files/BVTeddy405525.png?crop=center&height=500&v=1765476716&width=500 500w, //beautymarket.ma/cdn/shop/files/BVTeddy405525.png?crop=center&height=550&v=1765476716&width=550 550w, //beautymarket.ma/cdn/shop/files/BVTeddy405525.png?crop=center&height=600&v=1765476716&width=600 600w, //beautymarket.ma/cdn/shop/files/BVTeddy405525.png?crop=center&height=650&v=1765476716&width=650 650w, //beautymarket.ma/cdn/shop/files/BVTeddy405525.png?crop=center&height=700&v=1765476716&width=700 700w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>33% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/lips/products/maybelline-new-york-superstay-teddy-tint-blush-a-levres-pack-de-3-teintes-25-40-55"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/maybelline-new-york-superstay-teddy-tint-blush-a-levres-pack-de-3-teintes-25-40-55">MAYBELLINE NEW YORK SUPERSTAY TEDDY TINT BLUSH À LÈVRES – PACK DE 3 TEINTES 25,40,55</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">297.00 dh</s>
<span class="sale" data-price>199.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">297.00 dh</s>
<span class="sale" data-price>199.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8431585427631"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46318822949039"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8431585427631'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_HzUikf-8431585427631">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_HzUikf-8431585427631"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/lips/products/maybelline-new-york-superstay-teddy-tint-blush-a-levres-pack-de-3-teintes-25-40-55"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8431585427631"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46318822949039"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8431585427631'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_HzUikf-8431585427631">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_HzUikf-8431585427631"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8454193807535"
data-title="Maybelline Coffret New York – Play It Bold"
data-url="/products/maybelline-coffret-new-york-play-it-bold"
data-variant-id="46435428532399"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/maybelline-coffret-new-york-play-it-bold"
aria-label="Maybelline Coffret New York – Play It Bold"
><div
class="image product-item__image product-item__image--one aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="Maybelline Coffret New York – Play It Bold"
class="image__img"
loading="lazy"
width="1600"
height="1600"
src="//beautymarket.ma/cdn/shop/files/image_3_3.png?v=1766775369&width=320"
srcset="//beautymarket.ma/cdn/shop/files/image_3_3.png?crop=center&height=150&v=1766775369&width=150 150w, //beautymarket.ma/cdn/shop/files/image_3_3.png?crop=center&height=200&v=1766775369&width=200 200w, //beautymarket.ma/cdn/shop/files/image_3_3.png?crop=center&height=240&v=1766775369&width=240 240w, //beautymarket.ma/cdn/shop/files/image_3_3.png?crop=center&height=280&v=1766775369&width=280 280w, //beautymarket.ma/cdn/shop/files/image_3_3.png?crop=center&height=300&v=1766775369&width=300 300w, //beautymarket.ma/cdn/shop/files/image_3_3.png?crop=center&height=360&v=1766775369&width=360 360w, //beautymarket.ma/cdn/shop/files/image_3_3.png?crop=center&height=400&v=1766775369&width=400 400w, //beautymarket.ma/cdn/shop/files/image_3_3.png?crop=center&height=450&v=1766775369&width=450 450w, //beautymarket.ma/cdn/shop/files/image_3_3.png?crop=center&height=500&v=1766775369&width=500 500w, //beautymarket.ma/cdn/shop/files/image_3_3.png?crop=center&height=550&v=1766775369&width=550 550w, //beautymarket.ma/cdn/shop/files/image_3_3.png?crop=center&height=600&v=1766775369&width=600 600w, //beautymarket.ma/cdn/shop/files/image_3_3.png?crop=center&height=650&v=1766775369&width=650 650w, //beautymarket.ma/cdn/shop/files/image_3_3.png?crop=center&height=700&v=1766775369&width=700 700w, //beautymarket.ma/cdn/shop/files/image_3_3.png?crop=center&height=750&v=1766775369&width=750 750w, //beautymarket.ma/cdn/shop/files/image_3_3.png?crop=center&height=800&v=1766775369&width=800 800w, //beautymarket.ma/cdn/shop/files/image_3_3.png?crop=center&height=850&v=1766775369&width=850 850w, //beautymarket.ma/cdn/shop/files/image_3_3.png?crop=center&height=900&v=1766775369&width=900 900w, //beautymarket.ma/cdn/shop/files/image_3_3.png?crop=center&height=950&v=1766775369&width=950 950w, //beautymarket.ma/cdn/shop/files/image_3_3.png?crop=center&height=1000&v=1766775369&width=1000 1000w, //beautymarket.ma/cdn/shop/files/image_3_3.png?crop=center&height=1100&v=1766775369&width=1100 1100w, //beautymarket.ma/cdn/shop/files/image_3_3.png?crop=center&height=1200&v=1766775369&width=1200 1200w, //beautymarket.ma/cdn/shop/files/image_3_3.png?crop=center&height=1300&v=1766775369&width=1300 1300w, //beautymarket.ma/cdn/shop/files/image_3_3.png?crop=center&height=1400&v=1766775369&width=1400 1400w, //beautymarket.ma/cdn/shop/files/image_3_3.png?crop=center&height=1500&v=1766775369&width=1500 1500w, //beautymarket.ma/cdn/shop/files/image_3_3.png?crop=center&height=1600&v=1766775369&width=1600 1600w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div><div
class="image product-item__image product-item__image--two aspect-ratio--square"
style="--object-fit: cover;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="1600"
height="1600"
src="//beautymarket.ma/cdn/shop/files/image_5_3.png?v=1766775368&width=320"
srcset="//beautymarket.ma/cdn/shop/files/image_5_3.png?crop=center&height=150&v=1766775368&width=150 150w, //beautymarket.ma/cdn/shop/files/image_5_3.png?crop=center&height=200&v=1766775368&width=200 200w, //beautymarket.ma/cdn/shop/files/image_5_3.png?crop=center&height=240&v=1766775368&width=240 240w, //beautymarket.ma/cdn/shop/files/image_5_3.png?crop=center&height=280&v=1766775368&width=280 280w, //beautymarket.ma/cdn/shop/files/image_5_3.png?crop=center&height=300&v=1766775368&width=300 300w, //beautymarket.ma/cdn/shop/files/image_5_3.png?crop=center&height=360&v=1766775368&width=360 360w, //beautymarket.ma/cdn/shop/files/image_5_3.png?crop=center&height=400&v=1766775368&width=400 400w, //beautymarket.ma/cdn/shop/files/image_5_3.png?crop=center&height=450&v=1766775368&width=450 450w, //beautymarket.ma/cdn/shop/files/image_5_3.png?crop=center&height=500&v=1766775368&width=500 500w, //beautymarket.ma/cdn/shop/files/image_5_3.png?crop=center&height=550&v=1766775368&width=550 550w, //beautymarket.ma/cdn/shop/files/image_5_3.png?crop=center&height=600&v=1766775368&width=600 600w, //beautymarket.ma/cdn/shop/files/image_5_3.png?crop=center&height=650&v=1766775368&width=650 650w, //beautymarket.ma/cdn/shop/files/image_5_3.png?crop=center&height=700&v=1766775368&width=700 700w, //beautymarket.ma/cdn/shop/files/image_5_3.png?crop=center&height=750&v=1766775368&width=750 750w, //beautymarket.ma/cdn/shop/files/image_5_3.png?crop=center&height=800&v=1766775368&width=800 800w, //beautymarket.ma/cdn/shop/files/image_5_3.png?crop=center&height=850&v=1766775368&width=850 850w, //beautymarket.ma/cdn/shop/files/image_5_3.png?crop=center&height=900&v=1766775368&width=900 900w, //beautymarket.ma/cdn/shop/files/image_5_3.png?crop=center&height=950&v=1766775368&width=950 950w, //beautymarket.ma/cdn/shop/files/image_5_3.png?crop=center&height=1000&v=1766775368&width=1000 1000w, //beautymarket.ma/cdn/shop/files/image_5_3.png?crop=center&height=1100&v=1766775368&width=1100 1100w, //beautymarket.ma/cdn/shop/files/image_5_3.png?crop=center&height=1200&v=1766775368&width=1200 1200w, //beautymarket.ma/cdn/shop/files/image_5_3.png?crop=center&height=1300&v=1766775368&width=1300 1300w, //beautymarket.ma/cdn/shop/files/image_5_3.png?crop=center&height=1400&v=1766775368&width=1400 1400w, //beautymarket.ma/cdn/shop/files/image_5_3.png?crop=center&height=1500&v=1766775368&width=1500 1500w, //beautymarket.ma/cdn/shop/files/image_5_3.png?crop=center&height=1600&v=1766775368&width=1600 1600w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>17% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/lips/products/maybelline-coffret-new-york-play-it-bold"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/maybelline-coffret-new-york-play-it-bold">Maybelline Coffret New York – Play It Bold</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">155.00 dh</s>
<span class="sale" data-price>129.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">155.00 dh</s>
<span class="sale" data-price>129.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8454193807535"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46435428532399"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8454193807535'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_HzUikf-8454193807535">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_HzUikf-8454193807535"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/lips/products/maybelline-coffret-new-york-play-it-bold"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8454193807535"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46435428532399"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8454193807535'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_HzUikf-8454193807535">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_HzUikf-8454193807535"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8286809358511"
data-title="L'oréal paris-infaillible Liquide resistance - rouge à lèvres 601 WORTH IT = Mini mascara + Trousse OFFERTES"
data-url="/products/loreal-paris-infaillible-matte-resistance-rouge-a-levres-601-worth-it-mini-mascara-offert"
data-variant-id="45786539655343"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/loreal-paris-infaillible-matte-resistance-rouge-a-levres-601-worth-it-mini-mascara-offert"
aria-label="L'oréal paris-infaillible Liquide resistance - rouge à lèvres 601 WORTH IT = Mini mascara + Trousse OFFERTES"
><div
class="image product-item__image aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="L'oréal paris-infaillible Liquide resistance - rouge à lèvres 601 WORTH IT = Mini mascara + Trousse OFFERTES"
class="image__img"
loading="lazy"
width="700"
height="700"
src="//beautymarket.ma/cdn/shop/files/6111041182649_1.png?v=1761913364&width=320"
srcset="//beautymarket.ma/cdn/shop/files/6111041182649_1.png?crop=center&height=150&v=1761913364&width=150 150w, //beautymarket.ma/cdn/shop/files/6111041182649_1.png?crop=center&height=200&v=1761913364&width=200 200w, //beautymarket.ma/cdn/shop/files/6111041182649_1.png?crop=center&height=240&v=1761913364&width=240 240w, //beautymarket.ma/cdn/shop/files/6111041182649_1.png?crop=center&height=280&v=1761913364&width=280 280w, //beautymarket.ma/cdn/shop/files/6111041182649_1.png?crop=center&height=300&v=1761913364&width=300 300w, //beautymarket.ma/cdn/shop/files/6111041182649_1.png?crop=center&height=360&v=1761913364&width=360 360w, //beautymarket.ma/cdn/shop/files/6111041182649_1.png?crop=center&height=400&v=1761913364&width=400 400w, //beautymarket.ma/cdn/shop/files/6111041182649_1.png?crop=center&height=450&v=1761913364&width=450 450w, //beautymarket.ma/cdn/shop/files/6111041182649_1.png?crop=center&height=500&v=1761913364&width=500 500w, //beautymarket.ma/cdn/shop/files/6111041182649_1.png?crop=center&height=550&v=1761913364&width=550 550w, //beautymarket.ma/cdn/shop/files/6111041182649_1.png?crop=center&height=600&v=1761913364&width=600 600w, //beautymarket.ma/cdn/shop/files/6111041182649_1.png?crop=center&height=650&v=1761913364&width=650 650w, //beautymarket.ma/cdn/shop/files/6111041182649_1.png?crop=center&height=700&v=1761913364&width=700 700w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>41% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/lips/products/loreal-paris-infaillible-matte-resistance-rouge-a-levres-601-worth-it-mini-mascara-offert"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/loreal-paris-infaillible-matte-resistance-rouge-a-levres-601-worth-it-mini-mascara-offert">L'oréal paris-infaillible Liquide resistance - rouge à lèvres 601 WORTH IT = Mini mascara + Trousse OFFERTES</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">169.00 dh</s>
<span class="sale" data-price>99.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">169.00 dh</s>
<span class="sale" data-price>99.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8286809358511"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="45786539655343"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8286809358511'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_HzUikf-8286809358511">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_HzUikf-8286809358511"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/lips/products/loreal-paris-infaillible-matte-resistance-rouge-a-levres-601-worth-it-mini-mascara-offert"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8286809358511"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="45786539655343"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8286809358511'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_HzUikf-8286809358511">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_HzUikf-8286809358511"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</scroll-slider-component>
<div
class="scroll-slider-nav-button-wrapper scroll-slider-nav-button-wrapper--prev"
data-is-small="false"
>
<button
type="button"
class="scroll-slider-nav-button scroll-slider-nav-button--prev hidden"
title="Précédent"
data-scroll-slider-prev-button
name="prev"
>
<span class="icon icon-arrow-short" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 12.4016H11.5H23M23 12.4016L13.8 3M23 12.4016L13.8 21.8032" stroke="currentColor" stroke-width="1.75"/></svg>
</span>
</button>
</div>
<div
class="scroll-slider-nav-button-wrapper scroll-slider-nav-button-wrapper--next"
data-is-small="false"
>
<button
type="button"
class="scroll-slider-nav-button scroll-slider-nav-button--next hidden"
title="Suivant"
data-scroll-slider-next-button
name="next"
>
<span class="icon icon-arrow-short" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 12.4016H11.5H23M23 12.4016L13.8 3M23 12.4016L13.8 21.8032" stroke="currentColor" stroke-width="1.75"/></svg>
</span>
</button>
</div>
</div>
<script src="//beautymarket.ma/cdn/shop/t/35/assets/section-footer.js?v=11514157199586841511754934608" type="module"></script>
<section-footer-component class="section-footer animation--container-footer">
<div class="scroll-slider-page-dots" data-scroll-slider-page-dots data-hide-below-720="true"></div>
</section-footer-component>
</div>
</div>
</section><section id="shopify-section-template--18718532206767__featured_collection_HVnxMX" class="shopify-section"><div
class="featured-collection section"
style=" --section-style-spacing-top: 12px; --section-style-spacing-bottom: 12px; --num-columns-desktop: 5; --num-columns-tablet: 4; --num-columns-mobile: 2; "
data-section-id="template--18718532206767__featured_collection_HVnxMX"
data-section-type="featured-collection"
data-products-per-view="5"
data-mobile-products-per-view="2"
>
<div class="section-inner">
<div
class="featured-collection__products featured-collection-slider-grid standard-grid-spacing product-item-holder"
data-standard-grid-spacing-type="product-list">
<script src="//beautymarket.ma/cdn/shop/t/35/assets/scroll-slider.js?v=137308953565903322681754934608" type="module"></script>
<scroll-slider-component
class="scroll-slider scroll-slider--full-width-below-1024 scroll-slider--peek-and-full-width-below-1024 scroll-all-sizes"
style="--columns: 2; --columns-above-720: 4; --columns-above-1024: 5; --peek: 24px; --peek-above-1024: 0px; --gap: 12px; --gap-above-1024: 16px; --gap-above-1200: 24px;"
data-id="featured-collection"
data-navigation-container=".featured-collection"
data-autoplay=""
data-autoplay-delay="0"
data-autoplay-pause-on-hover=""
>
<div class="scroll-slider__slider">
<div class="collection-view-all-tile-wrapper">
<div
class="collection-view-all-tile featured-collection-slider-grid-item animation--item"
data-color-scheme="default"
data-has-image="true"
style="--color-background: #ffffff; --color-background-alpha-80: rgba(255, 255, 255, 0.8); --color-text: #121212; --color-text-input: #121212; --color-text-link: #ffa6a8; --color-text-alpha-90: rgba(18, 18, 18, 0.9); --color-text-alpha-80: rgba(18, 18, 18, 0.8); --color-text-alpha-70: rgba(18, 18, 18, 0.7); --color-text-alpha-60: rgba(18, 18, 18, 0.6); --color-text-alpha-50: rgba(18, 18, 18, 0.5); --color-text-alpha-40: rgba(18, 18, 18, 0.4); --color-text-alpha-30: rgba(18, 18, 18, 0.3); --color-text-alpha-25: rgba(18, 18, 18, 0.25); --color-text-alpha-20: rgba(18, 18, 18, 0.2); --color-text-alpha-10: rgba(18, 18, 18, 0.1); --color-text-alpha-05: rgba(18, 18, 18, 0.05);--color-border-input: rgba(68, 68, 68, 0.4);"
><div
class="background-image-container image-hero__image-container"
data-has-mobile-image="false"
data-absolutely-position-image="true"
><div
class="image background-image collection-view-all-tile__image animation--image animation--lazy-load"
style="--focal-alignment: center;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="320"
height="640"
src="//beautymarket.ma/cdn/shop/files/face5.webp?v=1733057237&width=320"
srcset=""
sizes="(min-width: 960px) 50vw, 100vw"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div></div>
<div
class="collection-view-all-tile__overlay image-overlay animation--image-overlay"></div><div
class="collection-view-all-tile__overlay-content overlay-content"
data-text-position="flex-start_flex-start"
style="--max-content-width: 650px;"
>
<div
class="overlay-content__text-container image-overlay-content section-blocks"
style=" --color-text: #FFFFFF; --color-background: #000; --color-text-alpha-90: rgba(255, 255, 255, 0.9); --color-text-alpha-80: rgba(255, 255, 255, 0.8); --color-text-alpha-70: rgba(255, 255, 255, 0.7); --color-text-alpha-60: rgba(255, 255, 255, 0.6); --color-text-alpha-50: rgba(255, 255, 255, 0.5); --color-text-alpha-40: rgba(255, 255, 255, 0.4); --color-text-alpha-30: rgba(255, 255, 255, 0.3); --color-text-alpha-25: rgba(255, 255, 255, 0.25); --color-text-alpha-20: rgba(255, 255, 255, 0.2); --color-text-alpha-10: rgba(255, 255, 255, 0.1); --color-text-alpha-05: rgba(255, 255, 255, 0.05); --text-horizontal-position: flex-start; --text-horizontal-position-mobile: ; --text-vertical-position: flex-start; --text-vertical-position-mobile: ; --text-alignment: left; --text-alignment-mobile: center; "
>
<a
href="/collections/fond-de-teint">
<span class="icon icon-chevron" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2"/></svg>
</span>
</a>
</div></div>
<a
href="/collections/fond-de-teint"
class="collection-view-all-tile__media-link"
aria-label="Fonds de Teint, Anti-Cernes & Poudres"
></a></div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8145724735663"
data-title="Maybelline - FIT ME PWD 110 FAIR IVORY"
data-url="/products/maybelline-fit-me-pwd-110"
data-variant-id="44826482770095"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/maybelline-fit-me-pwd-110"
aria-label="Maybelline - FIT ME PWD 110 FAIR IVORY"
><div
class="image product-item__image product-item__image--one aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="Maybelline - FIT ME PWD 110 FAIR IVORY"
class="image__img"
loading="lazy"
width="3375"
height="3375"
src="//beautymarket.ma/cdn/shop/files/1_2_f5cc6235-527a-4f4a-a846-14d3f9b2f30f.png?v=1771261094&width=320"
srcset="//beautymarket.ma/cdn/shop/files/1_2_f5cc6235-527a-4f4a-a846-14d3f9b2f30f.png?crop=center&height=150&v=1771261094&width=150 150w, //beautymarket.ma/cdn/shop/files/1_2_f5cc6235-527a-4f4a-a846-14d3f9b2f30f.png?crop=center&height=200&v=1771261094&width=200 200w, //beautymarket.ma/cdn/shop/files/1_2_f5cc6235-527a-4f4a-a846-14d3f9b2f30f.png?crop=center&height=240&v=1771261094&width=240 240w, //beautymarket.ma/cdn/shop/files/1_2_f5cc6235-527a-4f4a-a846-14d3f9b2f30f.png?crop=center&height=280&v=1771261094&width=280 280w, //beautymarket.ma/cdn/shop/files/1_2_f5cc6235-527a-4f4a-a846-14d3f9b2f30f.png?crop=center&height=300&v=1771261094&width=300 300w, //beautymarket.ma/cdn/shop/files/1_2_f5cc6235-527a-4f4a-a846-14d3f9b2f30f.png?crop=center&height=360&v=1771261094&width=360 360w, //beautymarket.ma/cdn/shop/files/1_2_f5cc6235-527a-4f4a-a846-14d3f9b2f30f.png?crop=center&height=400&v=1771261094&width=400 400w, //beautymarket.ma/cdn/shop/files/1_2_f5cc6235-527a-4f4a-a846-14d3f9b2f30f.png?crop=center&height=450&v=1771261094&width=450 450w, //beautymarket.ma/cdn/shop/files/1_2_f5cc6235-527a-4f4a-a846-14d3f9b2f30f.png?crop=center&height=500&v=1771261094&width=500 500w, //beautymarket.ma/cdn/shop/files/1_2_f5cc6235-527a-4f4a-a846-14d3f9b2f30f.png?crop=center&height=550&v=1771261094&width=550 550w, //beautymarket.ma/cdn/shop/files/1_2_f5cc6235-527a-4f4a-a846-14d3f9b2f30f.png?crop=center&height=600&v=1771261094&width=600 600w, //beautymarket.ma/cdn/shop/files/1_2_f5cc6235-527a-4f4a-a846-14d3f9b2f30f.png?crop=center&height=650&v=1771261094&width=650 650w, //beautymarket.ma/cdn/shop/files/1_2_f5cc6235-527a-4f4a-a846-14d3f9b2f30f.png?crop=center&height=700&v=1771261094&width=700 700w, //beautymarket.ma/cdn/shop/files/1_2_f5cc6235-527a-4f4a-a846-14d3f9b2f30f.png?crop=center&height=750&v=1771261094&width=750 750w, //beautymarket.ma/cdn/shop/files/1_2_f5cc6235-527a-4f4a-a846-14d3f9b2f30f.png?crop=center&height=800&v=1771261094&width=800 800w, //beautymarket.ma/cdn/shop/files/1_2_f5cc6235-527a-4f4a-a846-14d3f9b2f30f.png?crop=center&height=850&v=1771261094&width=850 850w, //beautymarket.ma/cdn/shop/files/1_2_f5cc6235-527a-4f4a-a846-14d3f9b2f30f.png?crop=center&height=900&v=1771261094&width=900 900w, //beautymarket.ma/cdn/shop/files/1_2_f5cc6235-527a-4f4a-a846-14d3f9b2f30f.png?crop=center&height=950&v=1771261094&width=950 950w, //beautymarket.ma/cdn/shop/files/1_2_f5cc6235-527a-4f4a-a846-14d3f9b2f30f.png?crop=center&height=1000&v=1771261094&width=1000 1000w, //beautymarket.ma/cdn/shop/files/1_2_f5cc6235-527a-4f4a-a846-14d3f9b2f30f.png?crop=center&height=1100&v=1771261094&width=1100 1100w, //beautymarket.ma/cdn/shop/files/1_2_f5cc6235-527a-4f4a-a846-14d3f9b2f30f.png?crop=center&height=1200&v=1771261094&width=1200 1200w, //beautymarket.ma/cdn/shop/files/1_2_f5cc6235-527a-4f4a-a846-14d3f9b2f30f.png?crop=center&height=1300&v=1771261094&width=1300 1300w, //beautymarket.ma/cdn/shop/files/1_2_f5cc6235-527a-4f4a-a846-14d3f9b2f30f.png?crop=center&height=1400&v=1771261094&width=1400 1400w, //beautymarket.ma/cdn/shop/files/1_2_f5cc6235-527a-4f4a-a846-14d3f9b2f30f.png?crop=center&height=1500&v=1771261094&width=1500 1500w, //beautymarket.ma/cdn/shop/files/1_2_f5cc6235-527a-4f4a-a846-14d3f9b2f30f.png?crop=center&height=1600&v=1771261094&width=1600 1600w, //beautymarket.ma/cdn/shop/files/1_2_f5cc6235-527a-4f4a-a846-14d3f9b2f30f.png?crop=center&height=1700&v=1771261094&width=1700 1700w, //beautymarket.ma/cdn/shop/files/1_2_f5cc6235-527a-4f4a-a846-14d3f9b2f30f.png?crop=center&height=1800&v=1771261094&width=1800 1800w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div><div
class="image product-item__image product-item__image--two aspect-ratio--square"
style="--object-fit: cover;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="3375"
height="3375"
src="//beautymarket.ma/cdn/shop/files/2_2_693e7b7f-a486-4cf2-ae24-a8950b8a13aa.png?v=1771261094&width=320"
srcset="//beautymarket.ma/cdn/shop/files/2_2_693e7b7f-a486-4cf2-ae24-a8950b8a13aa.png?crop=center&height=150&v=1771261094&width=150 150w, //beautymarket.ma/cdn/shop/files/2_2_693e7b7f-a486-4cf2-ae24-a8950b8a13aa.png?crop=center&height=200&v=1771261094&width=200 200w, //beautymarket.ma/cdn/shop/files/2_2_693e7b7f-a486-4cf2-ae24-a8950b8a13aa.png?crop=center&height=240&v=1771261094&width=240 240w, //beautymarket.ma/cdn/shop/files/2_2_693e7b7f-a486-4cf2-ae24-a8950b8a13aa.png?crop=center&height=280&v=1771261094&width=280 280w, //beautymarket.ma/cdn/shop/files/2_2_693e7b7f-a486-4cf2-ae24-a8950b8a13aa.png?crop=center&height=300&v=1771261094&width=300 300w, //beautymarket.ma/cdn/shop/files/2_2_693e7b7f-a486-4cf2-ae24-a8950b8a13aa.png?crop=center&height=360&v=1771261094&width=360 360w, //beautymarket.ma/cdn/shop/files/2_2_693e7b7f-a486-4cf2-ae24-a8950b8a13aa.png?crop=center&height=400&v=1771261094&width=400 400w, //beautymarket.ma/cdn/shop/files/2_2_693e7b7f-a486-4cf2-ae24-a8950b8a13aa.png?crop=center&height=450&v=1771261094&width=450 450w, //beautymarket.ma/cdn/shop/files/2_2_693e7b7f-a486-4cf2-ae24-a8950b8a13aa.png?crop=center&height=500&v=1771261094&width=500 500w, //beautymarket.ma/cdn/shop/files/2_2_693e7b7f-a486-4cf2-ae24-a8950b8a13aa.png?crop=center&height=550&v=1771261094&width=550 550w, //beautymarket.ma/cdn/shop/files/2_2_693e7b7f-a486-4cf2-ae24-a8950b8a13aa.png?crop=center&height=600&v=1771261094&width=600 600w, //beautymarket.ma/cdn/shop/files/2_2_693e7b7f-a486-4cf2-ae24-a8950b8a13aa.png?crop=center&height=650&v=1771261094&width=650 650w, //beautymarket.ma/cdn/shop/files/2_2_693e7b7f-a486-4cf2-ae24-a8950b8a13aa.png?crop=center&height=700&v=1771261094&width=700 700w, //beautymarket.ma/cdn/shop/files/2_2_693e7b7f-a486-4cf2-ae24-a8950b8a13aa.png?crop=center&height=750&v=1771261094&width=750 750w, //beautymarket.ma/cdn/shop/files/2_2_693e7b7f-a486-4cf2-ae24-a8950b8a13aa.png?crop=center&height=800&v=1771261094&width=800 800w, //beautymarket.ma/cdn/shop/files/2_2_693e7b7f-a486-4cf2-ae24-a8950b8a13aa.png?crop=center&height=850&v=1771261094&width=850 850w, //beautymarket.ma/cdn/shop/files/2_2_693e7b7f-a486-4cf2-ae24-a8950b8a13aa.png?crop=center&height=900&v=1771261094&width=900 900w, //beautymarket.ma/cdn/shop/files/2_2_693e7b7f-a486-4cf2-ae24-a8950b8a13aa.png?crop=center&height=950&v=1771261094&width=950 950w, //beautymarket.ma/cdn/shop/files/2_2_693e7b7f-a486-4cf2-ae24-a8950b8a13aa.png?crop=center&height=1000&v=1771261094&width=1000 1000w, //beautymarket.ma/cdn/shop/files/2_2_693e7b7f-a486-4cf2-ae24-a8950b8a13aa.png?crop=center&height=1100&v=1771261094&width=1100 1100w, //beautymarket.ma/cdn/shop/files/2_2_693e7b7f-a486-4cf2-ae24-a8950b8a13aa.png?crop=center&height=1200&v=1771261094&width=1200 1200w, //beautymarket.ma/cdn/shop/files/2_2_693e7b7f-a486-4cf2-ae24-a8950b8a13aa.png?crop=center&height=1300&v=1771261094&width=1300 1300w, //beautymarket.ma/cdn/shop/files/2_2_693e7b7f-a486-4cf2-ae24-a8950b8a13aa.png?crop=center&height=1400&v=1771261094&width=1400 1400w, //beautymarket.ma/cdn/shop/files/2_2_693e7b7f-a486-4cf2-ae24-a8950b8a13aa.png?crop=center&height=1500&v=1771261094&width=1500 1500w, //beautymarket.ma/cdn/shop/files/2_2_693e7b7f-a486-4cf2-ae24-a8950b8a13aa.png?crop=center&height=1600&v=1771261094&width=1600 1600w, //beautymarket.ma/cdn/shop/files/2_2_693e7b7f-a486-4cf2-ae24-a8950b8a13aa.png?crop=center&height=1700&v=1771261094&width=1700 1700w, //beautymarket.ma/cdn/shop/files/2_2_693e7b7f-a486-4cf2-ae24-a8950b8a13aa.png?crop=center&height=1800&v=1771261094&width=1800 1800w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>20% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/fond-de-teint/products/maybelline-fit-me-pwd-110"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/maybelline-fit-me-pwd-110">Maybelline - FIT ME PWD 110 FAIR IVORY</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">113.00 dh</s>
<span class="sale" data-price>90.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">113.00 dh</s>
<span class="sale" data-price>90.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8145724735663"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="44826482770095"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8145724735663'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_HVnxMX-8145724735663">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_HVnxMX-8145724735663"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/fond-de-teint/products/maybelline-fit-me-pwd-110"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8145724735663"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="44826482770095"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8145724735663'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_HVnxMX-8145724735663">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_HVnxMX-8145724735663"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8145731584175"
data-title="Maybelline - FIT ME PWD 115 IVORY"
data-url="/products/maybelline-fit-me-pwd-115-ivory"
data-variant-id="44826524811439"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/maybelline-fit-me-pwd-115-ivory"
aria-label="Maybelline - FIT ME PWD 115 IVORY"
><div
class="image product-item__image product-item__image--one aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="Maybelline - FIT ME PWD 115 IVORY"
class="image__img"
loading="lazy"
width="3375"
height="3375"
src="//beautymarket.ma/cdn/shop/files/115_2.png?v=1771261060&width=320"
srcset="//beautymarket.ma/cdn/shop/files/115_2.png?crop=center&height=150&v=1771261060&width=150 150w, //beautymarket.ma/cdn/shop/files/115_2.png?crop=center&height=200&v=1771261060&width=200 200w, //beautymarket.ma/cdn/shop/files/115_2.png?crop=center&height=240&v=1771261060&width=240 240w, //beautymarket.ma/cdn/shop/files/115_2.png?crop=center&height=280&v=1771261060&width=280 280w, //beautymarket.ma/cdn/shop/files/115_2.png?crop=center&height=300&v=1771261060&width=300 300w, //beautymarket.ma/cdn/shop/files/115_2.png?crop=center&height=360&v=1771261060&width=360 360w, //beautymarket.ma/cdn/shop/files/115_2.png?crop=center&height=400&v=1771261060&width=400 400w, //beautymarket.ma/cdn/shop/files/115_2.png?crop=center&height=450&v=1771261060&width=450 450w, //beautymarket.ma/cdn/shop/files/115_2.png?crop=center&height=500&v=1771261060&width=500 500w, //beautymarket.ma/cdn/shop/files/115_2.png?crop=center&height=550&v=1771261060&width=550 550w, //beautymarket.ma/cdn/shop/files/115_2.png?crop=center&height=600&v=1771261060&width=600 600w, //beautymarket.ma/cdn/shop/files/115_2.png?crop=center&height=650&v=1771261060&width=650 650w, //beautymarket.ma/cdn/shop/files/115_2.png?crop=center&height=700&v=1771261060&width=700 700w, //beautymarket.ma/cdn/shop/files/115_2.png?crop=center&height=750&v=1771261060&width=750 750w, //beautymarket.ma/cdn/shop/files/115_2.png?crop=center&height=800&v=1771261060&width=800 800w, //beautymarket.ma/cdn/shop/files/115_2.png?crop=center&height=850&v=1771261060&width=850 850w, //beautymarket.ma/cdn/shop/files/115_2.png?crop=center&height=900&v=1771261060&width=900 900w, //beautymarket.ma/cdn/shop/files/115_2.png?crop=center&height=950&v=1771261060&width=950 950w, //beautymarket.ma/cdn/shop/files/115_2.png?crop=center&height=1000&v=1771261060&width=1000 1000w, //beautymarket.ma/cdn/shop/files/115_2.png?crop=center&height=1100&v=1771261060&width=1100 1100w, //beautymarket.ma/cdn/shop/files/115_2.png?crop=center&height=1200&v=1771261060&width=1200 1200w, //beautymarket.ma/cdn/shop/files/115_2.png?crop=center&height=1300&v=1771261060&width=1300 1300w, //beautymarket.ma/cdn/shop/files/115_2.png?crop=center&height=1400&v=1771261060&width=1400 1400w, //beautymarket.ma/cdn/shop/files/115_2.png?crop=center&height=1500&v=1771261060&width=1500 1500w, //beautymarket.ma/cdn/shop/files/115_2.png?crop=center&height=1600&v=1771261060&width=1600 1600w, //beautymarket.ma/cdn/shop/files/115_2.png?crop=center&height=1700&v=1771261060&width=1700 1700w, //beautymarket.ma/cdn/shop/files/115_2.png?crop=center&height=1800&v=1771261060&width=1800 1800w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div><div
class="image product-item__image product-item__image--two aspect-ratio--square"
style="--object-fit: cover;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="3375"
height="3375"
src="//beautymarket.ma/cdn/shop/files/1151_2.png?v=1771261060&width=320"
srcset="//beautymarket.ma/cdn/shop/files/1151_2.png?crop=center&height=150&v=1771261060&width=150 150w, //beautymarket.ma/cdn/shop/files/1151_2.png?crop=center&height=200&v=1771261060&width=200 200w, //beautymarket.ma/cdn/shop/files/1151_2.png?crop=center&height=240&v=1771261060&width=240 240w, //beautymarket.ma/cdn/shop/files/1151_2.png?crop=center&height=280&v=1771261060&width=280 280w, //beautymarket.ma/cdn/shop/files/1151_2.png?crop=center&height=300&v=1771261060&width=300 300w, //beautymarket.ma/cdn/shop/files/1151_2.png?crop=center&height=360&v=1771261060&width=360 360w, //beautymarket.ma/cdn/shop/files/1151_2.png?crop=center&height=400&v=1771261060&width=400 400w, //beautymarket.ma/cdn/shop/files/1151_2.png?crop=center&height=450&v=1771261060&width=450 450w, //beautymarket.ma/cdn/shop/files/1151_2.png?crop=center&height=500&v=1771261060&width=500 500w, //beautymarket.ma/cdn/shop/files/1151_2.png?crop=center&height=550&v=1771261060&width=550 550w, //beautymarket.ma/cdn/shop/files/1151_2.png?crop=center&height=600&v=1771261060&width=600 600w, //beautymarket.ma/cdn/shop/files/1151_2.png?crop=center&height=650&v=1771261060&width=650 650w, //beautymarket.ma/cdn/shop/files/1151_2.png?crop=center&height=700&v=1771261060&width=700 700w, //beautymarket.ma/cdn/shop/files/1151_2.png?crop=center&height=750&v=1771261060&width=750 750w, //beautymarket.ma/cdn/shop/files/1151_2.png?crop=center&height=800&v=1771261060&width=800 800w, //beautymarket.ma/cdn/shop/files/1151_2.png?crop=center&height=850&v=1771261060&width=850 850w, //beautymarket.ma/cdn/shop/files/1151_2.png?crop=center&height=900&v=1771261060&width=900 900w, //beautymarket.ma/cdn/shop/files/1151_2.png?crop=center&height=950&v=1771261060&width=950 950w, //beautymarket.ma/cdn/shop/files/1151_2.png?crop=center&height=1000&v=1771261060&width=1000 1000w, //beautymarket.ma/cdn/shop/files/1151_2.png?crop=center&height=1100&v=1771261060&width=1100 1100w, //beautymarket.ma/cdn/shop/files/1151_2.png?crop=center&height=1200&v=1771261060&width=1200 1200w, //beautymarket.ma/cdn/shop/files/1151_2.png?crop=center&height=1300&v=1771261060&width=1300 1300w, //beautymarket.ma/cdn/shop/files/1151_2.png?crop=center&height=1400&v=1771261060&width=1400 1400w, //beautymarket.ma/cdn/shop/files/1151_2.png?crop=center&height=1500&v=1771261060&width=1500 1500w, //beautymarket.ma/cdn/shop/files/1151_2.png?crop=center&height=1600&v=1771261060&width=1600 1600w, //beautymarket.ma/cdn/shop/files/1151_2.png?crop=center&height=1700&v=1771261060&width=1700 1700w, //beautymarket.ma/cdn/shop/files/1151_2.png?crop=center&height=1800&v=1771261060&width=1800 1800w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>30% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/fond-de-teint/products/maybelline-fit-me-pwd-115-ivory"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/maybelline-fit-me-pwd-115-ivory">Maybelline - FIT ME PWD 115 IVORY</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">129.00 dh</s>
<span class="sale" data-price>90.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">129.00 dh</s>
<span class="sale" data-price>90.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8145731584175"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="44826524811439"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8145731584175'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_HVnxMX-8145731584175">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_HVnxMX-8145731584175"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/fond-de-teint/products/maybelline-fit-me-pwd-115-ivory"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8145731584175"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="44826524811439"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8145731584175'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_HVnxMX-8145731584175">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_HVnxMX-8145731584175"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8111631040687"
data-title="Maybelline - FIT ME CONCEALER"
data-url="/products/maybelline-fit-me-concealer-2"
data-variant-id="44590725562543"
data-quantity-in-cart="0"
data-product-has-single-variant="false"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/maybelline-fit-me-concealer-2"
aria-label="Maybelline - FIT ME CONCEALER"
><div
class="image product-item__image product-item__image--one aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="Maybelline - FIT ME CONCEALER"
class="image__img"
loading="lazy"
width="1000"
height="1000"
src="//beautymarket.ma/cdn/shop/files/6111041179892_-_1.png?v=1771261175&width=320"
srcset="//beautymarket.ma/cdn/shop/files/6111041179892_-_1.png?crop=center&height=150&v=1771261175&width=150 150w, //beautymarket.ma/cdn/shop/files/6111041179892_-_1.png?crop=center&height=200&v=1771261175&width=200 200w, //beautymarket.ma/cdn/shop/files/6111041179892_-_1.png?crop=center&height=240&v=1771261175&width=240 240w, //beautymarket.ma/cdn/shop/files/6111041179892_-_1.png?crop=center&height=280&v=1771261175&width=280 280w, //beautymarket.ma/cdn/shop/files/6111041179892_-_1.png?crop=center&height=300&v=1771261175&width=300 300w, //beautymarket.ma/cdn/shop/files/6111041179892_-_1.png?crop=center&height=360&v=1771261175&width=360 360w, //beautymarket.ma/cdn/shop/files/6111041179892_-_1.png?crop=center&height=400&v=1771261175&width=400 400w, //beautymarket.ma/cdn/shop/files/6111041179892_-_1.png?crop=center&height=450&v=1771261175&width=450 450w, //beautymarket.ma/cdn/shop/files/6111041179892_-_1.png?crop=center&height=500&v=1771261175&width=500 500w, //beautymarket.ma/cdn/shop/files/6111041179892_-_1.png?crop=center&height=550&v=1771261175&width=550 550w, //beautymarket.ma/cdn/shop/files/6111041179892_-_1.png?crop=center&height=600&v=1771261175&width=600 600w, //beautymarket.ma/cdn/shop/files/6111041179892_-_1.png?crop=center&height=650&v=1771261175&width=650 650w, //beautymarket.ma/cdn/shop/files/6111041179892_-_1.png?crop=center&height=700&v=1771261175&width=700 700w, //beautymarket.ma/cdn/shop/files/6111041179892_-_1.png?crop=center&height=750&v=1771261175&width=750 750w, //beautymarket.ma/cdn/shop/files/6111041179892_-_1.png?crop=center&height=800&v=1771261175&width=800 800w, //beautymarket.ma/cdn/shop/files/6111041179892_-_1.png?crop=center&height=850&v=1771261175&width=850 850w, //beautymarket.ma/cdn/shop/files/6111041179892_-_1.png?crop=center&height=900&v=1771261175&width=900 900w, //beautymarket.ma/cdn/shop/files/6111041179892_-_1.png?crop=center&height=950&v=1771261175&width=950 950w, //beautymarket.ma/cdn/shop/files/6111041179892_-_1.png?crop=center&height=1000&v=1771261175&width=1000 1000w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div><div
class="image product-item__image product-item__image--two aspect-ratio--square"
style="--object-fit: cover;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="1000"
height="1000"
src="//beautymarket.ma/cdn/shop/files/6111041179908_-_1.png?v=1771261175&width=320"
srcset="//beautymarket.ma/cdn/shop/files/6111041179908_-_1.png?crop=center&height=150&v=1771261175&width=150 150w, //beautymarket.ma/cdn/shop/files/6111041179908_-_1.png?crop=center&height=200&v=1771261175&width=200 200w, //beautymarket.ma/cdn/shop/files/6111041179908_-_1.png?crop=center&height=240&v=1771261175&width=240 240w, //beautymarket.ma/cdn/shop/files/6111041179908_-_1.png?crop=center&height=280&v=1771261175&width=280 280w, //beautymarket.ma/cdn/shop/files/6111041179908_-_1.png?crop=center&height=300&v=1771261175&width=300 300w, //beautymarket.ma/cdn/shop/files/6111041179908_-_1.png?crop=center&height=360&v=1771261175&width=360 360w, //beautymarket.ma/cdn/shop/files/6111041179908_-_1.png?crop=center&height=400&v=1771261175&width=400 400w, //beautymarket.ma/cdn/shop/files/6111041179908_-_1.png?crop=center&height=450&v=1771261175&width=450 450w, //beautymarket.ma/cdn/shop/files/6111041179908_-_1.png?crop=center&height=500&v=1771261175&width=500 500w, //beautymarket.ma/cdn/shop/files/6111041179908_-_1.png?crop=center&height=550&v=1771261175&width=550 550w, //beautymarket.ma/cdn/shop/files/6111041179908_-_1.png?crop=center&height=600&v=1771261175&width=600 600w, //beautymarket.ma/cdn/shop/files/6111041179908_-_1.png?crop=center&height=650&v=1771261175&width=650 650w, //beautymarket.ma/cdn/shop/files/6111041179908_-_1.png?crop=center&height=700&v=1771261175&width=700 700w, //beautymarket.ma/cdn/shop/files/6111041179908_-_1.png?crop=center&height=750&v=1771261175&width=750 750w, //beautymarket.ma/cdn/shop/files/6111041179908_-_1.png?crop=center&height=800&v=1771261175&width=800 800w, //beautymarket.ma/cdn/shop/files/6111041179908_-_1.png?crop=center&height=850&v=1771261175&width=850 850w, //beautymarket.ma/cdn/shop/files/6111041179908_-_1.png?crop=center&height=900&v=1771261175&width=900 900w, //beautymarket.ma/cdn/shop/files/6111041179908_-_1.png?crop=center&height=950&v=1771261175&width=950 950w, //beautymarket.ma/cdn/shop/files/6111041179908_-_1.png?crop=center&height=1000&v=1771261175&width=1000 1000w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>27% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/fond-de-teint/products/maybelline-fit-me-concealer-2"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/maybelline-fit-me-concealer-2">Maybelline - FIT ME CONCEALER</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">202.00 dh</s>
<span class="sale" data-price>149.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">202.00 dh</s>
<span class="sale" data-price>149.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="true"
data-quantity-in-cart="0"
data-product-id="8111631040687"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="44590725562543"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Choisir les options</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8111631040687'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_HVnxMX-8111631040687">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_HVnxMX-8111631040687"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/fond-de-teint/products/maybelline-fit-me-concealer-2"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="true"
data-quantity-in-cart="0"
data-product-id="8111631040687"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="44590725562543"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Choisir les options</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8111631040687'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_HVnxMX-8111631040687">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_HVnxMX-8111631040687"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8140354650287"
data-title="Maybelline Instant Anti-Âge L’Effaceur Correcteur 2 NUDE"
data-url="/products/maybelline-instant-anti-age-l-effaceur-correcteur-02-nude"
data-variant-id="44791070163119"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/maybelline-instant-anti-age-l-effaceur-correcteur-02-nude"
aria-label="Maybelline Instant Anti-Âge L’Effaceur Correcteur 2 NUDE"
><div
class="image product-item__image product-item__image--one aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="Maybelline Instant Anti-Âge L’Effaceur Correcteur 2 NUDE"
class="image__img"
loading="lazy"
width="3375"
height="3375"
src="//beautymarket.ma/cdn/shop/files/02_ce5a0073-8431-4615-8590-78ac6deac03d.png?v=1751291161&width=320"
srcset="//beautymarket.ma/cdn/shop/files/02_ce5a0073-8431-4615-8590-78ac6deac03d.png?crop=center&height=150&v=1751291161&width=150 150w, //beautymarket.ma/cdn/shop/files/02_ce5a0073-8431-4615-8590-78ac6deac03d.png?crop=center&height=200&v=1751291161&width=200 200w, //beautymarket.ma/cdn/shop/files/02_ce5a0073-8431-4615-8590-78ac6deac03d.png?crop=center&height=240&v=1751291161&width=240 240w, //beautymarket.ma/cdn/shop/files/02_ce5a0073-8431-4615-8590-78ac6deac03d.png?crop=center&height=280&v=1751291161&width=280 280w, //beautymarket.ma/cdn/shop/files/02_ce5a0073-8431-4615-8590-78ac6deac03d.png?crop=center&height=300&v=1751291161&width=300 300w, //beautymarket.ma/cdn/shop/files/02_ce5a0073-8431-4615-8590-78ac6deac03d.png?crop=center&height=360&v=1751291161&width=360 360w, //beautymarket.ma/cdn/shop/files/02_ce5a0073-8431-4615-8590-78ac6deac03d.png?crop=center&height=400&v=1751291161&width=400 400w, //beautymarket.ma/cdn/shop/files/02_ce5a0073-8431-4615-8590-78ac6deac03d.png?crop=center&height=450&v=1751291161&width=450 450w, //beautymarket.ma/cdn/shop/files/02_ce5a0073-8431-4615-8590-78ac6deac03d.png?crop=center&height=500&v=1751291161&width=500 500w, //beautymarket.ma/cdn/shop/files/02_ce5a0073-8431-4615-8590-78ac6deac03d.png?crop=center&height=550&v=1751291161&width=550 550w, //beautymarket.ma/cdn/shop/files/02_ce5a0073-8431-4615-8590-78ac6deac03d.png?crop=center&height=600&v=1751291161&width=600 600w, //beautymarket.ma/cdn/shop/files/02_ce5a0073-8431-4615-8590-78ac6deac03d.png?crop=center&height=650&v=1751291161&width=650 650w, //beautymarket.ma/cdn/shop/files/02_ce5a0073-8431-4615-8590-78ac6deac03d.png?crop=center&height=700&v=1751291161&width=700 700w, //beautymarket.ma/cdn/shop/files/02_ce5a0073-8431-4615-8590-78ac6deac03d.png?crop=center&height=750&v=1751291161&width=750 750w, //beautymarket.ma/cdn/shop/files/02_ce5a0073-8431-4615-8590-78ac6deac03d.png?crop=center&height=800&v=1751291161&width=800 800w, //beautymarket.ma/cdn/shop/files/02_ce5a0073-8431-4615-8590-78ac6deac03d.png?crop=center&height=850&v=1751291161&width=850 850w, //beautymarket.ma/cdn/shop/files/02_ce5a0073-8431-4615-8590-78ac6deac03d.png?crop=center&height=900&v=1751291161&width=900 900w, //beautymarket.ma/cdn/shop/files/02_ce5a0073-8431-4615-8590-78ac6deac03d.png?crop=center&height=950&v=1751291161&width=950 950w, //beautymarket.ma/cdn/shop/files/02_ce5a0073-8431-4615-8590-78ac6deac03d.png?crop=center&height=1000&v=1751291161&width=1000 1000w, //beautymarket.ma/cdn/shop/files/02_ce5a0073-8431-4615-8590-78ac6deac03d.png?crop=center&height=1100&v=1751291161&width=1100 1100w, //beautymarket.ma/cdn/shop/files/02_ce5a0073-8431-4615-8590-78ac6deac03d.png?crop=center&height=1200&v=1751291161&width=1200 1200w, //beautymarket.ma/cdn/shop/files/02_ce5a0073-8431-4615-8590-78ac6deac03d.png?crop=center&height=1300&v=1751291161&width=1300 1300w, //beautymarket.ma/cdn/shop/files/02_ce5a0073-8431-4615-8590-78ac6deac03d.png?crop=center&height=1400&v=1751291161&width=1400 1400w, //beautymarket.ma/cdn/shop/files/02_ce5a0073-8431-4615-8590-78ac6deac03d.png?crop=center&height=1500&v=1751291161&width=1500 1500w, //beautymarket.ma/cdn/shop/files/02_ce5a0073-8431-4615-8590-78ac6deac03d.png?crop=center&height=1600&v=1751291161&width=1600 1600w, //beautymarket.ma/cdn/shop/files/02_ce5a0073-8431-4615-8590-78ac6deac03d.png?crop=center&height=1700&v=1751291161&width=1700 1700w, //beautymarket.ma/cdn/shop/files/02_ce5a0073-8431-4615-8590-78ac6deac03d.png?crop=center&height=1800&v=1751291161&width=1800 1800w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div><div
class="image product-item__image product-item__image--two aspect-ratio--square"
style="--object-fit: cover;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="3375"
height="3375"
src="//beautymarket.ma/cdn/shop/files/022_28f82e78-6455-4833-9083-c5d6bc58b9e0.png?v=1751291161&width=320"
srcset="//beautymarket.ma/cdn/shop/files/022_28f82e78-6455-4833-9083-c5d6bc58b9e0.png?crop=center&height=150&v=1751291161&width=150 150w, //beautymarket.ma/cdn/shop/files/022_28f82e78-6455-4833-9083-c5d6bc58b9e0.png?crop=center&height=200&v=1751291161&width=200 200w, //beautymarket.ma/cdn/shop/files/022_28f82e78-6455-4833-9083-c5d6bc58b9e0.png?crop=center&height=240&v=1751291161&width=240 240w, //beautymarket.ma/cdn/shop/files/022_28f82e78-6455-4833-9083-c5d6bc58b9e0.png?crop=center&height=280&v=1751291161&width=280 280w, //beautymarket.ma/cdn/shop/files/022_28f82e78-6455-4833-9083-c5d6bc58b9e0.png?crop=center&height=300&v=1751291161&width=300 300w, //beautymarket.ma/cdn/shop/files/022_28f82e78-6455-4833-9083-c5d6bc58b9e0.png?crop=center&height=360&v=1751291161&width=360 360w, //beautymarket.ma/cdn/shop/files/022_28f82e78-6455-4833-9083-c5d6bc58b9e0.png?crop=center&height=400&v=1751291161&width=400 400w, //beautymarket.ma/cdn/shop/files/022_28f82e78-6455-4833-9083-c5d6bc58b9e0.png?crop=center&height=450&v=1751291161&width=450 450w, //beautymarket.ma/cdn/shop/files/022_28f82e78-6455-4833-9083-c5d6bc58b9e0.png?crop=center&height=500&v=1751291161&width=500 500w, //beautymarket.ma/cdn/shop/files/022_28f82e78-6455-4833-9083-c5d6bc58b9e0.png?crop=center&height=550&v=1751291161&width=550 550w, //beautymarket.ma/cdn/shop/files/022_28f82e78-6455-4833-9083-c5d6bc58b9e0.png?crop=center&height=600&v=1751291161&width=600 600w, //beautymarket.ma/cdn/shop/files/022_28f82e78-6455-4833-9083-c5d6bc58b9e0.png?crop=center&height=650&v=1751291161&width=650 650w, //beautymarket.ma/cdn/shop/files/022_28f82e78-6455-4833-9083-c5d6bc58b9e0.png?crop=center&height=700&v=1751291161&width=700 700w, //beautymarket.ma/cdn/shop/files/022_28f82e78-6455-4833-9083-c5d6bc58b9e0.png?crop=center&height=750&v=1751291161&width=750 750w, //beautymarket.ma/cdn/shop/files/022_28f82e78-6455-4833-9083-c5d6bc58b9e0.png?crop=center&height=800&v=1751291161&width=800 800w, //beautymarket.ma/cdn/shop/files/022_28f82e78-6455-4833-9083-c5d6bc58b9e0.png?crop=center&height=850&v=1751291161&width=850 850w, //beautymarket.ma/cdn/shop/files/022_28f82e78-6455-4833-9083-c5d6bc58b9e0.png?crop=center&height=900&v=1751291161&width=900 900w, //beautymarket.ma/cdn/shop/files/022_28f82e78-6455-4833-9083-c5d6bc58b9e0.png?crop=center&height=950&v=1751291161&width=950 950w, //beautymarket.ma/cdn/shop/files/022_28f82e78-6455-4833-9083-c5d6bc58b9e0.png?crop=center&height=1000&v=1751291161&width=1000 1000w, //beautymarket.ma/cdn/shop/files/022_28f82e78-6455-4833-9083-c5d6bc58b9e0.png?crop=center&height=1100&v=1751291161&width=1100 1100w, //beautymarket.ma/cdn/shop/files/022_28f82e78-6455-4833-9083-c5d6bc58b9e0.png?crop=center&height=1200&v=1751291161&width=1200 1200w, //beautymarket.ma/cdn/shop/files/022_28f82e78-6455-4833-9083-c5d6bc58b9e0.png?crop=center&height=1300&v=1751291161&width=1300 1300w, //beautymarket.ma/cdn/shop/files/022_28f82e78-6455-4833-9083-c5d6bc58b9e0.png?crop=center&height=1400&v=1751291161&width=1400 1400w, //beautymarket.ma/cdn/shop/files/022_28f82e78-6455-4833-9083-c5d6bc58b9e0.png?crop=center&height=1500&v=1751291161&width=1500 1500w, //beautymarket.ma/cdn/shop/files/022_28f82e78-6455-4833-9083-c5d6bc58b9e0.png?crop=center&height=1600&v=1751291161&width=1600 1600w, //beautymarket.ma/cdn/shop/files/022_28f82e78-6455-4833-9083-c5d6bc58b9e0.png?crop=center&height=1700&v=1751291161&width=1700 1700w, //beautymarket.ma/cdn/shop/files/022_28f82e78-6455-4833-9083-c5d6bc58b9e0.png?crop=center&height=1800&v=1751291161&width=1800 1800w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>14% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/fond-de-teint/products/maybelline-instant-anti-age-l-effaceur-correcteur-02-nude"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/maybelline-instant-anti-age-l-effaceur-correcteur-02-nude">Maybelline Instant Anti-Âge L’Effaceur Correcteur 2 NUDE</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">139.00 dh</s>
<span class="sale" data-price>119.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">139.00 dh</s>
<span class="sale" data-price>119.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8140354650287"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="44791070163119"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8140354650287'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_HVnxMX-8140354650287">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_HVnxMX-8140354650287"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/fond-de-teint/products/maybelline-instant-anti-age-l-effaceur-correcteur-02-nude"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8140354650287"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="44791070163119"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8140354650287'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_HVnxMX-8140354650287">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_HVnxMX-8140354650287"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8241094328495"
data-title="MAYBELLINE SUPERSTAY LUMI MATTE FOND DE TEINT 115"
data-url="/products/maybelline-superstay-lumi-matte-fond-de-teint-115"
data-variant-id="45439728320687"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/maybelline-superstay-lumi-matte-fond-de-teint-115"
aria-label="MAYBELLINE SUPERSTAY LUMI MATTE FOND DE TEINT 115"
><div
class="image product-item__image product-item__image--one aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="MAYBELLINE SUPERSTAY LUMI MATTE FOND DE TEINT 115"
class="image__img"
loading="lazy"
width="595"
height="655"
src="//beautymarket.ma/cdn/shop/files/Plandetravail1_c1e884f3-82a0-4f21-95c3-2e12752c2ddb.png?v=1749815229&width=320"
srcset="//beautymarket.ma/cdn/shop/files/Plandetravail1_c1e884f3-82a0-4f21-95c3-2e12752c2ddb.png?crop=center&height=150&v=1749815229&width=150 150w, //beautymarket.ma/cdn/shop/files/Plandetravail1_c1e884f3-82a0-4f21-95c3-2e12752c2ddb.png?crop=center&height=200&v=1749815229&width=200 200w, //beautymarket.ma/cdn/shop/files/Plandetravail1_c1e884f3-82a0-4f21-95c3-2e12752c2ddb.png?crop=center&height=240&v=1749815229&width=240 240w, //beautymarket.ma/cdn/shop/files/Plandetravail1_c1e884f3-82a0-4f21-95c3-2e12752c2ddb.png?crop=center&height=280&v=1749815229&width=280 280w, //beautymarket.ma/cdn/shop/files/Plandetravail1_c1e884f3-82a0-4f21-95c3-2e12752c2ddb.png?crop=center&height=300&v=1749815229&width=300 300w, //beautymarket.ma/cdn/shop/files/Plandetravail1_c1e884f3-82a0-4f21-95c3-2e12752c2ddb.png?crop=center&height=360&v=1749815229&width=360 360w, //beautymarket.ma/cdn/shop/files/Plandetravail1_c1e884f3-82a0-4f21-95c3-2e12752c2ddb.png?crop=center&height=400&v=1749815229&width=400 400w, //beautymarket.ma/cdn/shop/files/Plandetravail1_c1e884f3-82a0-4f21-95c3-2e12752c2ddb.png?crop=center&height=450&v=1749815229&width=450 450w, //beautymarket.ma/cdn/shop/files/Plandetravail1_c1e884f3-82a0-4f21-95c3-2e12752c2ddb.png?crop=center&height=500&v=1749815229&width=500 500w, //beautymarket.ma/cdn/shop/files/Plandetravail1_c1e884f3-82a0-4f21-95c3-2e12752c2ddb.png?crop=center&height=550&v=1749815229&width=550 550w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div><div
class="image product-item__image product-item__image--two aspect-ratio--square"
style="--object-fit: cover;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="595"
height="655"
src="//beautymarket.ma/cdn/shop/files/Plandetravail1copie_78d2f30a-41f6-46e2-915c-8fac4acdfcb1.png?v=1749815229&width=320"
srcset="//beautymarket.ma/cdn/shop/files/Plandetravail1copie_78d2f30a-41f6-46e2-915c-8fac4acdfcb1.png?crop=center&height=150&v=1749815229&width=150 150w, //beautymarket.ma/cdn/shop/files/Plandetravail1copie_78d2f30a-41f6-46e2-915c-8fac4acdfcb1.png?crop=center&height=200&v=1749815229&width=200 200w, //beautymarket.ma/cdn/shop/files/Plandetravail1copie_78d2f30a-41f6-46e2-915c-8fac4acdfcb1.png?crop=center&height=240&v=1749815229&width=240 240w, //beautymarket.ma/cdn/shop/files/Plandetravail1copie_78d2f30a-41f6-46e2-915c-8fac4acdfcb1.png?crop=center&height=280&v=1749815229&width=280 280w, //beautymarket.ma/cdn/shop/files/Plandetravail1copie_78d2f30a-41f6-46e2-915c-8fac4acdfcb1.png?crop=center&height=300&v=1749815229&width=300 300w, //beautymarket.ma/cdn/shop/files/Plandetravail1copie_78d2f30a-41f6-46e2-915c-8fac4acdfcb1.png?crop=center&height=360&v=1749815229&width=360 360w, //beautymarket.ma/cdn/shop/files/Plandetravail1copie_78d2f30a-41f6-46e2-915c-8fac4acdfcb1.png?crop=center&height=400&v=1749815229&width=400 400w, //beautymarket.ma/cdn/shop/files/Plandetravail1copie_78d2f30a-41f6-46e2-915c-8fac4acdfcb1.png?crop=center&height=450&v=1749815229&width=450 450w, //beautymarket.ma/cdn/shop/files/Plandetravail1copie_78d2f30a-41f6-46e2-915c-8fac4acdfcb1.png?crop=center&height=500&v=1749815229&width=500 500w, //beautymarket.ma/cdn/shop/files/Plandetravail1copie_78d2f30a-41f6-46e2-915c-8fac4acdfcb1.png?crop=center&height=550&v=1749815229&width=550 550w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>20% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/fond-de-teint/products/maybelline-superstay-lumi-matte-fond-de-teint-115"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/maybelline-superstay-lumi-matte-fond-de-teint-115">MAYBELLINE SUPERSTAY LUMI MATTE FOND DE TEINT 115</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">150.00 dh</s>
<span class="sale" data-price>120.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">150.00 dh</s>
<span class="sale" data-price>120.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8241094328495"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="45439728320687"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8241094328495'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_HVnxMX-8241094328495">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_HVnxMX-8241094328495"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/fond-de-teint/products/maybelline-superstay-lumi-matte-fond-de-teint-115"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8241094328495"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="45439728320687"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8241094328495'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_HVnxMX-8241094328495">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_HVnxMX-8241094328495"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8140372181167"
data-title="Maybelline Instant Anti-Âge L’Effaceur Correcteur 6 NEUTRALIZER"
data-url="/products/maybelline-instant-anti-age-l-effaceur-correcteur-6-neutralizer"
data-variant-id="44791188422831"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/maybelline-instant-anti-age-l-effaceur-correcteur-6-neutralizer"
aria-label="Maybelline Instant Anti-Âge L’Effaceur Correcteur 6 NEUTRALIZER"
><div
class="image product-item__image product-item__image--one aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="Maybelline Instant Anti-Âge L’Effaceur Correcteur 6 NEUTRALIZER"
class="image__img"
loading="lazy"
width="3375"
height="3375"
src="//beautymarket.ma/cdn/shop/files/6_2.png?v=1751291196&width=320"
srcset="//beautymarket.ma/cdn/shop/files/6_2.png?crop=center&height=150&v=1751291196&width=150 150w, //beautymarket.ma/cdn/shop/files/6_2.png?crop=center&height=200&v=1751291196&width=200 200w, //beautymarket.ma/cdn/shop/files/6_2.png?crop=center&height=240&v=1751291196&width=240 240w, //beautymarket.ma/cdn/shop/files/6_2.png?crop=center&height=280&v=1751291196&width=280 280w, //beautymarket.ma/cdn/shop/files/6_2.png?crop=center&height=300&v=1751291196&width=300 300w, //beautymarket.ma/cdn/shop/files/6_2.png?crop=center&height=360&v=1751291196&width=360 360w, //beautymarket.ma/cdn/shop/files/6_2.png?crop=center&height=400&v=1751291196&width=400 400w, //beautymarket.ma/cdn/shop/files/6_2.png?crop=center&height=450&v=1751291196&width=450 450w, //beautymarket.ma/cdn/shop/files/6_2.png?crop=center&height=500&v=1751291196&width=500 500w, //beautymarket.ma/cdn/shop/files/6_2.png?crop=center&height=550&v=1751291196&width=550 550w, //beautymarket.ma/cdn/shop/files/6_2.png?crop=center&height=600&v=1751291196&width=600 600w, //beautymarket.ma/cdn/shop/files/6_2.png?crop=center&height=650&v=1751291196&width=650 650w, //beautymarket.ma/cdn/shop/files/6_2.png?crop=center&height=700&v=1751291196&width=700 700w, //beautymarket.ma/cdn/shop/files/6_2.png?crop=center&height=750&v=1751291196&width=750 750w, //beautymarket.ma/cdn/shop/files/6_2.png?crop=center&height=800&v=1751291196&width=800 800w, //beautymarket.ma/cdn/shop/files/6_2.png?crop=center&height=850&v=1751291196&width=850 850w, //beautymarket.ma/cdn/shop/files/6_2.png?crop=center&height=900&v=1751291196&width=900 900w, //beautymarket.ma/cdn/shop/files/6_2.png?crop=center&height=950&v=1751291196&width=950 950w, //beautymarket.ma/cdn/shop/files/6_2.png?crop=center&height=1000&v=1751291196&width=1000 1000w, //beautymarket.ma/cdn/shop/files/6_2.png?crop=center&height=1100&v=1751291196&width=1100 1100w, //beautymarket.ma/cdn/shop/files/6_2.png?crop=center&height=1200&v=1751291196&width=1200 1200w, //beautymarket.ma/cdn/shop/files/6_2.png?crop=center&height=1300&v=1751291196&width=1300 1300w, //beautymarket.ma/cdn/shop/files/6_2.png?crop=center&height=1400&v=1751291196&width=1400 1400w, //beautymarket.ma/cdn/shop/files/6_2.png?crop=center&height=1500&v=1751291196&width=1500 1500w, //beautymarket.ma/cdn/shop/files/6_2.png?crop=center&height=1600&v=1751291196&width=1600 1600w, //beautymarket.ma/cdn/shop/files/6_2.png?crop=center&height=1700&v=1751291196&width=1700 1700w, //beautymarket.ma/cdn/shop/files/6_2.png?crop=center&height=1800&v=1751291196&width=1800 1800w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div><div
class="image product-item__image product-item__image--two aspect-ratio--square"
style="--object-fit: cover;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="3375"
height="3375"
src="//beautymarket.ma/cdn/shop/files/06_2.png?v=1751291196&width=320"
srcset="//beautymarket.ma/cdn/shop/files/06_2.png?crop=center&height=150&v=1751291196&width=150 150w, //beautymarket.ma/cdn/shop/files/06_2.png?crop=center&height=200&v=1751291196&width=200 200w, //beautymarket.ma/cdn/shop/files/06_2.png?crop=center&height=240&v=1751291196&width=240 240w, //beautymarket.ma/cdn/shop/files/06_2.png?crop=center&height=280&v=1751291196&width=280 280w, //beautymarket.ma/cdn/shop/files/06_2.png?crop=center&height=300&v=1751291196&width=300 300w, //beautymarket.ma/cdn/shop/files/06_2.png?crop=center&height=360&v=1751291196&width=360 360w, //beautymarket.ma/cdn/shop/files/06_2.png?crop=center&height=400&v=1751291196&width=400 400w, //beautymarket.ma/cdn/shop/files/06_2.png?crop=center&height=450&v=1751291196&width=450 450w, //beautymarket.ma/cdn/shop/files/06_2.png?crop=center&height=500&v=1751291196&width=500 500w, //beautymarket.ma/cdn/shop/files/06_2.png?crop=center&height=550&v=1751291196&width=550 550w, //beautymarket.ma/cdn/shop/files/06_2.png?crop=center&height=600&v=1751291196&width=600 600w, //beautymarket.ma/cdn/shop/files/06_2.png?crop=center&height=650&v=1751291196&width=650 650w, //beautymarket.ma/cdn/shop/files/06_2.png?crop=center&height=700&v=1751291196&width=700 700w, //beautymarket.ma/cdn/shop/files/06_2.png?crop=center&height=750&v=1751291196&width=750 750w, //beautymarket.ma/cdn/shop/files/06_2.png?crop=center&height=800&v=1751291196&width=800 800w, //beautymarket.ma/cdn/shop/files/06_2.png?crop=center&height=850&v=1751291196&width=850 850w, //beautymarket.ma/cdn/shop/files/06_2.png?crop=center&height=900&v=1751291196&width=900 900w, //beautymarket.ma/cdn/shop/files/06_2.png?crop=center&height=950&v=1751291196&width=950 950w, //beautymarket.ma/cdn/shop/files/06_2.png?crop=center&height=1000&v=1751291196&width=1000 1000w, //beautymarket.ma/cdn/shop/files/06_2.png?crop=center&height=1100&v=1751291196&width=1100 1100w, //beautymarket.ma/cdn/shop/files/06_2.png?crop=center&height=1200&v=1751291196&width=1200 1200w, //beautymarket.ma/cdn/shop/files/06_2.png?crop=center&height=1300&v=1751291196&width=1300 1300w, //beautymarket.ma/cdn/shop/files/06_2.png?crop=center&height=1400&v=1751291196&width=1400 1400w, //beautymarket.ma/cdn/shop/files/06_2.png?crop=center&height=1500&v=1751291196&width=1500 1500w, //beautymarket.ma/cdn/shop/files/06_2.png?crop=center&height=1600&v=1751291196&width=1600 1600w, //beautymarket.ma/cdn/shop/files/06_2.png?crop=center&height=1700&v=1751291196&width=1700 1700w, //beautymarket.ma/cdn/shop/files/06_2.png?crop=center&height=1800&v=1751291196&width=1800 1800w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>14% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/fond-de-teint/products/maybelline-instant-anti-age-l-effaceur-correcteur-6-neutralizer"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/maybelline-instant-anti-age-l-effaceur-correcteur-6-neutralizer">Maybelline Instant Anti-Âge L’Effaceur Correcteur 6 NEUTRALIZER</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">139.00 dh</s>
<span class="sale" data-price>119.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">139.00 dh</s>
<span class="sale" data-price>119.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8140372181167"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="44791188422831"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8140372181167'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_HVnxMX-8140372181167">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_HVnxMX-8140372181167"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/fond-de-teint/products/maybelline-instant-anti-age-l-effaceur-correcteur-6-neutralizer"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8140372181167"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="44791188422831"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8140372181167'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_HVnxMX-8140372181167">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_HVnxMX-8140372181167"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8241094951087"
data-title="MAYBELLINE SUPERSTAY LUMI MATTE FOND DE TEINT 119"
data-url="/products/maybelline-superstay-lumi-matte-fond-de-teint-119"
data-variant-id="45439730614447"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/maybelline-superstay-lumi-matte-fond-de-teint-119"
aria-label="MAYBELLINE SUPERSTAY LUMI MATTE FOND DE TEINT 119"
><div
class="image product-item__image product-item__image--one aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="MAYBELLINE SUPERSTAY LUMI MATTE FOND DE TEINT 119"
class="image__img"
loading="lazy"
width="595"
height="655"
src="//beautymarket.ma/cdn/shop/files/Plandetravail1copie6.png?v=1762463956&width=320"
srcset="//beautymarket.ma/cdn/shop/files/Plandetravail1copie6.png?crop=center&height=150&v=1762463956&width=150 150w, //beautymarket.ma/cdn/shop/files/Plandetravail1copie6.png?crop=center&height=200&v=1762463956&width=200 200w, //beautymarket.ma/cdn/shop/files/Plandetravail1copie6.png?crop=center&height=240&v=1762463956&width=240 240w, //beautymarket.ma/cdn/shop/files/Plandetravail1copie6.png?crop=center&height=280&v=1762463956&width=280 280w, //beautymarket.ma/cdn/shop/files/Plandetravail1copie6.png?crop=center&height=300&v=1762463956&width=300 300w, //beautymarket.ma/cdn/shop/files/Plandetravail1copie6.png?crop=center&height=360&v=1762463956&width=360 360w, //beautymarket.ma/cdn/shop/files/Plandetravail1copie6.png?crop=center&height=400&v=1762463956&width=400 400w, //beautymarket.ma/cdn/shop/files/Plandetravail1copie6.png?crop=center&height=450&v=1762463956&width=450 450w, //beautymarket.ma/cdn/shop/files/Plandetravail1copie6.png?crop=center&height=500&v=1762463956&width=500 500w, //beautymarket.ma/cdn/shop/files/Plandetravail1copie6.png?crop=center&height=550&v=1762463956&width=550 550w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div><div
class="image product-item__image product-item__image--two aspect-ratio--square"
style="--object-fit: cover;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="595"
height="655"
src="//beautymarket.ma/cdn/shop/files/Plandetravail1copie8.png?v=1762463956&width=320"
srcset="//beautymarket.ma/cdn/shop/files/Plandetravail1copie8.png?crop=center&height=150&v=1762463956&width=150 150w, //beautymarket.ma/cdn/shop/files/Plandetravail1copie8.png?crop=center&height=200&v=1762463956&width=200 200w, //beautymarket.ma/cdn/shop/files/Plandetravail1copie8.png?crop=center&height=240&v=1762463956&width=240 240w, //beautymarket.ma/cdn/shop/files/Plandetravail1copie8.png?crop=center&height=280&v=1762463956&width=280 280w, //beautymarket.ma/cdn/shop/files/Plandetravail1copie8.png?crop=center&height=300&v=1762463956&width=300 300w, //beautymarket.ma/cdn/shop/files/Plandetravail1copie8.png?crop=center&height=360&v=1762463956&width=360 360w, //beautymarket.ma/cdn/shop/files/Plandetravail1copie8.png?crop=center&height=400&v=1762463956&width=400 400w, //beautymarket.ma/cdn/shop/files/Plandetravail1copie8.png?crop=center&height=450&v=1762463956&width=450 450w, //beautymarket.ma/cdn/shop/files/Plandetravail1copie8.png?crop=center&height=500&v=1762463956&width=500 500w, //beautymarket.ma/cdn/shop/files/Plandetravail1copie8.png?crop=center&height=550&v=1762463956&width=550 550w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>20% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/fond-de-teint/products/maybelline-superstay-lumi-matte-fond-de-teint-119"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/maybelline-superstay-lumi-matte-fond-de-teint-119">MAYBELLINE SUPERSTAY LUMI MATTE FOND DE TEINT 119</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">150.00 dh</s>
<span class="sale" data-price>120.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">150.00 dh</s>
<span class="sale" data-price>120.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8241094951087"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="45439730614447"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8241094951087'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_HVnxMX-8241094951087">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_HVnxMX-8241094951087"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/fond-de-teint/products/maybelline-superstay-lumi-matte-fond-de-teint-119"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8241094951087"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="45439730614447"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8241094951087'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_HVnxMX-8241094951087">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_HVnxMX-8241094951087"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="7609030541487"
data-title="L'oréal paris -infaillible fresh wear"
data-url="/products/infaillible-fresh-wear-ivory-20"
data-variant-id="42813187358895"
data-quantity-in-cart="0"
data-product-has-single-variant="false"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/infaillible-fresh-wear-ivory-20"
aria-label="L'oréal paris -infaillible fresh wear"
><div
class="image product-item__image product-item__image--one aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="L'oréal paris -infaillible fresh wear"
class="image__img"
loading="lazy"
width="595"
height="655"
src="//beautymarket.ma/cdn/shop/files/InfallibleFW_20.png?v=1696253425&width=320"
srcset="//beautymarket.ma/cdn/shop/files/InfallibleFW_20.png?crop=center&height=150&v=1696253425&width=150 150w, //beautymarket.ma/cdn/shop/files/InfallibleFW_20.png?crop=center&height=200&v=1696253425&width=200 200w, //beautymarket.ma/cdn/shop/files/InfallibleFW_20.png?crop=center&height=240&v=1696253425&width=240 240w, //beautymarket.ma/cdn/shop/files/InfallibleFW_20.png?crop=center&height=280&v=1696253425&width=280 280w, //beautymarket.ma/cdn/shop/files/InfallibleFW_20.png?crop=center&height=300&v=1696253425&width=300 300w, //beautymarket.ma/cdn/shop/files/InfallibleFW_20.png?crop=center&height=360&v=1696253425&width=360 360w, //beautymarket.ma/cdn/shop/files/InfallibleFW_20.png?crop=center&height=400&v=1696253425&width=400 400w, //beautymarket.ma/cdn/shop/files/InfallibleFW_20.png?crop=center&height=450&v=1696253425&width=450 450w, //beautymarket.ma/cdn/shop/files/InfallibleFW_20.png?crop=center&height=500&v=1696253425&width=500 500w, //beautymarket.ma/cdn/shop/files/InfallibleFW_20.png?crop=center&height=550&v=1696253425&width=550 550w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div><div
class="image product-item__image product-item__image--two aspect-ratio--square"
style="--object-fit: cover;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="595"
height="655"
src="//beautymarket.ma/cdn/shop/files/1_25_388ffeaf-e1da-4169-8657-e25ee74baf46.png?v=1697791333&width=320"
srcset="//beautymarket.ma/cdn/shop/files/1_25_388ffeaf-e1da-4169-8657-e25ee74baf46.png?crop=center&height=150&v=1697791333&width=150 150w, //beautymarket.ma/cdn/shop/files/1_25_388ffeaf-e1da-4169-8657-e25ee74baf46.png?crop=center&height=200&v=1697791333&width=200 200w, //beautymarket.ma/cdn/shop/files/1_25_388ffeaf-e1da-4169-8657-e25ee74baf46.png?crop=center&height=240&v=1697791333&width=240 240w, //beautymarket.ma/cdn/shop/files/1_25_388ffeaf-e1da-4169-8657-e25ee74baf46.png?crop=center&height=280&v=1697791333&width=280 280w, //beautymarket.ma/cdn/shop/files/1_25_388ffeaf-e1da-4169-8657-e25ee74baf46.png?crop=center&height=300&v=1697791333&width=300 300w, //beautymarket.ma/cdn/shop/files/1_25_388ffeaf-e1da-4169-8657-e25ee74baf46.png?crop=center&height=360&v=1697791333&width=360 360w, //beautymarket.ma/cdn/shop/files/1_25_388ffeaf-e1da-4169-8657-e25ee74baf46.png?crop=center&height=400&v=1697791333&width=400 400w, //beautymarket.ma/cdn/shop/files/1_25_388ffeaf-e1da-4169-8657-e25ee74baf46.png?crop=center&height=450&v=1697791333&width=450 450w, //beautymarket.ma/cdn/shop/files/1_25_388ffeaf-e1da-4169-8657-e25ee74baf46.png?crop=center&height=500&v=1697791333&width=500 500w, //beautymarket.ma/cdn/shop/files/1_25_388ffeaf-e1da-4169-8657-e25ee74baf46.png?crop=center&height=550&v=1697791333&width=550 550w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>22% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/fond-de-teint/products/infaillible-fresh-wear-ivory-20"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/infaillible-fresh-wear-ivory-20">L'oréal paris -infaillible fresh wear</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">225.00 dh</s>
<span class="sale" data-price>175.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">225.00 dh</s>
<span class="sale" data-price>175.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="true"
data-quantity-in-cart="0"
data-product-id="7609030541487"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="42813187358895"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Choisir les options</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='7609030541487'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_HVnxMX-7609030541487">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_HVnxMX-7609030541487"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/fond-de-teint/products/infaillible-fresh-wear-ivory-20"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="true"
data-quantity-in-cart="0"
data-product-id="7609030541487"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="42813187358895"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Choisir les options</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='7609030541487'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_HVnxMX-7609030541487">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_HVnxMX-7609030541487"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="7609030672559"
data-title="L'oréal paris -infaillble powder"
data-url="/products/infaillble-powder-120"
data-variant-id="42813086793903"
data-quantity-in-cart="0"
data-product-has-single-variant="false"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/infaillble-powder-120"
aria-label="L'oréal paris -infaillble powder"
><div
class="image product-item__image product-item__image--one aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="L'oréal paris -infaillble powder"
class="image__img"
loading="lazy"
width="1080"
height="1080"
src="//beautymarket.ma/cdn/shop/files/poudre.jpg?v=1757934590&width=320"
srcset="//beautymarket.ma/cdn/shop/files/poudre.jpg?crop=center&height=150&v=1757934590&width=150 150w, //beautymarket.ma/cdn/shop/files/poudre.jpg?crop=center&height=200&v=1757934590&width=200 200w, //beautymarket.ma/cdn/shop/files/poudre.jpg?crop=center&height=240&v=1757934590&width=240 240w, //beautymarket.ma/cdn/shop/files/poudre.jpg?crop=center&height=280&v=1757934590&width=280 280w, //beautymarket.ma/cdn/shop/files/poudre.jpg?crop=center&height=300&v=1757934590&width=300 300w, //beautymarket.ma/cdn/shop/files/poudre.jpg?crop=center&height=360&v=1757934590&width=360 360w, //beautymarket.ma/cdn/shop/files/poudre.jpg?crop=center&height=400&v=1757934590&width=400 400w, //beautymarket.ma/cdn/shop/files/poudre.jpg?crop=center&height=450&v=1757934590&width=450 450w, //beautymarket.ma/cdn/shop/files/poudre.jpg?crop=center&height=500&v=1757934590&width=500 500w, //beautymarket.ma/cdn/shop/files/poudre.jpg?crop=center&height=550&v=1757934590&width=550 550w, //beautymarket.ma/cdn/shop/files/poudre.jpg?crop=center&height=600&v=1757934590&width=600 600w, //beautymarket.ma/cdn/shop/files/poudre.jpg?crop=center&height=650&v=1757934590&width=650 650w, //beautymarket.ma/cdn/shop/files/poudre.jpg?crop=center&height=700&v=1757934590&width=700 700w, //beautymarket.ma/cdn/shop/files/poudre.jpg?crop=center&height=750&v=1757934590&width=750 750w, //beautymarket.ma/cdn/shop/files/poudre.jpg?crop=center&height=800&v=1757934590&width=800 800w, //beautymarket.ma/cdn/shop/files/poudre.jpg?crop=center&height=850&v=1757934590&width=850 850w, //beautymarket.ma/cdn/shop/files/poudre.jpg?crop=center&height=900&v=1757934590&width=900 900w, //beautymarket.ma/cdn/shop/files/poudre.jpg?crop=center&height=950&v=1757934590&width=950 950w, //beautymarket.ma/cdn/shop/files/poudre.jpg?crop=center&height=1000&v=1757934590&width=1000 1000w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div><div
class="image product-item__image product-item__image--two aspect-ratio--square"
style="--object-fit: cover;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="595"
height="655"
src="//beautymarket.ma/cdn/shop/files/1_19.png?v=1757934590&width=320"
srcset="//beautymarket.ma/cdn/shop/files/1_19.png?crop=center&height=150&v=1757934590&width=150 150w, //beautymarket.ma/cdn/shop/files/1_19.png?crop=center&height=200&v=1757934590&width=200 200w, //beautymarket.ma/cdn/shop/files/1_19.png?crop=center&height=240&v=1757934590&width=240 240w, //beautymarket.ma/cdn/shop/files/1_19.png?crop=center&height=280&v=1757934590&width=280 280w, //beautymarket.ma/cdn/shop/files/1_19.png?crop=center&height=300&v=1757934590&width=300 300w, //beautymarket.ma/cdn/shop/files/1_19.png?crop=center&height=360&v=1757934590&width=360 360w, //beautymarket.ma/cdn/shop/files/1_19.png?crop=center&height=400&v=1757934590&width=400 400w, //beautymarket.ma/cdn/shop/files/1_19.png?crop=center&height=450&v=1757934590&width=450 450w, //beautymarket.ma/cdn/shop/files/1_19.png?crop=center&height=500&v=1757934590&width=500 500w, //beautymarket.ma/cdn/shop/files/1_19.png?crop=center&height=550&v=1757934590&width=550 550w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>19% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/fond-de-teint/products/infaillble-powder-120"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/infaillble-powder-120">L'oréal paris -infaillble powder</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">190.00 dh</s>
<span class="sale" data-price>154.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">190.00 dh</s>
<span class="sale" data-price>154.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="true"
data-quantity-in-cart="0"
data-product-id="7609030672559"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="42813086793903"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Choisir les options</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='7609030672559'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_HVnxMX-7609030672559">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_HVnxMX-7609030672559"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/fond-de-teint/products/infaillble-powder-120"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="true"
data-quantity-in-cart="0"
data-product-id="7609030672559"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="42813086793903"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Choisir les options</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='7609030672559'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_HVnxMX-7609030672559">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_HVnxMX-7609030672559"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8139324555439"
data-title="Maybelline New York FIT ME FRESH TINT SPF50 10.8"
data-url="/products/maybelline-new-york-fit-me-fresh-tint-spf50-10-8"
data-variant-id="44782326120623"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/maybelline-new-york-fit-me-fresh-tint-spf50-10-8"
aria-label="Maybelline New York FIT ME FRESH TINT SPF50 10.8"
><div
class="image product-item__image product-item__image--one aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="Maybelline New York FIT ME FRESH TINT SPF50 10.8"
class="image__img"
loading="lazy"
width="3000"
height="3000"
src="//beautymarket.ma/cdn/shop/files/Maybelline-Fit-Me-Fresh-Tint-10.8-6902395856573-AV11_1.png?v=1735926176&width=320"
srcset="//beautymarket.ma/cdn/shop/files/Maybelline-Fit-Me-Fresh-Tint-10.8-6902395856573-AV11_1.png?crop=center&height=150&v=1735926176&width=150 150w, //beautymarket.ma/cdn/shop/files/Maybelline-Fit-Me-Fresh-Tint-10.8-6902395856573-AV11_1.png?crop=center&height=200&v=1735926176&width=200 200w, //beautymarket.ma/cdn/shop/files/Maybelline-Fit-Me-Fresh-Tint-10.8-6902395856573-AV11_1.png?crop=center&height=240&v=1735926176&width=240 240w, //beautymarket.ma/cdn/shop/files/Maybelline-Fit-Me-Fresh-Tint-10.8-6902395856573-AV11_1.png?crop=center&height=280&v=1735926176&width=280 280w, //beautymarket.ma/cdn/shop/files/Maybelline-Fit-Me-Fresh-Tint-10.8-6902395856573-AV11_1.png?crop=center&height=300&v=1735926176&width=300 300w, //beautymarket.ma/cdn/shop/files/Maybelline-Fit-Me-Fresh-Tint-10.8-6902395856573-AV11_1.png?crop=center&height=360&v=1735926176&width=360 360w, //beautymarket.ma/cdn/shop/files/Maybelline-Fit-Me-Fresh-Tint-10.8-6902395856573-AV11_1.png?crop=center&height=400&v=1735926176&width=400 400w, //beautymarket.ma/cdn/shop/files/Maybelline-Fit-Me-Fresh-Tint-10.8-6902395856573-AV11_1.png?crop=center&height=450&v=1735926176&width=450 450w, //beautymarket.ma/cdn/shop/files/Maybelline-Fit-Me-Fresh-Tint-10.8-6902395856573-AV11_1.png?crop=center&height=500&v=1735926176&width=500 500w, //beautymarket.ma/cdn/shop/files/Maybelline-Fit-Me-Fresh-Tint-10.8-6902395856573-AV11_1.png?crop=center&height=550&v=1735926176&width=550 550w, //beautymarket.ma/cdn/shop/files/Maybelline-Fit-Me-Fresh-Tint-10.8-6902395856573-AV11_1.png?crop=center&height=600&v=1735926176&width=600 600w, //beautymarket.ma/cdn/shop/files/Maybelline-Fit-Me-Fresh-Tint-10.8-6902395856573-AV11_1.png?crop=center&height=650&v=1735926176&width=650 650w, //beautymarket.ma/cdn/shop/files/Maybelline-Fit-Me-Fresh-Tint-10.8-6902395856573-AV11_1.png?crop=center&height=700&v=1735926176&width=700 700w, //beautymarket.ma/cdn/shop/files/Maybelline-Fit-Me-Fresh-Tint-10.8-6902395856573-AV11_1.png?crop=center&height=750&v=1735926176&width=750 750w, //beautymarket.ma/cdn/shop/files/Maybelline-Fit-Me-Fresh-Tint-10.8-6902395856573-AV11_1.png?crop=center&height=800&v=1735926176&width=800 800w, //beautymarket.ma/cdn/shop/files/Maybelline-Fit-Me-Fresh-Tint-10.8-6902395856573-AV11_1.png?crop=center&height=850&v=1735926176&width=850 850w, //beautymarket.ma/cdn/shop/files/Maybelline-Fit-Me-Fresh-Tint-10.8-6902395856573-AV11_1.png?crop=center&height=900&v=1735926176&width=900 900w, //beautymarket.ma/cdn/shop/files/Maybelline-Fit-Me-Fresh-Tint-10.8-6902395856573-AV11_1.png?crop=center&height=950&v=1735926176&width=950 950w, //beautymarket.ma/cdn/shop/files/Maybelline-Fit-Me-Fresh-Tint-10.8-6902395856573-AV11_1.png?crop=center&height=1000&v=1735926176&width=1000 1000w, //beautymarket.ma/cdn/shop/files/Maybelline-Fit-Me-Fresh-Tint-10.8-6902395856573-AV11_1.png?crop=center&height=1100&v=1735926176&width=1100 1100w, //beautymarket.ma/cdn/shop/files/Maybelline-Fit-Me-Fresh-Tint-10.8-6902395856573-AV11_1.png?crop=center&height=1200&v=1735926176&width=1200 1200w, //beautymarket.ma/cdn/shop/files/Maybelline-Fit-Me-Fresh-Tint-10.8-6902395856573-AV11_1.png?crop=center&height=1300&v=1735926176&width=1300 1300w, //beautymarket.ma/cdn/shop/files/Maybelline-Fit-Me-Fresh-Tint-10.8-6902395856573-AV11_1.png?crop=center&height=1400&v=1735926176&width=1400 1400w, //beautymarket.ma/cdn/shop/files/Maybelline-Fit-Me-Fresh-Tint-10.8-6902395856573-AV11_1.png?crop=center&height=1500&v=1735926176&width=1500 1500w, //beautymarket.ma/cdn/shop/files/Maybelline-Fit-Me-Fresh-Tint-10.8-6902395856573-AV11_1.png?crop=center&height=1600&v=1735926176&width=1600 1600w, //beautymarket.ma/cdn/shop/files/Maybelline-Fit-Me-Fresh-Tint-10.8-6902395856573-AV11_1.png?crop=center&height=1700&v=1735926176&width=1700 1700w, //beautymarket.ma/cdn/shop/files/Maybelline-Fit-Me-Fresh-Tint-10.8-6902395856573-AV11_1.png?crop=center&height=1800&v=1735926176&width=1800 1800w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div><div
class="image product-item__image product-item__image--two aspect-ratio--square"
style="--object-fit: cover;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="3000"
height="3000"
src="//beautymarket.ma/cdn/shop/files/Maybelline-Fit-Me-Fresh-Tint-10.8-6902395856573-primary.png?v=1735926176&width=320"
srcset="//beautymarket.ma/cdn/shop/files/Maybelline-Fit-Me-Fresh-Tint-10.8-6902395856573-primary.png?crop=center&height=150&v=1735926176&width=150 150w, //beautymarket.ma/cdn/shop/files/Maybelline-Fit-Me-Fresh-Tint-10.8-6902395856573-primary.png?crop=center&height=200&v=1735926176&width=200 200w, //beautymarket.ma/cdn/shop/files/Maybelline-Fit-Me-Fresh-Tint-10.8-6902395856573-primary.png?crop=center&height=240&v=1735926176&width=240 240w, //beautymarket.ma/cdn/shop/files/Maybelline-Fit-Me-Fresh-Tint-10.8-6902395856573-primary.png?crop=center&height=280&v=1735926176&width=280 280w, //beautymarket.ma/cdn/shop/files/Maybelline-Fit-Me-Fresh-Tint-10.8-6902395856573-primary.png?crop=center&height=300&v=1735926176&width=300 300w, //beautymarket.ma/cdn/shop/files/Maybelline-Fit-Me-Fresh-Tint-10.8-6902395856573-primary.png?crop=center&height=360&v=1735926176&width=360 360w, //beautymarket.ma/cdn/shop/files/Maybelline-Fit-Me-Fresh-Tint-10.8-6902395856573-primary.png?crop=center&height=400&v=1735926176&width=400 400w, //beautymarket.ma/cdn/shop/files/Maybelline-Fit-Me-Fresh-Tint-10.8-6902395856573-primary.png?crop=center&height=450&v=1735926176&width=450 450w, //beautymarket.ma/cdn/shop/files/Maybelline-Fit-Me-Fresh-Tint-10.8-6902395856573-primary.png?crop=center&height=500&v=1735926176&width=500 500w, //beautymarket.ma/cdn/shop/files/Maybelline-Fit-Me-Fresh-Tint-10.8-6902395856573-primary.png?crop=center&height=550&v=1735926176&width=550 550w, //beautymarket.ma/cdn/shop/files/Maybelline-Fit-Me-Fresh-Tint-10.8-6902395856573-primary.png?crop=center&height=600&v=1735926176&width=600 600w, //beautymarket.ma/cdn/shop/files/Maybelline-Fit-Me-Fresh-Tint-10.8-6902395856573-primary.png?crop=center&height=650&v=1735926176&width=650 650w, //beautymarket.ma/cdn/shop/files/Maybelline-Fit-Me-Fresh-Tint-10.8-6902395856573-primary.png?crop=center&height=700&v=1735926176&width=700 700w, //beautymarket.ma/cdn/shop/files/Maybelline-Fit-Me-Fresh-Tint-10.8-6902395856573-primary.png?crop=center&height=750&v=1735926176&width=750 750w, //beautymarket.ma/cdn/shop/files/Maybelline-Fit-Me-Fresh-Tint-10.8-6902395856573-primary.png?crop=center&height=800&v=1735926176&width=800 800w, //beautymarket.ma/cdn/shop/files/Maybelline-Fit-Me-Fresh-Tint-10.8-6902395856573-primary.png?crop=center&height=850&v=1735926176&width=850 850w, //beautymarket.ma/cdn/shop/files/Maybelline-Fit-Me-Fresh-Tint-10.8-6902395856573-primary.png?crop=center&height=900&v=1735926176&width=900 900w, //beautymarket.ma/cdn/shop/files/Maybelline-Fit-Me-Fresh-Tint-10.8-6902395856573-primary.png?crop=center&height=950&v=1735926176&width=950 950w, //beautymarket.ma/cdn/shop/files/Maybelline-Fit-Me-Fresh-Tint-10.8-6902395856573-primary.png?crop=center&height=1000&v=1735926176&width=1000 1000w, //beautymarket.ma/cdn/shop/files/Maybelline-Fit-Me-Fresh-Tint-10.8-6902395856573-primary.png?crop=center&height=1100&v=1735926176&width=1100 1100w, //beautymarket.ma/cdn/shop/files/Maybelline-Fit-Me-Fresh-Tint-10.8-6902395856573-primary.png?crop=center&height=1200&v=1735926176&width=1200 1200w, //beautymarket.ma/cdn/shop/files/Maybelline-Fit-Me-Fresh-Tint-10.8-6902395856573-primary.png?crop=center&height=1300&v=1735926176&width=1300 1300w, //beautymarket.ma/cdn/shop/files/Maybelline-Fit-Me-Fresh-Tint-10.8-6902395856573-primary.png?crop=center&height=1400&v=1735926176&width=1400 1400w, //beautymarket.ma/cdn/shop/files/Maybelline-Fit-Me-Fresh-Tint-10.8-6902395856573-primary.png?crop=center&height=1500&v=1735926176&width=1500 1500w, //beautymarket.ma/cdn/shop/files/Maybelline-Fit-Me-Fresh-Tint-10.8-6902395856573-primary.png?crop=center&height=1600&v=1735926176&width=1600 1600w, //beautymarket.ma/cdn/shop/files/Maybelline-Fit-Me-Fresh-Tint-10.8-6902395856573-primary.png?crop=center&height=1700&v=1735926176&width=1700 1700w, //beautymarket.ma/cdn/shop/files/Maybelline-Fit-Me-Fresh-Tint-10.8-6902395856573-primary.png?crop=center&height=1800&v=1735926176&width=1800 1800w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>25% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/fond-de-teint/products/maybelline-new-york-fit-me-fresh-tint-spf50-10-8"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/maybelline-new-york-fit-me-fresh-tint-spf50-10-8">Maybelline New York FIT ME FRESH TINT SPF50 10.8</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">132.00 dh</s>
<span class="sale" data-price>99.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">132.00 dh</s>
<span class="sale" data-price>99.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8139324555439"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="44782326120623"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8139324555439'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_HVnxMX-8139324555439">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_HVnxMX-8139324555439"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/fond-de-teint/products/maybelline-new-york-fit-me-fresh-tint-spf50-10-8"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8139324555439"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="44782326120623"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8139324555439'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_HVnxMX-8139324555439">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_HVnxMX-8139324555439"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</scroll-slider-component>
<div
class="scroll-slider-nav-button-wrapper scroll-slider-nav-button-wrapper--prev"
data-is-small="false"
>
<button
type="button"
class="scroll-slider-nav-button scroll-slider-nav-button--prev hidden"
title="Précédent"
data-scroll-slider-prev-button
name="prev"
>
<span class="icon icon-arrow-short" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 12.4016H11.5H23M23 12.4016L13.8 3M23 12.4016L13.8 21.8032" stroke="currentColor" stroke-width="1.75"/></svg>
</span>
</button>
</div>
<div
class="scroll-slider-nav-button-wrapper scroll-slider-nav-button-wrapper--next"
data-is-small="false"
>
<button
type="button"
class="scroll-slider-nav-button scroll-slider-nav-button--next hidden"
title="Suivant"
data-scroll-slider-next-button
name="next"
>
<span class="icon icon-arrow-short" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 12.4016H11.5H23M23 12.4016L13.8 3M23 12.4016L13.8 21.8032" stroke="currentColor" stroke-width="1.75"/></svg>
</span>
</button>
</div>
</div>
<script src="//beautymarket.ma/cdn/shop/t/35/assets/section-footer.js?v=11514157199586841511754934608" type="module"></script>
<section-footer-component class="section-footer animation--container-footer">
<div class="scroll-slider-page-dots" data-scroll-slider-page-dots data-hide-below-720="true"></div>
</section-footer-component>
</div>
</div>
</section><section id="shopify-section-template--18718532206767__featured_collection_ik8HVA" class="shopify-section"><div
class="featured-collection section"
style=" --section-style-spacing-top: 12px; --section-style-spacing-bottom: 12px; --num-columns-desktop: 5; --num-columns-tablet: 4; --num-columns-mobile: 2; "
data-section-id="template--18718532206767__featured_collection_ik8HVA"
data-section-type="featured-collection"
data-products-per-view="5"
data-mobile-products-per-view="2"
>
<div class="section-inner">
<div
class="featured-collection__products featured-collection-slider-grid standard-grid-spacing product-item-holder"
data-standard-grid-spacing-type="product-list">
<script src="//beautymarket.ma/cdn/shop/t/35/assets/scroll-slider.js?v=137308953565903322681754934608" type="module"></script>
<scroll-slider-component
class="scroll-slider scroll-slider--full-width-below-1024 scroll-slider--peek-and-full-width-below-1024 scroll-all-sizes"
style="--columns: 2; --columns-above-720: 4; --columns-above-1024: 5; --peek: 24px; --peek-above-1024: 0px; --gap: 12px; --gap-above-1024: 16px; --gap-above-1200: 24px;"
data-id="featured-collection"
data-navigation-container=".featured-collection"
data-autoplay=""
data-autoplay-delay="0"
data-autoplay-pause-on-hover=""
>
<div class="scroll-slider__slider">
<div class="collection-view-all-tile-wrapper">
<div
class="collection-view-all-tile featured-collection-slider-grid-item animation--item"
data-color-scheme="default"
data-has-image="true"
style="--color-background: #ffffff; --color-background-alpha-80: rgba(255, 255, 255, 0.8); --color-text: #121212; --color-text-input: #121212; --color-text-link: #ffa6a8; --color-text-alpha-90: rgba(18, 18, 18, 0.9); --color-text-alpha-80: rgba(18, 18, 18, 0.8); --color-text-alpha-70: rgba(18, 18, 18, 0.7); --color-text-alpha-60: rgba(18, 18, 18, 0.6); --color-text-alpha-50: rgba(18, 18, 18, 0.5); --color-text-alpha-40: rgba(18, 18, 18, 0.4); --color-text-alpha-30: rgba(18, 18, 18, 0.3); --color-text-alpha-25: rgba(18, 18, 18, 0.25); --color-text-alpha-20: rgba(18, 18, 18, 0.2); --color-text-alpha-10: rgba(18, 18, 18, 0.1); --color-text-alpha-05: rgba(18, 18, 18, 0.05);--color-border-input: rgba(68, 68, 68, 0.4);"
><div
class="background-image-container image-hero__image-container"
data-has-mobile-image="false"
data-absolutely-position-image="true"
><div
class="image background-image collection-view-all-tile__image animation--image animation--lazy-load"
style="--focal-alignment: center;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="320"
height="384"
src="//beautymarket.ma/cdn/shop/files/hair_2.webp?v=1733057216&width=320"
srcset=""
sizes="(min-width: 960px) 50vw, 100vw"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div></div>
<div
class="collection-view-all-tile__overlay image-overlay animation--image-overlay"></div><div
class="collection-view-all-tile__overlay-content overlay-content"
data-text-position="flex-start_flex-start"
style="--max-content-width: 650px;"
>
<div
class="overlay-content__text-container image-overlay-content section-blocks"
style=" --color-text: #FFFFFF; --color-background: #000; --color-text-alpha-90: rgba(255, 255, 255, 0.9); --color-text-alpha-80: rgba(255, 255, 255, 0.8); --color-text-alpha-70: rgba(255, 255, 255, 0.7); --color-text-alpha-60: rgba(255, 255, 255, 0.6); --color-text-alpha-50: rgba(255, 255, 255, 0.5); --color-text-alpha-40: rgba(255, 255, 255, 0.4); --color-text-alpha-30: rgba(255, 255, 255, 0.3); --color-text-alpha-25: rgba(255, 255, 255, 0.25); --color-text-alpha-20: rgba(255, 255, 255, 0.2); --color-text-alpha-10: rgba(255, 255, 255, 0.1); --color-text-alpha-05: rgba(255, 255, 255, 0.05); --text-horizontal-position: flex-start; --text-horizontal-position-mobile: ; --text-vertical-position: flex-start; --text-vertical-position-mobile: ; --text-alignment: left; --text-alignment-mobile: center; "
>
<a
href="/collections/cheveux">
<span class="icon icon-chevron" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2"/></svg>
</span>
</a>
</div></div>
<a
href="/collections/cheveux"
class="collection-view-all-tile__media-link"
aria-label="Soins Cheveux : Anti-Chute, Pellicules & Réparation"
></a></div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8545778696367"
data-title="K18 HEAT BOUNCE PROTECTANT CONDITIONER 15 ML"
data-url="/products/k18-heat-bounce-protectant-conditioner-15-ml"
data-variant-id="46703186673839"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/k18-heat-bounce-protectant-conditioner-15-ml"
aria-label="K18 HEAT BOUNCE PROTECTANT CONDITIONER 15 ML"
><div
class="image product-item__image product-item__image--one aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="K18 HEAT BOUNCE PROTECTANT CONDITIONER 15 ML"
class="image__img"
loading="lazy"
width="1000"
height="1000"
src="//beautymarket.ma/cdn/shop/files/HEATBOUNCE0.5OZ.webp?v=1774455950&width=320"
srcset="//beautymarket.ma/cdn/shop/files/HEATBOUNCE0.5OZ.webp?crop=center&height=150&v=1774455950&width=150 150w, //beautymarket.ma/cdn/shop/files/HEATBOUNCE0.5OZ.webp?crop=center&height=200&v=1774455950&width=200 200w, //beautymarket.ma/cdn/shop/files/HEATBOUNCE0.5OZ.webp?crop=center&height=240&v=1774455950&width=240 240w, //beautymarket.ma/cdn/shop/files/HEATBOUNCE0.5OZ.webp?crop=center&height=280&v=1774455950&width=280 280w, //beautymarket.ma/cdn/shop/files/HEATBOUNCE0.5OZ.webp?crop=center&height=300&v=1774455950&width=300 300w, //beautymarket.ma/cdn/shop/files/HEATBOUNCE0.5OZ.webp?crop=center&height=360&v=1774455950&width=360 360w, //beautymarket.ma/cdn/shop/files/HEATBOUNCE0.5OZ.webp?crop=center&height=400&v=1774455950&width=400 400w, //beautymarket.ma/cdn/shop/files/HEATBOUNCE0.5OZ.webp?crop=center&height=450&v=1774455950&width=450 450w, //beautymarket.ma/cdn/shop/files/HEATBOUNCE0.5OZ.webp?crop=center&height=500&v=1774455950&width=500 500w, //beautymarket.ma/cdn/shop/files/HEATBOUNCE0.5OZ.webp?crop=center&height=550&v=1774455950&width=550 550w, //beautymarket.ma/cdn/shop/files/HEATBOUNCE0.5OZ.webp?crop=center&height=600&v=1774455950&width=600 600w, //beautymarket.ma/cdn/shop/files/HEATBOUNCE0.5OZ.webp?crop=center&height=650&v=1774455950&width=650 650w, //beautymarket.ma/cdn/shop/files/HEATBOUNCE0.5OZ.webp?crop=center&height=700&v=1774455950&width=700 700w, //beautymarket.ma/cdn/shop/files/HEATBOUNCE0.5OZ.webp?crop=center&height=750&v=1774455950&width=750 750w, //beautymarket.ma/cdn/shop/files/HEATBOUNCE0.5OZ.webp?crop=center&height=800&v=1774455950&width=800 800w, //beautymarket.ma/cdn/shop/files/HEATBOUNCE0.5OZ.webp?crop=center&height=850&v=1774455950&width=850 850w, //beautymarket.ma/cdn/shop/files/HEATBOUNCE0.5OZ.webp?crop=center&height=900&v=1774455950&width=900 900w, //beautymarket.ma/cdn/shop/files/HEATBOUNCE0.5OZ.webp?crop=center&height=950&v=1774455950&width=950 950w, //beautymarket.ma/cdn/shop/files/HEATBOUNCE0.5OZ.webp?crop=center&height=1000&v=1774455950&width=1000 1000w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div><div
class="image product-item__image product-item__image--two aspect-ratio--square"
style="--object-fit: cover;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="1080"
height="1080"
src="//beautymarket.ma/cdn/shop/files/K18MINI_HeatBounce_15ml.jpg?v=1774455950&width=320"
srcset="//beautymarket.ma/cdn/shop/files/K18MINI_HeatBounce_15ml.jpg?crop=center&height=150&v=1774455950&width=150 150w, //beautymarket.ma/cdn/shop/files/K18MINI_HeatBounce_15ml.jpg?crop=center&height=200&v=1774455950&width=200 200w, //beautymarket.ma/cdn/shop/files/K18MINI_HeatBounce_15ml.jpg?crop=center&height=240&v=1774455950&width=240 240w, //beautymarket.ma/cdn/shop/files/K18MINI_HeatBounce_15ml.jpg?crop=center&height=280&v=1774455950&width=280 280w, //beautymarket.ma/cdn/shop/files/K18MINI_HeatBounce_15ml.jpg?crop=center&height=300&v=1774455950&width=300 300w, //beautymarket.ma/cdn/shop/files/K18MINI_HeatBounce_15ml.jpg?crop=center&height=360&v=1774455950&width=360 360w, //beautymarket.ma/cdn/shop/files/K18MINI_HeatBounce_15ml.jpg?crop=center&height=400&v=1774455950&width=400 400w, //beautymarket.ma/cdn/shop/files/K18MINI_HeatBounce_15ml.jpg?crop=center&height=450&v=1774455950&width=450 450w, //beautymarket.ma/cdn/shop/files/K18MINI_HeatBounce_15ml.jpg?crop=center&height=500&v=1774455950&width=500 500w, //beautymarket.ma/cdn/shop/files/K18MINI_HeatBounce_15ml.jpg?crop=center&height=550&v=1774455950&width=550 550w, //beautymarket.ma/cdn/shop/files/K18MINI_HeatBounce_15ml.jpg?crop=center&height=600&v=1774455950&width=600 600w, //beautymarket.ma/cdn/shop/files/K18MINI_HeatBounce_15ml.jpg?crop=center&height=650&v=1774455950&width=650 650w, //beautymarket.ma/cdn/shop/files/K18MINI_HeatBounce_15ml.jpg?crop=center&height=700&v=1774455950&width=700 700w, //beautymarket.ma/cdn/shop/files/K18MINI_HeatBounce_15ml.jpg?crop=center&height=750&v=1774455950&width=750 750w, //beautymarket.ma/cdn/shop/files/K18MINI_HeatBounce_15ml.jpg?crop=center&height=800&v=1774455950&width=800 800w, //beautymarket.ma/cdn/shop/files/K18MINI_HeatBounce_15ml.jpg?crop=center&height=850&v=1774455950&width=850 850w, //beautymarket.ma/cdn/shop/files/K18MINI_HeatBounce_15ml.jpg?crop=center&height=900&v=1774455950&width=900 900w, //beautymarket.ma/cdn/shop/files/K18MINI_HeatBounce_15ml.jpg?crop=center&height=950&v=1774455950&width=950 950w, //beautymarket.ma/cdn/shop/files/K18MINI_HeatBounce_15ml.jpg?crop=center&height=1000&v=1774455950&width=1000 1000w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>27% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/cheveux/products/k18-heat-bounce-protectant-conditioner-15-ml"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/k18-heat-bounce-protectant-conditioner-15-ml">K18 HEAT BOUNCE PROTECTANT CONDITIONER 15 ML</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">79.00 dh</s>
<span class="sale" data-price>58.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">79.00 dh</s>
<span class="sale" data-price>58.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8545778696367"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46703186673839"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8545778696367'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_ik8HVA-8545778696367">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_ik8HVA-8545778696367"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/cheveux/products/k18-heat-bounce-protectant-conditioner-15-ml"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8545778696367"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46703186673839"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8545778696367'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_ik8HVA-8545778696367">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_ik8HVA-8545778696367"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="6729103966383"
data-title="Vichy Dercos Aminexil Clinical 5 Femmes – 21 ampoules"
data-url="/products/vichy-dercos-aminexil-clinical-5-femmes-21-ampoules-serviette-offerte"
data-variant-id="39910435291311"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/vichy-dercos-aminexil-clinical-5-femmes-21-ampoules-serviette-offerte"
aria-label="Vichy Dercos Aminexil Clinical 5 Femmes – 21 ampoules"
><div
class="image product-item__image aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="Vichy Dercos Aminexil Clinical 5 Femmes – 21 ampoules"
class="image__img"
loading="lazy"
width="595"
height="655"
src="//beautymarket.ma/cdn/shop/files/B_bc0d411d-5ba9-4759-adaa-0180be2d446b.jpg?v=1714670281&width=320"
srcset="//beautymarket.ma/cdn/shop/files/B_bc0d411d-5ba9-4759-adaa-0180be2d446b.jpg?crop=center&height=150&v=1714670281&width=150 150w, //beautymarket.ma/cdn/shop/files/B_bc0d411d-5ba9-4759-adaa-0180be2d446b.jpg?crop=center&height=200&v=1714670281&width=200 200w, //beautymarket.ma/cdn/shop/files/B_bc0d411d-5ba9-4759-adaa-0180be2d446b.jpg?crop=center&height=240&v=1714670281&width=240 240w, //beautymarket.ma/cdn/shop/files/B_bc0d411d-5ba9-4759-adaa-0180be2d446b.jpg?crop=center&height=280&v=1714670281&width=280 280w, //beautymarket.ma/cdn/shop/files/B_bc0d411d-5ba9-4759-adaa-0180be2d446b.jpg?crop=center&height=300&v=1714670281&width=300 300w, //beautymarket.ma/cdn/shop/files/B_bc0d411d-5ba9-4759-adaa-0180be2d446b.jpg?crop=center&height=360&v=1714670281&width=360 360w, //beautymarket.ma/cdn/shop/files/B_bc0d411d-5ba9-4759-adaa-0180be2d446b.jpg?crop=center&height=400&v=1714670281&width=400 400w, //beautymarket.ma/cdn/shop/files/B_bc0d411d-5ba9-4759-adaa-0180be2d446b.jpg?crop=center&height=450&v=1714670281&width=450 450w, //beautymarket.ma/cdn/shop/files/B_bc0d411d-5ba9-4759-adaa-0180be2d446b.jpg?crop=center&height=500&v=1714670281&width=500 500w, //beautymarket.ma/cdn/shop/files/B_bc0d411d-5ba9-4759-adaa-0180be2d446b.jpg?crop=center&height=550&v=1714670281&width=550 550w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>3% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/cheveux/products/vichy-dercos-aminexil-clinical-5-femmes-21-ampoules-serviette-offerte"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/vichy-dercos-aminexil-clinical-5-femmes-21-ampoules-serviette-offerte">Vichy Dercos Aminexil Clinical 5 Femmes – 21 ampoules</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">580.00 dh</s>
<span class="sale" data-price>565.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">580.00 dh</s>
<span class="sale" data-price>565.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="6729103966383"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="39910435291311"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='6729103966383'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_ik8HVA-6729103966383">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_ik8HVA-6729103966383"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/cheveux/products/vichy-dercos-aminexil-clinical-5-femmes-21-ampoules-serviette-offerte"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="6729103966383"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="39910435291311"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='6729103966383'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_ik8HVA-6729103966383">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_ik8HVA-6729103966383"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8475631255727"
data-title="VICHY DERCOS AMINEXIL CLINICAL REGEN BOOSTER SERUM CAPILLAIRE 90 ML"
data-url="/products/vichy-dercos-aminexil-clinical-regen-booster-serum-capillaire-90-ml"
data-variant-id="46516512784559"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/vichy-dercos-aminexil-clinical-regen-booster-serum-capillaire-90-ml"
aria-label="VICHY DERCOS AMINEXIL CLINICAL REGEN BOOSTER SERUM CAPILLAIRE 90 ML"
><div
class="image product-item__image product-item__image--one aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="VICHY DERCOS AMINEXIL CLINICAL REGEN BOOSTER SERUM CAPILLAIRE 90 ML"
class="image__img"
loading="lazy"
width="2000"
height="2000"
src="//beautymarket.ma/cdn/shop/files/Vichy-Product-Haircare-Dercos-REGEN-Serum-90ml-3337875932080-ATF-PackshotStamp.jpg?v=1769616134&width=320"
srcset="//beautymarket.ma/cdn/shop/files/Vichy-Product-Haircare-Dercos-REGEN-Serum-90ml-3337875932080-ATF-PackshotStamp.jpg?crop=center&height=150&v=1769616134&width=150 150w, //beautymarket.ma/cdn/shop/files/Vichy-Product-Haircare-Dercos-REGEN-Serum-90ml-3337875932080-ATF-PackshotStamp.jpg?crop=center&height=200&v=1769616134&width=200 200w, //beautymarket.ma/cdn/shop/files/Vichy-Product-Haircare-Dercos-REGEN-Serum-90ml-3337875932080-ATF-PackshotStamp.jpg?crop=center&height=240&v=1769616134&width=240 240w, //beautymarket.ma/cdn/shop/files/Vichy-Product-Haircare-Dercos-REGEN-Serum-90ml-3337875932080-ATF-PackshotStamp.jpg?crop=center&height=280&v=1769616134&width=280 280w, //beautymarket.ma/cdn/shop/files/Vichy-Product-Haircare-Dercos-REGEN-Serum-90ml-3337875932080-ATF-PackshotStamp.jpg?crop=center&height=300&v=1769616134&width=300 300w, //beautymarket.ma/cdn/shop/files/Vichy-Product-Haircare-Dercos-REGEN-Serum-90ml-3337875932080-ATF-PackshotStamp.jpg?crop=center&height=360&v=1769616134&width=360 360w, //beautymarket.ma/cdn/shop/files/Vichy-Product-Haircare-Dercos-REGEN-Serum-90ml-3337875932080-ATF-PackshotStamp.jpg?crop=center&height=400&v=1769616134&width=400 400w, //beautymarket.ma/cdn/shop/files/Vichy-Product-Haircare-Dercos-REGEN-Serum-90ml-3337875932080-ATF-PackshotStamp.jpg?crop=center&height=450&v=1769616134&width=450 450w, //beautymarket.ma/cdn/shop/files/Vichy-Product-Haircare-Dercos-REGEN-Serum-90ml-3337875932080-ATF-PackshotStamp.jpg?crop=center&height=500&v=1769616134&width=500 500w, //beautymarket.ma/cdn/shop/files/Vichy-Product-Haircare-Dercos-REGEN-Serum-90ml-3337875932080-ATF-PackshotStamp.jpg?crop=center&height=550&v=1769616134&width=550 550w, //beautymarket.ma/cdn/shop/files/Vichy-Product-Haircare-Dercos-REGEN-Serum-90ml-3337875932080-ATF-PackshotStamp.jpg?crop=center&height=600&v=1769616134&width=600 600w, //beautymarket.ma/cdn/shop/files/Vichy-Product-Haircare-Dercos-REGEN-Serum-90ml-3337875932080-ATF-PackshotStamp.jpg?crop=center&height=650&v=1769616134&width=650 650w, //beautymarket.ma/cdn/shop/files/Vichy-Product-Haircare-Dercos-REGEN-Serum-90ml-3337875932080-ATF-PackshotStamp.jpg?crop=center&height=700&v=1769616134&width=700 700w, //beautymarket.ma/cdn/shop/files/Vichy-Product-Haircare-Dercos-REGEN-Serum-90ml-3337875932080-ATF-PackshotStamp.jpg?crop=center&height=750&v=1769616134&width=750 750w, //beautymarket.ma/cdn/shop/files/Vichy-Product-Haircare-Dercos-REGEN-Serum-90ml-3337875932080-ATF-PackshotStamp.jpg?crop=center&height=800&v=1769616134&width=800 800w, //beautymarket.ma/cdn/shop/files/Vichy-Product-Haircare-Dercos-REGEN-Serum-90ml-3337875932080-ATF-PackshotStamp.jpg?crop=center&height=850&v=1769616134&width=850 850w, //beautymarket.ma/cdn/shop/files/Vichy-Product-Haircare-Dercos-REGEN-Serum-90ml-3337875932080-ATF-PackshotStamp.jpg?crop=center&height=900&v=1769616134&width=900 900w, //beautymarket.ma/cdn/shop/files/Vichy-Product-Haircare-Dercos-REGEN-Serum-90ml-3337875932080-ATF-PackshotStamp.jpg?crop=center&height=950&v=1769616134&width=950 950w, //beautymarket.ma/cdn/shop/files/Vichy-Product-Haircare-Dercos-REGEN-Serum-90ml-3337875932080-ATF-PackshotStamp.jpg?crop=center&height=1000&v=1769616134&width=1000 1000w, //beautymarket.ma/cdn/shop/files/Vichy-Product-Haircare-Dercos-REGEN-Serum-90ml-3337875932080-ATF-PackshotStamp.jpg?crop=center&height=1100&v=1769616134&width=1100 1100w, //beautymarket.ma/cdn/shop/files/Vichy-Product-Haircare-Dercos-REGEN-Serum-90ml-3337875932080-ATF-PackshotStamp.jpg?crop=center&height=1200&v=1769616134&width=1200 1200w, //beautymarket.ma/cdn/shop/files/Vichy-Product-Haircare-Dercos-REGEN-Serum-90ml-3337875932080-ATF-PackshotStamp.jpg?crop=center&height=1300&v=1769616134&width=1300 1300w, //beautymarket.ma/cdn/shop/files/Vichy-Product-Haircare-Dercos-REGEN-Serum-90ml-3337875932080-ATF-PackshotStamp.jpg?crop=center&height=1400&v=1769616134&width=1400 1400w, //beautymarket.ma/cdn/shop/files/Vichy-Product-Haircare-Dercos-REGEN-Serum-90ml-3337875932080-ATF-PackshotStamp.jpg?crop=center&height=1500&v=1769616134&width=1500 1500w, //beautymarket.ma/cdn/shop/files/Vichy-Product-Haircare-Dercos-REGEN-Serum-90ml-3337875932080-ATF-PackshotStamp.jpg?crop=center&height=1600&v=1769616134&width=1600 1600w, //beautymarket.ma/cdn/shop/files/Vichy-Product-Haircare-Dercos-REGEN-Serum-90ml-3337875932080-ATF-PackshotStamp.jpg?crop=center&height=1700&v=1769616134&width=1700 1700w, //beautymarket.ma/cdn/shop/files/Vichy-Product-Haircare-Dercos-REGEN-Serum-90ml-3337875932080-ATF-PackshotStamp.jpg?crop=center&height=1800&v=1769616134&width=1800 1800w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div><div
class="image product-item__image product-item__image--two aspect-ratio--square"
style="--object-fit: cover;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="2000"
height="2000"
src="//beautymarket.ma/cdn/shop/files/Vichy-Product-Haircare-Dercos-Aminexil-Clinical-REGEN-Booster-90ml-3337875932080-Packshot-texture.jpg?v=1769616134&width=320"
srcset="//beautymarket.ma/cdn/shop/files/Vichy-Product-Haircare-Dercos-Aminexil-Clinical-REGEN-Booster-90ml-3337875932080-Packshot-texture.jpg?crop=center&height=150&v=1769616134&width=150 150w, //beautymarket.ma/cdn/shop/files/Vichy-Product-Haircare-Dercos-Aminexil-Clinical-REGEN-Booster-90ml-3337875932080-Packshot-texture.jpg?crop=center&height=200&v=1769616134&width=200 200w, //beautymarket.ma/cdn/shop/files/Vichy-Product-Haircare-Dercos-Aminexil-Clinical-REGEN-Booster-90ml-3337875932080-Packshot-texture.jpg?crop=center&height=240&v=1769616134&width=240 240w, //beautymarket.ma/cdn/shop/files/Vichy-Product-Haircare-Dercos-Aminexil-Clinical-REGEN-Booster-90ml-3337875932080-Packshot-texture.jpg?crop=center&height=280&v=1769616134&width=280 280w, //beautymarket.ma/cdn/shop/files/Vichy-Product-Haircare-Dercos-Aminexil-Clinical-REGEN-Booster-90ml-3337875932080-Packshot-texture.jpg?crop=center&height=300&v=1769616134&width=300 300w, //beautymarket.ma/cdn/shop/files/Vichy-Product-Haircare-Dercos-Aminexil-Clinical-REGEN-Booster-90ml-3337875932080-Packshot-texture.jpg?crop=center&height=360&v=1769616134&width=360 360w, //beautymarket.ma/cdn/shop/files/Vichy-Product-Haircare-Dercos-Aminexil-Clinical-REGEN-Booster-90ml-3337875932080-Packshot-texture.jpg?crop=center&height=400&v=1769616134&width=400 400w, //beautymarket.ma/cdn/shop/files/Vichy-Product-Haircare-Dercos-Aminexil-Clinical-REGEN-Booster-90ml-3337875932080-Packshot-texture.jpg?crop=center&height=450&v=1769616134&width=450 450w, //beautymarket.ma/cdn/shop/files/Vichy-Product-Haircare-Dercos-Aminexil-Clinical-REGEN-Booster-90ml-3337875932080-Packshot-texture.jpg?crop=center&height=500&v=1769616134&width=500 500w, //beautymarket.ma/cdn/shop/files/Vichy-Product-Haircare-Dercos-Aminexil-Clinical-REGEN-Booster-90ml-3337875932080-Packshot-texture.jpg?crop=center&height=550&v=1769616134&width=550 550w, //beautymarket.ma/cdn/shop/files/Vichy-Product-Haircare-Dercos-Aminexil-Clinical-REGEN-Booster-90ml-3337875932080-Packshot-texture.jpg?crop=center&height=600&v=1769616134&width=600 600w, //beautymarket.ma/cdn/shop/files/Vichy-Product-Haircare-Dercos-Aminexil-Clinical-REGEN-Booster-90ml-3337875932080-Packshot-texture.jpg?crop=center&height=650&v=1769616134&width=650 650w, //beautymarket.ma/cdn/shop/files/Vichy-Product-Haircare-Dercos-Aminexil-Clinical-REGEN-Booster-90ml-3337875932080-Packshot-texture.jpg?crop=center&height=700&v=1769616134&width=700 700w, //beautymarket.ma/cdn/shop/files/Vichy-Product-Haircare-Dercos-Aminexil-Clinical-REGEN-Booster-90ml-3337875932080-Packshot-texture.jpg?crop=center&height=750&v=1769616134&width=750 750w, //beautymarket.ma/cdn/shop/files/Vichy-Product-Haircare-Dercos-Aminexil-Clinical-REGEN-Booster-90ml-3337875932080-Packshot-texture.jpg?crop=center&height=800&v=1769616134&width=800 800w, //beautymarket.ma/cdn/shop/files/Vichy-Product-Haircare-Dercos-Aminexil-Clinical-REGEN-Booster-90ml-3337875932080-Packshot-texture.jpg?crop=center&height=850&v=1769616134&width=850 850w, //beautymarket.ma/cdn/shop/files/Vichy-Product-Haircare-Dercos-Aminexil-Clinical-REGEN-Booster-90ml-3337875932080-Packshot-texture.jpg?crop=center&height=900&v=1769616134&width=900 900w, //beautymarket.ma/cdn/shop/files/Vichy-Product-Haircare-Dercos-Aminexil-Clinical-REGEN-Booster-90ml-3337875932080-Packshot-texture.jpg?crop=center&height=950&v=1769616134&width=950 950w, //beautymarket.ma/cdn/shop/files/Vichy-Product-Haircare-Dercos-Aminexil-Clinical-REGEN-Booster-90ml-3337875932080-Packshot-texture.jpg?crop=center&height=1000&v=1769616134&width=1000 1000w, //beautymarket.ma/cdn/shop/files/Vichy-Product-Haircare-Dercos-Aminexil-Clinical-REGEN-Booster-90ml-3337875932080-Packshot-texture.jpg?crop=center&height=1100&v=1769616134&width=1100 1100w, //beautymarket.ma/cdn/shop/files/Vichy-Product-Haircare-Dercos-Aminexil-Clinical-REGEN-Booster-90ml-3337875932080-Packshot-texture.jpg?crop=center&height=1200&v=1769616134&width=1200 1200w, //beautymarket.ma/cdn/shop/files/Vichy-Product-Haircare-Dercos-Aminexil-Clinical-REGEN-Booster-90ml-3337875932080-Packshot-texture.jpg?crop=center&height=1300&v=1769616134&width=1300 1300w, //beautymarket.ma/cdn/shop/files/Vichy-Product-Haircare-Dercos-Aminexil-Clinical-REGEN-Booster-90ml-3337875932080-Packshot-texture.jpg?crop=center&height=1400&v=1769616134&width=1400 1400w, //beautymarket.ma/cdn/shop/files/Vichy-Product-Haircare-Dercos-Aminexil-Clinical-REGEN-Booster-90ml-3337875932080-Packshot-texture.jpg?crop=center&height=1500&v=1769616134&width=1500 1500w, //beautymarket.ma/cdn/shop/files/Vichy-Product-Haircare-Dercos-Aminexil-Clinical-REGEN-Booster-90ml-3337875932080-Packshot-texture.jpg?crop=center&height=1600&v=1769616134&width=1600 1600w, //beautymarket.ma/cdn/shop/files/Vichy-Product-Haircare-Dercos-Aminexil-Clinical-REGEN-Booster-90ml-3337875932080-Packshot-texture.jpg?crop=center&height=1700&v=1769616134&width=1700 1700w, //beautymarket.ma/cdn/shop/files/Vichy-Product-Haircare-Dercos-Aminexil-Clinical-REGEN-Booster-90ml-3337875932080-Packshot-texture.jpg?crop=center&height=1800&v=1769616134&width=1800 1800w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>17% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/cheveux/products/vichy-dercos-aminexil-clinical-regen-booster-serum-capillaire-90-ml"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/vichy-dercos-aminexil-clinical-regen-booster-serum-capillaire-90-ml">VICHY DERCOS AMINEXIL CLINICAL REGEN BOOSTER SERUM CAPILLAIRE 90 ML</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">509.00 dh</s>
<span class="sale" data-price>423.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">509.00 dh</s>
<span class="sale" data-price>423.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8475631255727"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46516512784559"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8475631255727'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_ik8HVA-8475631255727">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_ik8HVA-8475631255727"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/cheveux/products/vichy-dercos-aminexil-clinical-regen-booster-serum-capillaire-90-ml"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8475631255727"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46516512784559"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8475631255727'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_ik8HVA-8475631255727">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_ik8HVA-8475631255727"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="6728887795887"
data-title="Forcapil Cheveux Et Ongles 180 Gelules = SHAMPOOING 200 ML OFFERT"
data-url="/products/forcapil-cheveux-et-ongles-180-gelules"
data-variant-id="39909896224943"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/forcapil-cheveux-et-ongles-180-gelules"
aria-label="Forcapil Cheveux Et Ongles 180 Gelules = SHAMPOOING 200 ML OFFERT"
><div
class="image product-item__image product-item__image--one aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="Forcapil Cheveux Et Ongles 180 Gelules = SHAMPOOING 200 ML OFFERT"
class="image__img"
loading="lazy"
width="1280"
height="1280"
src="//beautymarket.ma/cdn/shop/files/Forcapil-180gelules-pack_1_1.jpg?v=1765989346&width=320"
srcset="//beautymarket.ma/cdn/shop/files/Forcapil-180gelules-pack_1_1.jpg?crop=center&height=150&v=1765989346&width=150 150w, //beautymarket.ma/cdn/shop/files/Forcapil-180gelules-pack_1_1.jpg?crop=center&height=200&v=1765989346&width=200 200w, //beautymarket.ma/cdn/shop/files/Forcapil-180gelules-pack_1_1.jpg?crop=center&height=240&v=1765989346&width=240 240w, //beautymarket.ma/cdn/shop/files/Forcapil-180gelules-pack_1_1.jpg?crop=center&height=280&v=1765989346&width=280 280w, //beautymarket.ma/cdn/shop/files/Forcapil-180gelules-pack_1_1.jpg?crop=center&height=300&v=1765989346&width=300 300w, //beautymarket.ma/cdn/shop/files/Forcapil-180gelules-pack_1_1.jpg?crop=center&height=360&v=1765989346&width=360 360w, //beautymarket.ma/cdn/shop/files/Forcapil-180gelules-pack_1_1.jpg?crop=center&height=400&v=1765989346&width=400 400w, //beautymarket.ma/cdn/shop/files/Forcapil-180gelules-pack_1_1.jpg?crop=center&height=450&v=1765989346&width=450 450w, //beautymarket.ma/cdn/shop/files/Forcapil-180gelules-pack_1_1.jpg?crop=center&height=500&v=1765989346&width=500 500w, //beautymarket.ma/cdn/shop/files/Forcapil-180gelules-pack_1_1.jpg?crop=center&height=550&v=1765989346&width=550 550w, //beautymarket.ma/cdn/shop/files/Forcapil-180gelules-pack_1_1.jpg?crop=center&height=600&v=1765989346&width=600 600w, //beautymarket.ma/cdn/shop/files/Forcapil-180gelules-pack_1_1.jpg?crop=center&height=650&v=1765989346&width=650 650w, //beautymarket.ma/cdn/shop/files/Forcapil-180gelules-pack_1_1.jpg?crop=center&height=700&v=1765989346&width=700 700w, //beautymarket.ma/cdn/shop/files/Forcapil-180gelules-pack_1_1.jpg?crop=center&height=750&v=1765989346&width=750 750w, //beautymarket.ma/cdn/shop/files/Forcapil-180gelules-pack_1_1.jpg?crop=center&height=800&v=1765989346&width=800 800w, //beautymarket.ma/cdn/shop/files/Forcapil-180gelules-pack_1_1.jpg?crop=center&height=850&v=1765989346&width=850 850w, //beautymarket.ma/cdn/shop/files/Forcapil-180gelules-pack_1_1.jpg?crop=center&height=900&v=1765989346&width=900 900w, //beautymarket.ma/cdn/shop/files/Forcapil-180gelules-pack_1_1.jpg?crop=center&height=950&v=1765989346&width=950 950w, //beautymarket.ma/cdn/shop/files/Forcapil-180gelules-pack_1_1.jpg?crop=center&height=1000&v=1765989346&width=1000 1000w, //beautymarket.ma/cdn/shop/files/Forcapil-180gelules-pack_1_1.jpg?crop=center&height=1100&v=1765989346&width=1100 1100w, //beautymarket.ma/cdn/shop/files/Forcapil-180gelules-pack_1_1.jpg?crop=center&height=1200&v=1765989346&width=1200 1200w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div><div
class="image product-item__image product-item__image--two aspect-ratio--square"
style="--object-fit: cover;"
>
<img
alt=""
class="image__img"
loading="lazy"
width="595"
height="655"
src="//beautymarket.ma/cdn/shop/products/3578830123604.jpg?v=1765989346&width=320"
srcset="//beautymarket.ma/cdn/shop/products/3578830123604.jpg?crop=center&height=150&v=1765989346&width=150 150w, //beautymarket.ma/cdn/shop/products/3578830123604.jpg?crop=center&height=200&v=1765989346&width=200 200w, //beautymarket.ma/cdn/shop/products/3578830123604.jpg?crop=center&height=240&v=1765989346&width=240 240w, //beautymarket.ma/cdn/shop/products/3578830123604.jpg?crop=center&height=280&v=1765989346&width=280 280w, //beautymarket.ma/cdn/shop/products/3578830123604.jpg?crop=center&height=300&v=1765989346&width=300 300w, //beautymarket.ma/cdn/shop/products/3578830123604.jpg?crop=center&height=360&v=1765989346&width=360 360w, //beautymarket.ma/cdn/shop/products/3578830123604.jpg?crop=center&height=400&v=1765989346&width=400 400w, //beautymarket.ma/cdn/shop/products/3578830123604.jpg?crop=center&height=450&v=1765989346&width=450 450w, //beautymarket.ma/cdn/shop/products/3578830123604.jpg?crop=center&height=500&v=1765989346&width=500 500w, //beautymarket.ma/cdn/shop/products/3578830123604.jpg?crop=center&height=550&v=1765989346&width=550 550w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>29% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/cheveux/products/forcapil-cheveux-et-ongles-180-gelules"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/forcapil-cheveux-et-ongles-180-gelules">Forcapil Cheveux Et Ongles 180 Gelules = SHAMPOOING 200 ML OFFERT</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">475.00 dh</s>
<span class="sale" data-price>339.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">475.00 dh</s>
<span class="sale" data-price>339.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="6728887795887"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="39909896224943"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='6728887795887'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_ik8HVA-6728887795887">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_ik8HVA-6728887795887"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/cheveux/products/forcapil-cheveux-et-ongles-180-gelules"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="6728887795887"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="39909896224943"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='6728887795887'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_ik8HVA-6728887795887">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_ik8HVA-6728887795887"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8545725087919"
data-title="ELSEVE PACK ROUTINE GLYCOLIC GLOSS SPRAY 150ML + APSH 200ML + SHP 200ML"
data-url="/products/elseve-pack-routine-glycolic-gloss-spray-150ml-apsh-200ml-shp-200ml"
data-variant-id="46703034532015"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/elseve-pack-routine-glycolic-gloss-spray-150ml-apsh-200ml-shp-200ml"
aria-label="ELSEVE PACK ROUTINE GLYCOLIC GLOSS SPRAY 150ML + APSH 200ML + SHP 200ML"
><div
class="image product-item__image aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="ELSEVE PACK ROUTINE GLYCOLIC GLOSS SPRAY 150ML + APSH 200ML + SHP 200ML"
class="image__img"
loading="lazy"
width="700"
height="700"
src="//beautymarket.ma/cdn/shop/files/FULLLISTPACKSHOTSVISUELS_1.png?v=1774449867&width=320"
srcset="//beautymarket.ma/cdn/shop/files/FULLLISTPACKSHOTSVISUELS_1.png?crop=center&height=150&v=1774449867&width=150 150w, //beautymarket.ma/cdn/shop/files/FULLLISTPACKSHOTSVISUELS_1.png?crop=center&height=200&v=1774449867&width=200 200w, //beautymarket.ma/cdn/shop/files/FULLLISTPACKSHOTSVISUELS_1.png?crop=center&height=240&v=1774449867&width=240 240w, //beautymarket.ma/cdn/shop/files/FULLLISTPACKSHOTSVISUELS_1.png?crop=center&height=280&v=1774449867&width=280 280w, //beautymarket.ma/cdn/shop/files/FULLLISTPACKSHOTSVISUELS_1.png?crop=center&height=300&v=1774449867&width=300 300w, //beautymarket.ma/cdn/shop/files/FULLLISTPACKSHOTSVISUELS_1.png?crop=center&height=360&v=1774449867&width=360 360w, //beautymarket.ma/cdn/shop/files/FULLLISTPACKSHOTSVISUELS_1.png?crop=center&height=400&v=1774449867&width=400 400w, //beautymarket.ma/cdn/shop/files/FULLLISTPACKSHOTSVISUELS_1.png?crop=center&height=450&v=1774449867&width=450 450w, //beautymarket.ma/cdn/shop/files/FULLLISTPACKSHOTSVISUELS_1.png?crop=center&height=500&v=1774449867&width=500 500w, //beautymarket.ma/cdn/shop/files/FULLLISTPACKSHOTSVISUELS_1.png?crop=center&height=550&v=1774449867&width=550 550w, //beautymarket.ma/cdn/shop/files/FULLLISTPACKSHOTSVISUELS_1.png?crop=center&height=600&v=1774449867&width=600 600w, //beautymarket.ma/cdn/shop/files/FULLLISTPACKSHOTSVISUELS_1.png?crop=center&height=650&v=1774449867&width=650 650w, //beautymarket.ma/cdn/shop/files/FULLLISTPACKSHOTSVISUELS_1.png?crop=center&height=700&v=1774449867&width=700 700w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>28% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/cheveux/products/elseve-pack-routine-glycolic-gloss-spray-150ml-apsh-200ml-shp-200ml"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/elseve-pack-routine-glycolic-gloss-spray-150ml-apsh-200ml-shp-200ml">ELSEVE PACK ROUTINE GLYCOLIC GLOSS SPRAY 150ML + APSH 200ML + SHP 200ML</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">179.00 dh</s>
<span class="sale" data-price>129.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">179.00 dh</s>
<span class="sale" data-price>129.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8545725087919"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46703034532015"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8545725087919'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_ik8HVA-8545725087919">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_ik8HVA-8545725087919"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/cheveux/products/elseve-pack-routine-glycolic-gloss-spray-150ml-apsh-200ml-shp-200ml"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8545725087919"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46703034532015"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8545725087919'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_ik8HVA-8545725087919">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_ik8HVA-8545725087919"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8476857401519"
data-title="OLAPLEX Nº3 Hair Perfector – 100 ml = No.9 Bond Protector OFFERT"
data-url="/products/olaplex-no-3-hair-perfector-100ml-no-4-offert"
data-variant-id="46523626520751"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/olaplex-no-3-hair-perfector-100ml-no-4-offert"
aria-label="OLAPLEX Nº3 Hair Perfector – 100 ml = No.9 Bond Protector OFFERT"
><div
class="image product-item__image aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="OLAPLEX Nº3 Hair Perfector – 100 ml = No.9 Bond Protector OFFERT"
class="image__img"
loading="lazy"
width="1080"
height="1080"
src="//beautymarket.ma/cdn/shop/files/Copiede_527ef108-a68c-47bc-a83d-25b748d618ba.png?v=1771673112&width=320"
srcset="//beautymarket.ma/cdn/shop/files/Copiede_527ef108-a68c-47bc-a83d-25b748d618ba.png?crop=center&height=150&v=1771673112&width=150 150w, //beautymarket.ma/cdn/shop/files/Copiede_527ef108-a68c-47bc-a83d-25b748d618ba.png?crop=center&height=200&v=1771673112&width=200 200w, //beautymarket.ma/cdn/shop/files/Copiede_527ef108-a68c-47bc-a83d-25b748d618ba.png?crop=center&height=240&v=1771673112&width=240 240w, //beautymarket.ma/cdn/shop/files/Copiede_527ef108-a68c-47bc-a83d-25b748d618ba.png?crop=center&height=280&v=1771673112&width=280 280w, //beautymarket.ma/cdn/shop/files/Copiede_527ef108-a68c-47bc-a83d-25b748d618ba.png?crop=center&height=300&v=1771673112&width=300 300w, //beautymarket.ma/cdn/shop/files/Copiede_527ef108-a68c-47bc-a83d-25b748d618ba.png?crop=center&height=360&v=1771673112&width=360 360w, //beautymarket.ma/cdn/shop/files/Copiede_527ef108-a68c-47bc-a83d-25b748d618ba.png?crop=center&height=400&v=1771673112&width=400 400w, //beautymarket.ma/cdn/shop/files/Copiede_527ef108-a68c-47bc-a83d-25b748d618ba.png?crop=center&height=450&v=1771673112&width=450 450w, //beautymarket.ma/cdn/shop/files/Copiede_527ef108-a68c-47bc-a83d-25b748d618ba.png?crop=center&height=500&v=1771673112&width=500 500w, //beautymarket.ma/cdn/shop/files/Copiede_527ef108-a68c-47bc-a83d-25b748d618ba.png?crop=center&height=550&v=1771673112&width=550 550w, //beautymarket.ma/cdn/shop/files/Copiede_527ef108-a68c-47bc-a83d-25b748d618ba.png?crop=center&height=600&v=1771673112&width=600 600w, //beautymarket.ma/cdn/shop/files/Copiede_527ef108-a68c-47bc-a83d-25b748d618ba.png?crop=center&height=650&v=1771673112&width=650 650w, //beautymarket.ma/cdn/shop/files/Copiede_527ef108-a68c-47bc-a83d-25b748d618ba.png?crop=center&height=700&v=1771673112&width=700 700w, //beautymarket.ma/cdn/shop/files/Copiede_527ef108-a68c-47bc-a83d-25b748d618ba.png?crop=center&height=750&v=1771673112&width=750 750w, //beautymarket.ma/cdn/shop/files/Copiede_527ef108-a68c-47bc-a83d-25b748d618ba.png?crop=center&height=800&v=1771673112&width=800 800w, //beautymarket.ma/cdn/shop/files/Copiede_527ef108-a68c-47bc-a83d-25b748d618ba.png?crop=center&height=850&v=1771673112&width=850 850w, //beautymarket.ma/cdn/shop/files/Copiede_527ef108-a68c-47bc-a83d-25b748d618ba.png?crop=center&height=900&v=1771673112&width=900 900w, //beautymarket.ma/cdn/shop/files/Copiede_527ef108-a68c-47bc-a83d-25b748d618ba.png?crop=center&height=950&v=1771673112&width=950 950w, //beautymarket.ma/cdn/shop/files/Copiede_527ef108-a68c-47bc-a83d-25b748d618ba.png?crop=center&height=1000&v=1771673112&width=1000 1000w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>33% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/cheveux/products/olaplex-no-3-hair-perfector-100ml-no-4-offert"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/olaplex-no-3-hair-perfector-100ml-no-4-offert">OLAPLEX Nº3 Hair Perfector – 100 ml = No.9 Bond Protector OFFERT</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">449.00 dh</s>
<span class="sale" data-price>299.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">449.00 dh</s>
<span class="sale" data-price>299.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8476857401519"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46523626520751"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8476857401519'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_ik8HVA-8476857401519">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_ik8HVA-8476857401519"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/cheveux/products/olaplex-no-3-hair-perfector-100ml-no-4-offert"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8476857401519"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46523626520751"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8476857401519'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_ik8HVA-8476857401519">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_ik8HVA-8476857401519"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8543446335663"
data-title="BIOKERA FRESH YELLOW SHOT SHAMPOOING 1000 ML"
data-url="/products/biokera-fresh-yellow-shot-shampooing-1000-ml"
data-variant-id="46690352922799"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/biokera-fresh-yellow-shot-shampooing-1000-ml"
aria-label="BIOKERA FRESH YELLOW SHOT SHAMPOOING 1000 ML"
><div
class="image product-item__image aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="BIOKERA FRESH YELLOW SHOT SHAMPOOING 1000 ML"
class="image__img"
loading="lazy"
width="692"
height="778"
src="//beautymarket.ma/cdn/shop/files/1155_1.jpg?v=1773927403&width=320"
srcset="//beautymarket.ma/cdn/shop/files/1155_1.jpg?crop=center&height=150&v=1773927403&width=150 150w, //beautymarket.ma/cdn/shop/files/1155_1.jpg?crop=center&height=200&v=1773927403&width=200 200w, //beautymarket.ma/cdn/shop/files/1155_1.jpg?crop=center&height=240&v=1773927403&width=240 240w, //beautymarket.ma/cdn/shop/files/1155_1.jpg?crop=center&height=280&v=1773927403&width=280 280w, //beautymarket.ma/cdn/shop/files/1155_1.jpg?crop=center&height=300&v=1773927403&width=300 300w, //beautymarket.ma/cdn/shop/files/1155_1.jpg?crop=center&height=360&v=1773927403&width=360 360w, //beautymarket.ma/cdn/shop/files/1155_1.jpg?crop=center&height=400&v=1773927403&width=400 400w, //beautymarket.ma/cdn/shop/files/1155_1.jpg?crop=center&height=450&v=1773927403&width=450 450w, //beautymarket.ma/cdn/shop/files/1155_1.jpg?crop=center&height=500&v=1773927403&width=500 500w, //beautymarket.ma/cdn/shop/files/1155_1.jpg?crop=center&height=550&v=1773927403&width=550 550w, //beautymarket.ma/cdn/shop/files/1155_1.jpg?crop=center&height=600&v=1773927403&width=600 600w, //beautymarket.ma/cdn/shop/files/1155_1.jpg?crop=center&height=650&v=1773927403&width=650 650w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>17% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/cheveux/products/biokera-fresh-yellow-shot-shampooing-1000-ml"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/biokera-fresh-yellow-shot-shampooing-1000-ml">BIOKERA FRESH YELLOW SHOT SHAMPOOING 1000 ML</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">509.00 dh</s>
<span class="sale" data-price>422.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">509.00 dh</s>
<span class="sale" data-price>422.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8543446335663"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46690352922799"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8543446335663'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_ik8HVA-8543446335663">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_ik8HVA-8543446335663"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/cheveux/products/biokera-fresh-yellow-shot-shampooing-1000-ml"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8543446335663"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46690352922799"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8543446335663'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_ik8HVA-8543446335663">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_ik8HVA-8543446335663"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8545013268655"
data-title="Wella Wellaflex Silk Finish & Hold Ultra Strong Hold Hairspray 250 ml"
data-url="/products/wella-wellaflex-silk-finish-hold-ultra-strong-hold-hairspray-250-ml"
data-variant-id="46699639406767"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/wella-wellaflex-silk-finish-hold-ultra-strong-hold-hairspray-250-ml"
aria-label="Wella Wellaflex Silk Finish & Hold Ultra Strong Hold Hairspray 250 ml"
><div
class="image product-item__image aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="Wella Wellaflex Silk Finish & Hold Ultra Strong Hold Hairspray 250 ml"
class="image__img"
loading="lazy"
width="1080"
height="1080"
src="//beautymarket.ma/cdn/shop/files/Designsanstitre-2026-03-24T105146.938.png?v=1774349541&width=320"
srcset="//beautymarket.ma/cdn/shop/files/Designsanstitre-2026-03-24T105146.938.png?crop=center&height=150&v=1774349541&width=150 150w, //beautymarket.ma/cdn/shop/files/Designsanstitre-2026-03-24T105146.938.png?crop=center&height=200&v=1774349541&width=200 200w, //beautymarket.ma/cdn/shop/files/Designsanstitre-2026-03-24T105146.938.png?crop=center&height=240&v=1774349541&width=240 240w, //beautymarket.ma/cdn/shop/files/Designsanstitre-2026-03-24T105146.938.png?crop=center&height=280&v=1774349541&width=280 280w, //beautymarket.ma/cdn/shop/files/Designsanstitre-2026-03-24T105146.938.png?crop=center&height=300&v=1774349541&width=300 300w, //beautymarket.ma/cdn/shop/files/Designsanstitre-2026-03-24T105146.938.png?crop=center&height=360&v=1774349541&width=360 360w, //beautymarket.ma/cdn/shop/files/Designsanstitre-2026-03-24T105146.938.png?crop=center&height=400&v=1774349541&width=400 400w, //beautymarket.ma/cdn/shop/files/Designsanstitre-2026-03-24T105146.938.png?crop=center&height=450&v=1774349541&width=450 450w, //beautymarket.ma/cdn/shop/files/Designsanstitre-2026-03-24T105146.938.png?crop=center&height=500&v=1774349541&width=500 500w, //beautymarket.ma/cdn/shop/files/Designsanstitre-2026-03-24T105146.938.png?crop=center&height=550&v=1774349541&width=550 550w, //beautymarket.ma/cdn/shop/files/Designsanstitre-2026-03-24T105146.938.png?crop=center&height=600&v=1774349541&width=600 600w, //beautymarket.ma/cdn/shop/files/Designsanstitre-2026-03-24T105146.938.png?crop=center&height=650&v=1774349541&width=650 650w, //beautymarket.ma/cdn/shop/files/Designsanstitre-2026-03-24T105146.938.png?crop=center&height=700&v=1774349541&width=700 700w, //beautymarket.ma/cdn/shop/files/Designsanstitre-2026-03-24T105146.938.png?crop=center&height=750&v=1774349541&width=750 750w, //beautymarket.ma/cdn/shop/files/Designsanstitre-2026-03-24T105146.938.png?crop=center&height=800&v=1774349541&width=800 800w, //beautymarket.ma/cdn/shop/files/Designsanstitre-2026-03-24T105146.938.png?crop=center&height=850&v=1774349541&width=850 850w, //beautymarket.ma/cdn/shop/files/Designsanstitre-2026-03-24T105146.938.png?crop=center&height=900&v=1774349541&width=900 900w, //beautymarket.ma/cdn/shop/files/Designsanstitre-2026-03-24T105146.938.png?crop=center&height=950&v=1774349541&width=950 950w, //beautymarket.ma/cdn/shop/files/Designsanstitre-2026-03-24T105146.938.png?crop=center&height=1000&v=1774349541&width=1000 1000w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>17% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/cheveux/products/wella-wellaflex-silk-finish-hold-ultra-strong-hold-hairspray-250-ml"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/wella-wellaflex-silk-finish-hold-ultra-strong-hold-hairspray-250-ml">Wella Wellaflex Silk Finish & Hold Ultra Strong Hold Hairspray 250 ml</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">83.00 dh</s>
<span class="sale" data-price>69.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">83.00 dh</s>
<span class="sale" data-price>69.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8545013268655"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46699639406767"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8545013268655'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_ik8HVA-8545013268655">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_ik8HVA-8545013268655"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/cheveux/products/wella-wellaflex-silk-finish-hold-ultra-strong-hold-hairspray-250-ml"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8545013268655"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46699639406767"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8545013268655'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_ik8HVA-8545013268655">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_ik8HVA-8545013268655"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8476975005871"
data-title="OLAPLEX N°7 Bonding Oil 60ML = N°9 & The Stand-Alone Treatment OFFERT"
data-url="/products/olaplex-n-7-bonding-oil-60ml-the-stand-alone-treatment-offert"
data-variant-id="46523965112495"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/olaplex-n-7-bonding-oil-60ml-the-stand-alone-treatment-offert"
aria-label="OLAPLEX N°7 Bonding Oil 60ML = N°9 & The Stand-Alone Treatment OFFERT"
><div
class="image product-item__image aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="OLAPLEX N°7 Bonding Oil 60ML = N°9 & The Stand-Alone Treatment OFFERT"
class="image__img"
loading="lazy"
width="1080"
height="1080"
src="//beautymarket.ma/cdn/shop/files/Copiede_3.png?v=1770636231&width=320"
srcset="//beautymarket.ma/cdn/shop/files/Copiede_3.png?crop=center&height=150&v=1770636231&width=150 150w, //beautymarket.ma/cdn/shop/files/Copiede_3.png?crop=center&height=200&v=1770636231&width=200 200w, //beautymarket.ma/cdn/shop/files/Copiede_3.png?crop=center&height=240&v=1770636231&width=240 240w, //beautymarket.ma/cdn/shop/files/Copiede_3.png?crop=center&height=280&v=1770636231&width=280 280w, //beautymarket.ma/cdn/shop/files/Copiede_3.png?crop=center&height=300&v=1770636231&width=300 300w, //beautymarket.ma/cdn/shop/files/Copiede_3.png?crop=center&height=360&v=1770636231&width=360 360w, //beautymarket.ma/cdn/shop/files/Copiede_3.png?crop=center&height=400&v=1770636231&width=400 400w, //beautymarket.ma/cdn/shop/files/Copiede_3.png?crop=center&height=450&v=1770636231&width=450 450w, //beautymarket.ma/cdn/shop/files/Copiede_3.png?crop=center&height=500&v=1770636231&width=500 500w, //beautymarket.ma/cdn/shop/files/Copiede_3.png?crop=center&height=550&v=1770636231&width=550 550w, //beautymarket.ma/cdn/shop/files/Copiede_3.png?crop=center&height=600&v=1770636231&width=600 600w, //beautymarket.ma/cdn/shop/files/Copiede_3.png?crop=center&height=650&v=1770636231&width=650 650w, //beautymarket.ma/cdn/shop/files/Copiede_3.png?crop=center&height=700&v=1770636231&width=700 700w, //beautymarket.ma/cdn/shop/files/Copiede_3.png?crop=center&height=750&v=1770636231&width=750 750w, //beautymarket.ma/cdn/shop/files/Copiede_3.png?crop=center&height=800&v=1770636231&width=800 800w, //beautymarket.ma/cdn/shop/files/Copiede_3.png?crop=center&height=850&v=1770636231&width=850 850w, //beautymarket.ma/cdn/shop/files/Copiede_3.png?crop=center&height=900&v=1770636231&width=900 900w, //beautymarket.ma/cdn/shop/files/Copiede_3.png?crop=center&height=950&v=1770636231&width=950 950w, //beautymarket.ma/cdn/shop/files/Copiede_3.png?crop=center&height=1000&v=1770636231&width=1000 1000w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>23% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/cheveux/products/olaplex-n-7-bonding-oil-60ml-the-stand-alone-treatment-offert"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/olaplex-n-7-bonding-oil-60ml-the-stand-alone-treatment-offert">OLAPLEX N°7 Bonding Oil 60ML = N°9 & The Stand-Alone Treatment OFFERT</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">779.00 dh</s>
<span class="sale" data-price>599.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">779.00 dh</s>
<span class="sale" data-price>599.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8476975005871"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46523965112495"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8476975005871'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_ik8HVA-8476975005871">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_ik8HVA-8476975005871"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/cheveux/products/olaplex-n-7-bonding-oil-60ml-the-stand-alone-treatment-offert"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8476975005871"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="46523965112495"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8476975005871'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_ik8HVA-8476975005871">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_ik8HVA-8476975005871"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="product-item animation--item"
style="--z-index-item: ;"
data-input-item
data-id="8050440077487"
data-title="NOVAHAIR Huile Précieuse Antichute 100ml"
data-url="/products/novahair-huile-precieuse-antichute-100ml"
data-variant-id="44244716191919"
data-quantity-in-cart="0"
data-product-has-single-variant="true"
data-quick-add-style="text"
data-product-item-alignment="center"
data-price-position="below_title"
data-show-inventory="false"
data-ratings-visible="false"
>
<div class="product-item__inner">
<div class="product-item__media-wrapper">
<div class="product-item__media" data-aspect-ratio="square">
<a
class="product-item__image-link"
href="/products/novahair-huile-precieuse-antichute-100ml"
aria-label="NOVAHAIR Huile Précieuse Antichute 100ml"
><div
class="image product-item__image aspect-ratio--square animation--lazy-load"
style="--object-fit: cover;"
>
<img
alt="NOVAHAIR Huile Précieuse Antichute 100ml"
class="image__img"
loading="lazy"
width="989"
height="1091"
src="//beautymarket.ma/cdn/shop/files/novahaire_1.png?v=1767085225&width=320"
srcset="//beautymarket.ma/cdn/shop/files/novahaire_1.png?crop=center&height=150&v=1767085225&width=150 150w, //beautymarket.ma/cdn/shop/files/novahaire_1.png?crop=center&height=200&v=1767085225&width=200 200w, //beautymarket.ma/cdn/shop/files/novahaire_1.png?crop=center&height=240&v=1767085225&width=240 240w, //beautymarket.ma/cdn/shop/files/novahaire_1.png?crop=center&height=280&v=1767085225&width=280 280w, //beautymarket.ma/cdn/shop/files/novahaire_1.png?crop=center&height=300&v=1767085225&width=300 300w, //beautymarket.ma/cdn/shop/files/novahaire_1.png?crop=center&height=360&v=1767085225&width=360 360w, //beautymarket.ma/cdn/shop/files/novahaire_1.png?crop=center&height=400&v=1767085225&width=400 400w, //beautymarket.ma/cdn/shop/files/novahaire_1.png?crop=center&height=450&v=1767085225&width=450 450w, //beautymarket.ma/cdn/shop/files/novahaire_1.png?crop=center&height=500&v=1767085225&width=500 500w, //beautymarket.ma/cdn/shop/files/novahaire_1.png?crop=center&height=550&v=1767085225&width=550 550w, //beautymarket.ma/cdn/shop/files/novahaire_1.png?crop=center&height=600&v=1767085225&width=600 600w, //beautymarket.ma/cdn/shop/files/novahaire_1.png?crop=center&height=650&v=1767085225&width=650 650w, //beautymarket.ma/cdn/shop/files/novahaire_1.png?crop=center&height=700&v=1767085225&width=700 700w, //beautymarket.ma/cdn/shop/files/novahaire_1.png?crop=center&height=750&v=1767085225&width=750 750w, //beautymarket.ma/cdn/shop/files/novahaire_1.png?crop=center&height=800&v=1767085225&width=800 800w, //beautymarket.ma/cdn/shop/files/novahaire_1.png?crop=center&height=850&v=1767085225&width=850 850w, //beautymarket.ma/cdn/shop/files/novahaire_1.png?crop=center&height=900&v=1767085225&width=900 900w, //beautymarket.ma/cdn/shop/files/novahaire_1.png?crop=center&height=950&v=1767085225&width=950 950w"
sizes="(max-width: 720px) calc((90vw - 12px) / 2), (max-width: 1400px) calc((93.4vw - (12px * 3)) / 5), 270px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</a>
<div
class="product-badges"
data-badge-shape="rectangle"
data-badge-vertical-position="top"
data-badge-horizontal-position="right"
>
<div
class="product-badge"
data-type="sale"
>
<span
class="product-badge__inner badge-shape"
data-badge-shape="rectangle"
>
<span
class="displayed-discount-wrapper"
data-hidden="false"
data-has-discount="true"
>
<span
data-badge-shape="rectangle"
>16% de réduction</span>
</span>
</span>
</div>
</div>
<div data-product-item-element-visible-only-for-mode="grid">
<div class="product-item__floating-action-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/cheveux/products/novahair-huile-precieuse-antichute-100ml"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__meta">
<div data-product-item-element-visible-only-for-mode="grid">
</div>
<div
class="product-item__text ta-c"
>
<div class="product-item__text_group_primary">
<h3
class="product-item__product-title fs-product-title ff-body"
data-base-size-setting="15"
>
<a href="/products/novahair-huile-precieuse-antichute-100ml">NOVAHAIR Huile Précieuse Antichute 100ml</a>
</h3>
<div data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">255.00 dh</s>
<span class="sale" data-price>214.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
</div>
<div class="product-item__text_group_secondary">
<div data-product-item-element-visible-only-for-mode="list">
<div
class="product-item__price-wrap"
data-position="below_title"
>
<p
class="product-item__price ff-product-price"
data-position="below_title"
data-enlarged-prices="false"
>
<span class="product-item__price-main">
<span class="visually-hidden">Prix habituel</span>
<s class="t-subdued">255.00 dh</s>
<span class="sale" data-price>214.00 dh</span>
</span>
<dl class="unit-price" data-unit-price-container data-unit-price-available="false">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix unitaire</span>
</dt>
<dd class="unit-price__price">
<span data-unit-price></span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">par</span>
<span data-unit-base>
<span data-unit-price-base-unit></span>
</span>
</dd>
</dl>
</p>
</div>
</div>
<div class="product-item__spacer"></div>
<div class="product-item__quick-add-beneath" data-product-item-element-visible-only-for-mode="grid">
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8050440077487"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="44244716191919"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8050440077487'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_ik8HVA-8050440077487">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-product-item-template--18718532206767__featured_collection_ik8HVA-8050440077487"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
<div class="product-item__list-mode-buttons-wrap" data-product-item-element-visible-only-for-mode="list">
<div class="product-item__list-mode-buttons">
<button
class="product-item__quick-view-button btn btn--rounded show-product-quick-view product-item__disc-button"
href="/collections/cheveux/products/novahair-huile-precieuse-antichute-100ml"
title="Vue rapide"
aria-label="Vue rapide"
>
<span class="icon icon-quick-view" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0875 15.6805C13.9032 15.6805 15.375 14.2086 15.375 12.393C15.375 10.5773 13.9032 9.10547 12.0875 9.10547C10.2719 9.10547 8.80005 10.5773 8.80005 12.393C8.80005 14.2086 10.2719 15.6805 12.0875 15.6805Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.489 11.7954C21.3901 10.5555 17.0224 6 11.8 6C6.57759 6 2.20992 10.5555 1.11096 11.7954C1.03921 11.8827 1 11.9923 1 12.1053C1 12.2184 1.03921 12.3279 1.11096 12.4153C2.20992 13.6552 6.57759 18.2107 11.8 18.2107C17.0224 18.2107 21.3901 13.6552 22.489 12.4153C22.5608 12.3279 22.6 12.2184 22.6 12.1053C22.6 11.9923 22.5608 11.8827 22.489 11.7954V11.7954Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<div
class="product-item__quick-add-wrapper"
data-has-variants="false"
data-quantity-in-cart="0"
data-product-id="8050440077487"
data-quick-add-style="text"
>
<button
type="button"
class="product-item__quick-add btn btn--small btn--full btn--tertiary"
data-quantity-in-cart="0"
data-variant-id="44244716191919"
aria-label="Ajouter au panier"
>
<span class="product-item__quick-add__add-text">Ajouter au panier</span>
<span class="product-item__quick-add__cart-count">
<span class='quantity-in-cart-display' data-id='8050440077487'>0</span> dans le panier
</span>
</button>
<div class="quantity-input-wrapper__labels product__label visually-hidden">
<label class="quantity-input-wrapper__label fs-body-100" for="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_ik8HVA-8050440077487">
Quantité
</label>
</div>
<div
class="quantity-input-wrapper quantity-input-wrapper--product-item-quick-add"
data-quantity-selector
>
<div
class="quantity-input"
data-bordered="false"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-subtract-quantity
aria-label="Soustraire la quantité de produit"
>
<span class="icon icon-minus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12H12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-remove-item
aria-label="Supprimer"
>
<span class="icon icon-remove" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.472" d="M1.902 5.292h20.196M19.854 5.292V21a2.244 2.244 0 0 1-2.244 2.244H6.39A2.244 2.244 0 0 1 4.146 21V5.292m3.366 0V3.048A2.244 2.244 0 0 1 9.756.804h4.488a2.244 2.244 0 0 1 2.244 2.244v2.244"/></svg>
</span>
</button>
<input
type="number"
name="updates[]"
id="quantity-input-quick-add-list-mode-product-item-template--18718532206767__featured_collection_ik8HVA-8050440077487"
value="1"
min="1"
pattern="[0-9]*"
class="quantity-input__input"
data-quantity-input
data-product-quantity-input
aria-label="Quantité de produits"
>
<button
type="button"
class="quantity-input__button btn btn--primary"
data-add-quantity
aria-label="Ajouter la quantité de produit"
>
<span class="icon icon-plus-16" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4V12M12 12V20M12 12H20M12 12H4" stroke="currentColor" stroke-width="1.25"/></svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</scroll-slider-component>
<div
class="scroll-slider-nav-button-wrapper scroll-slider-nav-button-wrapper--prev"
data-is-small="false"
>
<button
type="button"
class="scroll-slider-nav-button scroll-slider-nav-button--prev hidden"
title="Précédent"
data-scroll-slider-prev-button
name="prev"
>
<span class="icon icon-arrow-short" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 12.4016H11.5H23M23 12.4016L13.8 3M23 12.4016L13.8 21.8032" stroke="currentColor" stroke-width="1.75"/></svg>
</span>
</button>
</div>
<div
class="scroll-slider-nav-button-wrapper scroll-slider-nav-button-wrapper--next"
data-is-small="false"
>
<button
type="button"
class="scroll-slider-nav-button scroll-slider-nav-button--next hidden"
title="Suivant"
data-scroll-slider-next-button
name="next"
>
<span class="icon icon-arrow-short" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 12.4016H11.5H23M23 12.4016L13.8 3M23 12.4016L13.8 21.8032" stroke="currentColor" stroke-width="1.75"/></svg>
</span>
</button>
</div>
</div>
<script src="//beautymarket.ma/cdn/shop/t/35/assets/section-footer.js?v=11514157199586841511754934608" type="module"></script>
<section-footer-component class="section-footer animation--container-footer">
<div class="scroll-slider-page-dots" data-scroll-slider-page-dots data-hide-below-720="true"></div>
</section-footer-component>
</div>
</div>
</section>
</main><!-- BEGIN sections: footer-group -->
<section id="shopify-section-sections--18718532927663__0e02acc1-543f-435e-b58a-8e59e6c5e6e0" class="shopify-section shopify-section-group-footer-group"><div
class="icon-with-text-columns section"
data-section-id="sections--18718532927663__0e02acc1-543f-435e-b58a-8e59e6c5e6e0"
data-section-type="icon-with-text-columns"
style=" --section-style-spacing-top: 40px; --section-style-spacing-bottom: 40px; --color-background: #f3f3f3; --color-background-alpha-80: rgba(243, 243, 243, 0.8); --color-text: #121212; --color-text-input: #121212; --color-text-link: #121212; --color-text-alpha-90: rgba(18, 18, 18, 0.9); --color-text-alpha-80: rgba(18, 18, 18, 0.8); --color-text-alpha-70: rgba(18, 18, 18, 0.7); --color-text-alpha-60: rgba(18, 18, 18, 0.6); --color-text-alpha-50: rgba(18, 18, 18, 0.5); --color-text-alpha-40: rgba(18, 18, 18, 0.4); --color-text-alpha-30: rgba(18, 18, 18, 0.3); --color-text-alpha-25: rgba(18, 18, 18, 0.25); --color-text-alpha-20: rgba(18, 18, 18, 0.2); --color-text-alpha-10: rgba(18, 18, 18, 0.1); --color-text-alpha-05: rgba(18, 18, 18, 0.05);--color-border-input: rgba(18, 18, 18, 0.4); --num-columns-desktop: 2; --num-columns-tablet: 2; "
>
<div class="section-inner">
<div
class="icon-with-text-columns__columns icon-modifiers"
data-icon-border="none"
data-icon-fill="outlined"
style="--icon-max-width: 49px; --icon-mobile-max-width: 35px; --icon-border-color: var(--color-text-alpha-30); --icon-text-color: var(--color-background);"
>
<script src="//beautymarket.ma/cdn/shop/t/35/assets/scroll-slider.js?v=137308953565903322681754934608" type="module"></script>
<scroll-slider-component
class="scroll-slider scroll-slider--standard-width scroll-below-720-only"
style="--columns: 1; --columns-above-720: 2; --columns-above-1024: 2; --peek: 0px; --gap: 0px;"
data-id="icon-with-text-columns"
data-navigation-container=".icon-with-text-columns"
data-autoplay=""
data-autoplay-delay="0"
data-autoplay-pause-on-hover=""
>
<div class="scroll-slider__slider icon-with-text-columns__slider animation--container">
<div
class="icon-with-text-column"
data-desktop-alignment="above_center"
>
<div class="icon-with-text-column__icon-wrapper icon-modifiers__wrapper">
<div
class="image icon-modifiers__icon animation--lazy-load"
style=""
>
<img
alt=""
class="image__img"
loading="lazy"
width="512"
height="512"
src="//beautymarket.ma/cdn/shop/files/411776_1eeb4f62-c7b9-44e9-99fa-ae9acf31516a.png?v=1715868733&width=320"
srcset="//beautymarket.ma/cdn/shop/files/411776_1eeb4f62-c7b9-44e9-99fa-ae9acf31516a.png?v=1715868733&width=100 100w, //beautymarket.ma/cdn/shop/files/411776_1eeb4f62-c7b9-44e9-99fa-ae9acf31516a.png?v=1715868733&width=150 150w, //beautymarket.ma/cdn/shop/files/411776_1eeb4f62-c7b9-44e9-99fa-ae9acf31516a.png?v=1715868733&width=200 200w, //beautymarket.ma/cdn/shop/files/411776_1eeb4f62-c7b9-44e9-99fa-ae9acf31516a.png?v=1715868733&width=240 240w, //beautymarket.ma/cdn/shop/files/411776_1eeb4f62-c7b9-44e9-99fa-ae9acf31516a.png?v=1715868733&width=280 280w, //beautymarket.ma/cdn/shop/files/411776_1eeb4f62-c7b9-44e9-99fa-ae9acf31516a.png?v=1715868733&width=300 300w, //beautymarket.ma/cdn/shop/files/411776_1eeb4f62-c7b9-44e9-99fa-ae9acf31516a.png?v=1715868733&width=360 360w, //beautymarket.ma/cdn/shop/files/411776_1eeb4f62-c7b9-44e9-99fa-ae9acf31516a.png?v=1715868733&width=400 400w, //beautymarket.ma/cdn/shop/files/411776_1eeb4f62-c7b9-44e9-99fa-ae9acf31516a.png?v=1715868733&width=450 450w, //beautymarket.ma/cdn/shop/files/411776_1eeb4f62-c7b9-44e9-99fa-ae9acf31516a.png?v=1715868733&width=500 500w"
sizes="(min-width: 720px) px, [[ism]px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</div>
<div class="icon-with-text-column__text-wrapper">
<div class="icon-with-text-column__heading ff-heading fs-heading-4-base">
LIVRAISON GRATUITE
</div>
<div class="icon-with-text-column__text rte fs-body-75">
<p>Tanger, Tétouan, Rabat, Salé, Témara, Fès, Meknès & Ifrane.</p>
</div>
</div>
</div>
<div
class="icon-with-text-column"
data-desktop-alignment="above_center"
>
<div class="icon-with-text-column__icon-wrapper icon-modifiers__wrapper">
<div
class="image icon-modifiers__icon animation--lazy-load"
style=""
>
<img
alt=""
class="image__img"
loading="lazy"
width="203"
height="160"
src="//beautymarket.ma/cdn/shop/files/logo-cmi-open_2.png?v=1719651662&width=320"
srcset="//beautymarket.ma/cdn/shop/files/logo-cmi-open_2.png?v=1719651662&width=100 100w, //beautymarket.ma/cdn/shop/files/logo-cmi-open_2.png?v=1719651662&width=150 150w, //beautymarket.ma/cdn/shop/files/logo-cmi-open_2.png?v=1719651662&width=200 200w"
sizes="(min-width: 720px) px, [[ism]px"
onload="javascript: this.closest('.image').classList.add('loaded')"
/>
</div>
</div>
<div class="icon-with-text-column__text-wrapper">
<div class="icon-with-text-column__heading ff-heading fs-heading-4-base">
PAIEMENT SECURISÉ
</div>
<div class="icon-with-text-column__text rte fs-body-75">
<p>Paiement à la livraison ou CMI</p>
</div>
</div>
</div>
</div>
</scroll-slider-component>
<div class="scroll-slider-page-dots" data-scroll-slider-page-dots data-hide-below-720="false"></div>
</div>
</div>
</div>
</section><section id="shopify-section-sections--18718532927663__collapsible_row_list_LqXVme" class="shopify-section shopify-section-group-footer-group"><div
class="collapsible-row-list section"
data-section-id="sections--18718532927663__collapsible_row_list_LqXVme"
data-section-type="collapsible-row-list"
data-use-custom-colors="true"
data-color-scheme="default"
style=" --color-text: #121212; --color-text-link: #121212;--color-background: #ffffff;--color-background-alpha-80: rgba(255, 255, 255, 0.8); --color-text-alpha-90: rgba(18, 18, 18, 0.9); --color-text-alpha-80: rgba(18, 18, 18, 0.8); --color-text-alpha-70: rgba(18, 18, 18, 0.7); --color-text-alpha-60: rgba(18, 18, 18, 0.6); --color-text-alpha-50: rgba(18, 18, 18, 0.5); --color-text-alpha-40: rgba(18, 18, 18, 0.4); --color-text-alpha-30: rgba(18, 18, 18, 0.3); --color-text-alpha-25: rgba(18, 18, 18, 0.25); --color-text-alpha-20: rgba(18, 18, 18, 0.2); --color-text-alpha-10: rgba(18, 18, 18, 0.1); --color-text-alpha-05: rgba(18, 18, 18, 0.05); --section-style-spacing-top: 36px; --section-style-spacing-bottom: 36px; "
>
<div class="section-inner">
<div
class="collapsible-row-list__inner"
style=" --content-flex-direction: column; --header-order: 1; --content-order: 2; --content-width: 1000px; --color-text: #121212; --color-text-link: #121212;--color-background: #ffffff;--color-background-alpha-80: rgba(255, 255, 255, 0.8); --color-text-alpha-90: rgba(18, 18, 18, 0.9); --color-text-alpha-80: rgba(18, 18, 18, 0.8); --color-text-alpha-70: rgba(18, 18, 18, 0.7); --color-text-alpha-60: rgba(18, 18, 18, 0.6); --color-text-alpha-50: rgba(18, 18, 18, 0.5); --color-text-alpha-40: rgba(18, 18, 18, 0.4); --color-text-alpha-30: rgba(18, 18, 18, 0.3); --color-text-alpha-25: rgba(18, 18, 18, 0.25); --color-text-alpha-20: rgba(18, 18, 18, 0.2); --color-text-alpha-10: rgba(18, 18, 18, 0.1); --color-text-alpha-05: rgba(18, 18, 18, 0.05); "
data-flex-direction="column"
>
<div
class="section-header section-blocks animation--container-header"
data-alignment="center">
<h2 class="ff-heading section-header__heading fs-heading-3-base">
FAQ
</h2>
<h2 class="ff-body fs-body-100 section-header__subheading rte">
</h2>
</div>
<div class="collapsible-row-list__items animation--container">
<div
class="collapsible-row-list-item"
data-index="0"
>
<button
type="button"
class="collapsible-row-list-item__trigger fs-heading-6-base ff-heading"
aria-controls="content-1"
aria-expanded="true"
data-expand-by-default="true"
>
<div class="collapsible-row-list-item__label">
<span
class="icon icon-delivery-truck-right collapsible-row-list-item__icon"
style=""
>
<svg
viewbox="-0.5 -0.5 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M15.094 7.188h1.916c.288 0 .575.191.767.383l1.63 2.492 2.203.766a.92.92 0 0 1 .671.863v4.12a.96.96 0 0 1-.958.959h-2.864"/>
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M16.531 18.688a1.917 1.917 0 1 0 0-3.834 1.917 1.917 0 0 0 0 3.834Z"/>
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M15.094 15.516V5.271c0-.575-.384-.958-.959-.958H1.677c-.575 0-.958.383-.958.958v10.542c0 .479.383.958.958.958h1.435m11.497 0h-3.83"/>
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M5.031 18.688a1.917 1.917 0 1 0 0-3.834 1.917 1.917 0 0 0 0 3.834Z"/>
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M8.865 18.688a1.917 1.917 0 1 0 0-3.834 1.917 1.917 0 0 0 0 3.834ZM5.031 4.313v6.708M9.823 4.313v6.708"/></svg>
</span>
<span class="collapsible-row-list-item__heading">
Où livrez-vous?!
</span>
</div>
<div class="accordion__label-icons" style="--icon-width: 15px; --icon-height: 15px;">
<span class="icon icon-chevron" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2"/></svg>
</span>
</div>
</button>
<div
class="collapsible-row-list-item__text-container"
aria-hidden="false"
id="content-1"
>
<div class="collapsible-row-list-item__text fs-body-100 rte">
<p>Nous livrons nos produits partout au Maroc. </p><p>Les livraisons à Tanger, Tétouan, Rabat, Salé, Témara, Fès, Meknès et Ifrane sont effectuées le jour même pour toute commande passée avant midi. La livraison est 100% GRATUITE !</p><p>Pour les autres villes du Royaume vous serez livrés entre 48h à 72h maximum . La livraison est gratuite à partir de 600dhs d'achat, 20dhs pour Casablanca et 29dhs les autres villes.</p><p>Nous sommes disponibles via GLOVO également.</p><p></p>
</div>
</div>
</div>
<div
class="collapsible-row-list-item"
data-index="1"
>
<button
type="button"
class="collapsible-row-list-item__trigger fs-heading-6-base ff-heading"
aria-controls="content-2"
aria-expanded="false"
data-expand-by-default="false"
>
<div class="collapsible-row-list-item__label">
<span
class="icon icon-user-question collapsible-row-list-item__icon"
style=""
>
<svg
viewbox="-0.5 -0.5 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M14.707 22.52v-2.874h.958a2.875 2.875 0 0 0 2.875-2.875v-2.875h2.696a.478.478 0 0 0 .453-.624C19.893 7.714 18.592 1.738 12.662.654A9.574 9.574 0 0 0 1.33 8.949a9.32 9.32 0 0 0 3.793 8.41v5.162"/>
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M7.998 7.667a2.875 2.875 0 1 1 3.603 2.779.926.926 0 0 0-.729.881v1.61"/>
<path stroke="currentColor" d="M10.873 15.333a.24.24 0 0 1 0-.479M10.873 15.333a.24.24 0 1 0 0-.479"/></svg>
</span>
<span class="collapsible-row-list-item__heading">
Puis-je récupérer mes produits moi-même ?
</span>
</div>
<div class="accordion__label-icons" style="--icon-width: 15px; --icon-height: 15px;">
<span class="icon icon-chevron" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2"/></svg>
</span>
</div>
</button>
<div
class="collapsible-row-list-item__text-container"
aria-hidden="true"
id="content-2"
>
<div class="collapsible-row-list-item__text fs-body-100 rte">
<p>Oui, il est tout à fait possible de récupérer vos produits directement chez nous. Nous proposons une option de retrait en magasin pour vous offrir plus de flexibilité et vous permettre de récupérer vos commandes au moment qui vous convient le mieux. Voici comment cela fonctionne :</p><ol><li><strong>Sélection du mode de retrait</strong> : Lors de votre commande en ligne, choisissez l'option "Retrait en magasin" lors de la sélection du mode de livraison.</li><li><strong>Confirmation de la disponibilité</strong> : Vous recevrez un email de confirmation une fois que votre commande sera prête à être récupérée. Assurez-vous d'attendre cette confirmation avant de vous rendre sur place.</li></ol><p><strong>Lieu de retrait :</strong><br/><br/>Nos produits peuvent être récupérés à :</p><ul><li><strong>TANGER</strong> : 36 Avenue Abi Al Hassan Achadli ( Résidence Dalia 2 - Magasin en face marjane)</li><li><strong>RABAT</strong> : Avenue El Haouz, immeuble 36, magasin 14 (à côté de Locamed)</li><li><strong>FÈS</strong> : 1 Avenue Prince Héritier (à côté de la clinique Agdal)<br/></li></ul><p>Veuillez vous munir de votre <strong>email de confirmation</strong> ainsi que d’une <strong>pièce d’identité</strong> lors du retrait.</p><ol><li><strong>Horaires de retrait</strong> : Notre point de retrait est ouvert [Du lundi au vendredi de 9h à 18h.]. Merci de vérifier nos horaires avant de vous déplacer.</li></ol><p>Si vous avez des questions ou des besoins particuliers, n'hésitez pas à nous contacter à [0660626704] pour toute assistance supplémentaire.</p>
</div>
</div>
</div>
<div
class="collapsible-row-list-item"
data-index="2"
>
<button
type="button"
class="collapsible-row-list-item__trigger fs-heading-6-base ff-heading"
aria-controls="content-3"
aria-expanded="false"
data-expand-by-default="false"
>
<div class="collapsible-row-list-item__label">
<span
class="icon icon-package collapsible-row-list-item__icon"
style=""
>
<svg
viewbox="-0.5 -0.5 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M22.52 5.884a.958.958 0 0 0-.574-.879L11.883.63a.964.964 0 0 0-.766 0L1.054 5.005a.958.958 0 0 0-.575.88v11.19a.958.958 0 0 0 .59.884l10.527 4.386a.958.958 0 0 0 .766-.012l9.597-4.364a.958.958 0 0 0 .562-.872ZM11.98 10.047.655 5.33M11.98 10.047l10.367-4.713M6.888 2.472 17.526 7.53"/>
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M9.104 12.397a.48.48 0 0 0-.287-.439L4.025 9.861a.48.48 0 0 0-.67.44v3.745a.48.48 0 0 0 .287.44l4.791 2.096a.48.48 0 0 0 .671-.439ZM11.98 22.45V10.047"/></svg>
</span>
<span class="collapsible-row-list-item__heading">
Est-il possible de retourner un produit ?
</span>
</div>
<div class="accordion__label-icons" style="--icon-width: 15px; --icon-height: 15px;">
<span class="icon icon-chevron" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2"/></svg>
</span>
</div>
</button>
<div
class="collapsible-row-list-item__text-container"
aria-hidden="true"
id="content-3"
>
<div class="collapsible-row-list-item__text fs-body-100 rte">
<p>Oui bien sur, tant que le produit n'a pas été ouvert ou abimés.</p><p><strong>Délai de retour :</strong></p><ul><li>Vous disposez d'un délai de 7 jours calendaires à compter de la date de réception de votre commande pour effectuer un retour.</li></ul>
</div>
</div>
</div>
<div
class="collapsible-row-list-item"
data-index="3"
>
<button
type="button"
class="collapsible-row-list-item__trigger fs-heading-6-base ff-heading"
aria-controls="content-4"
aria-expanded="false"
data-expand-by-default="false"
>
<div class="collapsible-row-list-item__label">
<span
class="icon icon-shield-check collapsible-row-list-item__icon"
style=""
>
<svg
viewbox="-0.5 -0.5 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m16.77 6.708-5.783 8.369-4.387-4.39"/>
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M1.917 3.618v7.319a11.773 11.773 0 0 0 7.502 10.99l1.022.396a2.935 2.935 0 0 0 2.118 0l1.023-.396a11.773 11.773 0 0 0 7.501-10.99v-7.32a1.472 1.472 0 0 0-.853-1.347A21.22 21.22 0 0 0 11.5.48a21.22 21.22 0 0 0-8.73 1.79 1.472 1.472 0 0 0-.853 1.348Z"/></svg>
</span>
<span class="collapsible-row-list-item__heading">
Quels sont les modes de paiement disponible ?
</span>
</div>
<div class="accordion__label-icons" style="--icon-width: 15px; --icon-height: 15px;">
<span class="icon icon-chevron" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2"/></svg>
</span>
</div>
</button>
<div
class="collapsible-row-list-item__text-container"
aria-hidden="true"
id="content-4"
>
<div class="collapsible-row-list-item__text fs-body-100 rte">
<p>Vous pouvez payer vos achats par carte bancaire (100% sécurisé avec le CMI) et en espèce directement à la livraison. </p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section><footer id="shopify-section-sections--18718532927663__footer" class="shopify-section shopify-section-group-footer-group footer__parent"><div
class="footer section"
data-section-id="sections--18718532927663__footer"
data-section-type="footer"
style=" --color-background-input: rgba(18, 18, 18, 0.2); --color-background-input-highlight: rgba(18, 18, 18, 0.35); --color-text-input: rgba(18, 18, 18, 0.95); --desktop-column-gap: 100px; --color-text-alpha-40: rgba(18, 18, 18, 0.4); "
>
<div class="section-inner">
<div class="footer__inner">
<div class="footer__groups">
<div
class="footer__group"
data-show-title-on-desktop="true"
data-block-type="contact"
data-prev-block-type=""
data-next-block-type="links"
style=" "
>
<h3 class="footer__header ff-body">
<span class="footer__heading ff-heading fs-heading-5-base">Pour Commander</span>
</h3>
<div class="footer__group-content"><div class="ff-body fs-body-100 footer__text"><p>La méthode la plus simple pour passer commande est directement via notre site web. Sinon, vous pouvez passer votre commande par :</p></div>
<div class="footer-contact-info">
<p>
<span
class="icon icon-message-bubble-double"
style=""
>
<svg
viewbox="-0.5 -0.5 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M9.104 15.813c0 4.109 4.792 7.187 9.104 5.27l3.834 1.438-1.438-2.875a4.786 4.786 0 0 0 1.917-3.833c0-3.023-3.004-5.75-6.708-5.75s-6.709 2.727-6.709 5.75Z"/>
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M16.675 8.146a5.58 5.58 0 0 0 .096-.959C16.77 3.484 13.129.48 8.625.48S.479 3.483.479 7.187a6.166 6.166 0 0 0 2.412 4.763L.958 15.333l4.734-1.893a9.577 9.577 0 0 0 1.496.346"/></svg>
</span>
<a href="tel:0660872282">
0660872282 : للطلب عبر الواتساب
</a>
</p>
<p>
<span
class="icon icon-package"
style=""
>
<svg
viewbox="-0.5 -0.5 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M22.52 5.884a.958.958 0 0 0-.574-.879L11.883.63a.964.964 0 0 0-.766 0L1.054 5.005a.958.958 0 0 0-.575.88v11.19a.958.958 0 0 0 .59.884l10.527 4.386a.958.958 0 0 0 .766-.012l9.597-4.364a.958.958 0 0 0 .562-.872ZM11.98 10.047.655 5.33M11.98 10.047l10.367-4.713M6.888 2.472 17.526 7.53"/>
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M9.104 12.397a.48.48 0 0 0-.287-.439L4.025 9.861a.48.48 0 0 0-.67.44v3.745a.48.48 0 0 0 .287.44l4.791 2.096a.48.48 0 0 0 .671-.439ZM11.98 22.45V10.047"/></svg>
</span>
<a href="tel:0773733471">
تتبع الطلب : 0773733471
</a>
</p>
</div>
<ul class="social-icons social-icons--left" data-count="3"><li>
<a
href="https://pin.it/7guM1ElK0"
title="beautymarket.maroc sur Pinterest"
target="_blank"
rel="noopener"
>
<span class="icon icon-pinterest" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12,2C6.477,2,2,6.477,2,12c0,4.237,2.636,7.855,6.356,9.312c-0.087-0.791-0.167-2.005,0.035-2.868 c0.182-0.78,1.172-4.971,1.172-4.971s-0.299-0.599-0.299-1.484c0-1.391,0.806-2.428,1.809-2.428c0.853,0,1.265,0.641,1.265,1.408 c0,0.858-0.546,2.141-0.828,3.329c-0.236,0.996,0.499,1.807,1.481,1.807c1.777,0,3.143-1.874,3.143-4.579 c0-2.394-1.72-4.068-4.177-4.068c-2.845,0-4.515,2.134-4.515,4.34c0,0.859,0.331,1.781,0.744,2.282 c0.082,0.099,0.093,0.186,0.069,0.287c-0.076,0.316-0.244,0.995-0.277,1.134c-0.043,0.183-0.145,0.222-0.334,0.133 c-1.249-0.582-2.03-2.408-2.03-3.874c0-3.154,2.292-6.052,6.608-6.052c3.469,0,6.165,2.472,6.165,5.776 c0,3.447-2.173,6.22-5.189,6.22c-1.013,0-1.966-0.527-2.292-1.148c0,0-0.502,1.909-0.623,2.378 c-0.226,0.868-0.835,1.958-1.243,2.622C9.975,21.843,10.969,22,12,22c5.522,0,10-4.478,10-10S17.523,2,12,2z" fill="currentColor" /></svg>
</span>
</a>
</li><li>
<a
href="https://www.instagram.com/beautymarket_ma/"
title="beautymarket.maroc sur Instagram"
target="_blank"
rel="noopener"
>
<span class="icon icon-instagram" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.8,2H16.2C19.4,2 22,4.6 22,7.8V16.2A5.8,5.8 0 0,1 16.2,22H7.8C4.6,22 2,19.4 2,16.2V7.8A5.8,5.8 0 0,1 7.8,2M7.6,4A3.6,3.6 0 0,0 4,7.6V16.4C4,18.39 5.61,20 7.6,20H16.4A3.6,3.6 0 0,0 20,16.4V7.6C20,5.61 18.39,4 16.4,4H7.6M17.25,5.5A1.25,1.25 0 0,1 18.5,6.75A1.25,1.25 0 0,1 17.25,8A1.25,1.25 0 0,1 16,6.75A1.25,1.25 0 0,1 17.25,5.5M12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9Z" fill="currentColor" /></svg>
</span>
</a>
</li><li>
<a
href="https://www.tiktok.com/@beautymarket_ma"
title="beautymarket.maroc sur Tiktok"
target="_blank"
rel="noopener"
>
<span class="icon icon-tiktok" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16.16 1.35c.35 3 2 4.83 5 5v3.4a7.79 7.79 0 0 1-4.92-1.44v6.36c0 8.07-8.8 10.59-12.34 4.81C1.59 15.77 3 9.24 10.28 9v3.59a11.24 11.24 0 0 0-1.69.41c-1.62.55-2.54 1.58-2.29 3.4.49 3.47 6.87 4.5 6.34-2.29V1.36h3.52z" fill="currentColor"/></svg>
</span>
</a>
</li></ul>
</div>
</div><div
class="footer__group"
data-show-title-on-desktop="true"
data-block-type="links"
data-prev-block-type="contact"
data-next-block-type="links"
data-collapse-on-mobile="true"
style=" "
>
<h3 class="footer__header ff-body footer__header--collapsed">
<span class="footer__heading ff-heading fs-heading-5-base">Mentions légales</span>
</h3>
<button type="button" class="footer__header ff-body" data-header>
<span class="footer__heading ff-heading fs-heading-6-base">Mentions légales</span>
<span class="footer__arrow"><span class="icon icon-chevron-small" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2.75"/></svg>
</span>
</span>
</button>
<div class="footer__group-content"><div class="footer__links fs-body-100">
<ul>
<li>
<a href="/pages/mentions-legales">Mentions légales</a>
</li>
</ul>
</div></div>
</div><div
class="footer__group"
data-show-title-on-desktop="true"
data-block-type="links"
data-prev-block-type="links"
data-next-block-type="links"
data-collapse-on-mobile="true"
style=" "
>
<h3 class="footer__header ff-body footer__header--collapsed">
<span class="footer__heading ff-heading fs-heading-5-base">Conditions de vente</span>
</h3>
<button type="button" class="footer__header ff-body" data-header>
<span class="footer__heading ff-heading fs-heading-6-base">Conditions de vente</span>
<span class="footer__arrow"><span class="icon icon-chevron-small" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2.75"/></svg>
</span>
</span>
</button>
<div class="footer__group-content"><div class="footer__links fs-body-100">
<ul>
<li>
<a href="/pages/conditions-generales-de-vente">Conditions générales de vente</a>
</li>
</ul>
</div></div>
</div><div
class="footer__group"
data-show-title-on-desktop="true"
data-block-type="links"
data-prev-block-type="links"
data-next-block-type="links"
data-collapse-on-mobile="true"
style=" "
>
<h3 class="footer__header ff-body footer__header--collapsed">
<span class="footer__heading ff-heading fs-heading-5-base">à propos de nous</span>
</h3>
<button type="button" class="footer__header ff-body" data-header>
<span class="footer__heading ff-heading fs-heading-6-base">à propos de nous</span>
<span class="footer__arrow"><span class="icon icon-chevron-small" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2.75"/></svg>
</span>
</span>
</button>
<div class="footer__group-content"><div class="footer__links fs-body-100">
<ul>
<li>
<a href="/pages/a-propos">à propos </a>
</li>
</ul>
</div></div>
</div><div
class="footer__group"
data-show-title-on-desktop="true"
data-block-type="links"
data-prev-block-type="links"
data-next-block-type=""
data-collapse-on-mobile="true"
style=" "
>
<h3 class="footer__header ff-body footer__header--collapsed">
<span class="footer__heading ff-heading fs-heading-5-base">Profil</span>
</h3>
<button type="button" class="footer__header ff-body" data-header>
<span class="footer__heading ff-heading fs-heading-6-base">Profil</span>
<span class="footer__arrow"><span class="icon icon-chevron-small" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2.75"/></svg>
</span>
</span>
</button>
<div class="footer__group-content"><div class="footer__links fs-body-100">
<ul>
<li>
<a href="/pages/nous-contacter">contacter nous</a>
</li>
<li>
<a href="/pages/suivre-mon-colis">Suivre Mon Colis</a>
</li>
</ul>
</div></div>
</div>
</div>
<div class="footer__bottom">
<div class="footer__bottom-left">
<div class="footer__credits fs-body-75"><p>
Copyright © 2026, <a href="/" title="">beautymarket.maroc</a>
—
<a target="_blank" rel="nofollow noopener" href="https://fr.shopify.com?utm_campaign=poweredby&utm_medium=shopify&utm_source=onlinestore">Commerce électronique propulsé par Shopify</a>
</p>
<span class="footer__credits-additional-text">
</span>
</div>
</div>
<div class="footer__bottom-center">
<ul class="footer__subfooter-menu fs-body-75">
<li>
<a href="/search">Recherche</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- END sections: footer-group --><div
class="store-availability-drawer popover"
data-store-availability-drawer
aria-describedby="drawer-title"
aria-hidden="true"
role="dialog"
>
<div class="store-availability-drawer__wash" data-store-availability-drawer-wash></div>
<div class="store-availability-drawer__container">
<div class="store-availability-drawer__inner">
<div class="store-availability-drawer__header">
<div class="store-availability-drawer__product-info">
<h4
id="drawer-title"
class="store-availability-drawer__store-list-product-title ff-heading fs-heading-5-base"
data-store-availability-product-title
>
Disponibilité
</h4>
<p
class="store-availability-drawer__store-list-variant-title fs-body-60 t-opacity-50"
data-store-availability-variant-title
></p>
</div>
<button
type="button"
class="store-availability-drawer__close"
data-store-availability-close
aria-label="Fermer"
>
<span
class="icon-button modal-drawer-close"
data-size="large">
<span class="icon-button__icon">
<span class="icon icon-modal-drawer-close icon--primary" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6 6L12.25 12.25M18.5 18.5L12.25 12.25M12.25 12.25L18.5 6M12.25 12.25L6 18.5" stroke="currentColor" stroke-width="1.16667" stroke-linecap="square"/></svg>
</span>
</span>
</span>
</button>
</div>
<div class="store-availability-drawer__product" data-store-availability-product></div>
<div class="store-availability-drawer__content" data-store-list-container></div>
</div>
</div>
</div>
<div
class="quick-product-modal modal popover is-fixed"
aria-modal="true"
aria-hidden="true"
data-quick-product-modal
data-quick-product-type=""
>
<div class="modal__wash"></div>
<div class="quick-product-modal__inner modal__inner">
<template id="quick-product-modal-template">
<div class="quick-product">
<div class="quick-product__left"></div>
<div class="quick-product__right">
<div class="quick-product__right-viewport" data-scroll-lock-ignore>
<div class="quick-product__right-inner">
<h2 class="product__title placeholder ff-heading fs-heading-2-base"></h2>
</div>
</div>
<h3 class="quick-product-modal-loading-indicator hidden">
<div
class="loader"
style="--loader-background-color: var(--color-text-alpha-20-popups-drawers);--loader-foreground-color: var(--color-text-popups-drawers);--loader-size: 28px;"
>
<svg
aria-hidden="true"
focusable="false"
role="presentation"
class="loader__spinner"
viewbox="0 0 66 66"
xmlns="http://www.w3.org/2000/svg"
>
<circle class="loader__circle-background" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
<circle class="loader__circle" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
</svg>
</div>
</h3>
<div class="quick-product__right-viewport-footer">
<div
class="product-form__item product-form__item--submit product-form__item--no-variants"
>
<button
type="submit"
name="add"
class="product-form__cart-submit btn btn--medium btn--full btn--primary"
data-add-to-cart
>
<span data-add-to-cart-text>
Ajouter au panier
</span>
</button>
</div>
</div>
</div>
</div>
</template>
<div class="quick-product-modal__content empty">
</div>
<button
type="button"
data-modal-close
class="modal__close-icon"
aria-label="Fermer"
>
<span
class="icon-button modal-drawer-close"
data-size="large">
<span class="icon-button__icon">
<span class="icon icon-modal-drawer-close icon--primary" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6 6L12.25 12.25M18.5 18.5L12.25 12.25M12.25 12.25L18.5 6M12.25 12.25L6 18.5" stroke="currentColor" stroke-width="1.16667" stroke-linecap="square"/></svg>
</span>
</span>
</span>
</button>
</div>
</div>
<div class="modal popover" data-modal data-is-narrow="false" data-is-quick-add="false">
<div class="modal__wash"></div>
<div class="modal__inner" data-scroll-lock-ignore>
<div class="modal__header">
<button
type="button"
data-modal-close
class="modal__close-icon"
aria-label="Fermer"
>
<span
class="icon-button modal-drawer-close"
data-size="large">
<span class="icon-button__icon">
<span class="icon icon-modal-drawer-close icon--primary" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6 6L12.25 12.25M18.5 18.5L12.25 12.25M12.25 12.25L18.5 6M12.25 12.25L6 18.5" stroke="currentColor" stroke-width="1.16667" stroke-linecap="square"/></svg>
</span>
</span>
</span>
</button>
</div>
<div class="modal__content rte non-page-rte"></div>
</div>
</div>
<div
class="back-to-top back-to-top--bottom-right"
data-back-to-top
>
<button
type="button"
class="back-to-top__button"
aria-label="Retour au sommet"
data-back-to-top-button
>
<span class="icon icon-chevron" style="">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2"/></svg>
</span>
</button>
</div>
</div>
<style> </style>
</body>
<link
rel="preload"
fetchpriority="low"
href="//beautymarket.ma/cdn/shop/t/35/assets/theme-deferred.css?v=49366459981365247411754934609"
as="style"
onload="this.onload=null;this.rel='stylesheet'"
>
<noscript><link rel="stylesheet" href="//beautymarket.ma/cdn/shop/t/35/assets/theme-deferred.css?v=49366459981365247411754934609"></noscript>
</html>
