<!doctype html>
<html lang="fr-FR">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Yousarssif- Parfumerie Tunisie: Parfum, maquillage, cosmétique</title>
<meta name="description" content="La parfumerie Yousarssif à Nabeul met à votre disposition l'ensemble de ses produits">
<meta name="keywords" content="parfumerie tunisie, parfumerie à nabeul, maquillage, soin, essence cosmétique, mahassen, pastel, note, revolution, isadora, gosh, golden rose">
<link rel="canonical" href="https://www.yousarssif.com/">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"name" : "Yousarssif",
"url" : "https://www.yousarssif.com/",
"logo": {
"@type": "ImageObject",
"url":"https://www.yousarssif.com/img/logo-1676635342.jpg"
}
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebPage",
"isPartOf": {
"@type": "WebSite",
"url": "https://www.yousarssif.com/",
"name": "Yousarssif"
},
"name": "Yousarssif- Parfumerie Tunisie: Parfum, maquillage, cosmétique",
"url": "https://www.yousarssif.com/"
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"url" : "https://www.yousarssif.com/",
"image": {
"@type": "ImageObject",
"url":"https://www.yousarssif.com/img/logo-1676635342.jpg"
},
"potentialAction": {
"@type": "SearchAction",
"target": "https://www.yousarssif.com/recherche?search_query={search_term_string}",
"query-input": "required name=search_term_string"
}
}
</script>
<meta property="og:title" content="Yousarssif- Parfumerie Tunisie: Parfum, maquillage, cosmétique" />
<meta property="og:description" content="La parfumerie Yousarssif à Nabeul met à votre disposition l'ensemble de ses produits" />
<meta property="og:url" content="https://www.yousarssif.com/" />
<meta property="og:site_name" content="Yousarssif" />
<meta property="og:type" content="website" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/vnd.microsoft.icon" href="https://www.yousarssif.com/img/favicon.ico?1676635342">
<link rel="shortcut icon" type="image/x-icon" href="https://www.yousarssif.com/img/favicon.ico?1676635342">
<link rel="stylesheet" href="https://www.yousarssif.com/themes/child_hummingbird/assets/cache/theme-168455342.css" type="text/css" media="all">
<script type="text/javascript">
var blockwishlistController = "https:\/\/www.yousarssif.com\/module\/blockwishlist\/action";
var prestashop = {"cart":{"products":[],"totals":{"total":{"type":"total","label":"Total","amount":0,"value":"0,000\u00a0TND"},"total_including_tax":{"type":"total","label":"Total TTC","amount":0,"value":"0,000\u00a0TND"},"total_excluding_tax":{"type":"total","label":"Total HT :","amount":0,"value":"0,000\u00a0TND"}},"subtotals":{"products":{"type":"products","label":"Sous-total","amount":0,"value":"0,000\u00a0TND"},"discounts":null,"shipping":{"type":"shipping","label":"Livraison","amount":0,"value":""},"tax":null},"products_count":0,"summary_string":"0 articles","vouchers":{"allowed":1,"added":[]},"discounts":[],"minimalPurchase":0,"minimalPurchaseRequired":""},"currency":{"id":1,"name":"Dinar tunisien","iso_code":"TND","iso_code_num":"788","sign":"TND"},"customer":{"lastname":null,"firstname":null,"email":null,"birthday":null,"newsletter":null,"newsletter_date_add":null,"optin":null,"website":null,"company":null,"siret":null,"ape":null,"is_logged":false,"gender":{"type":null,"name":null},"addresses":[]},"country":{"id_zone":"4","id_currency":"0","call_prefix":"216","iso_code":"TN","active":"1","contains_states":"0","need_identification_number":"0","need_zip_code":"1","zip_code_format":"NNNN","display_tax_label":"0","name":"Tunisie","id":208},"language":{"name":"Fran\u00e7ais (French)","iso_code":"fr","locale":"fr-FR","language_code":"fr","active":"1","is_rtl":"0","date_format_lite":"d\/m\/Y","date_format_full":"d\/m\/Y H:i:s","id":1},"page":{"title":"","canonical":"https:\/\/www.yousarssif.com\/","meta":{"title":"Yousarssif- Parfumerie Tunisie: Parfum, maquillage, cosm\u00e9tique","description":"La parfumerie Yousarssif \u00e0 Nabeul met \u00e0 votre disposition l'ensemble de ses produits","keywords":"parfumerie tunisie, parfumerie \u00e0 nabeul, maquillage, soin, essence cosm\u00e9tique, mahassen, pastel, note, revolution, isadora, gosh, golden rose","robots":"index"},"page_name":"index","body_classes":{"lang-fr":true,"lang-rtl":false,"country-TN":true,"currency-TND":true,"layout-full-width":true,"page-index":true,"tax-display-disabled":true,"page-customer-account":false},"admin_notifications":[],"password-policy":{"feedbacks":{"0":"Tr\u00e8s faible","1":"Faible","2":"Moyenne","3":"Fort","4":"Tr\u00e8s fort","Straight rows of keys are easy to guess":"Les suites de touches sur le clavier sont faciles \u00e0 deviner","Short keyboard patterns are easy to guess":"Les mod\u00e8les courts sur le clavier sont faciles \u00e0 deviner.","Use a longer keyboard pattern with more turns":"Utilisez une combinaison de touches plus longue et plus complexe.","Repeats like \"aaa\" are easy to guess":"Les r\u00e9p\u00e9titions (ex. : \"aaa\") sont faciles \u00e0 deviner.","Repeats like \"abcabcabc\" are only slightly harder to guess than \"abc\"":"Les r\u00e9p\u00e9titions (ex. : \"abcabcabc\") sont seulement un peu plus difficiles \u00e0 deviner que \"abc\".","Sequences like abc or 6543 are easy to guess":"Les s\u00e9quences (ex. : abc ou 6543) sont faciles \u00e0 deviner.","Recent years are easy to guess":"Les ann\u00e9es r\u00e9centes sont faciles \u00e0 deviner.","Dates are often easy to guess":"Les dates sont souvent faciles \u00e0 deviner.","This is a top-10 common password":"Ce mot de passe figure parmi les 10 mots de passe les plus courants.","This is a top-100 common password":"Ce mot de passe figure parmi les 100 mots de passe les plus courants.","This is a very common password":"Ceci est un mot de passe tr\u00e8s courant.","This is similar to a commonly used password":"Ce mot de passe est similaire \u00e0 un mot de passe couramment utilis\u00e9.","A word by itself is easy to guess":"Un mot seul est facile \u00e0 deviner.","Names and surnames by themselves are easy to guess":"Les noms et les surnoms seuls sont faciles \u00e0 deviner.","Common names and surnames are easy to guess":"Les noms et les pr\u00e9noms courants sont faciles \u00e0 deviner.","Use a few words, avoid common phrases":"Utilisez quelques mots, \u00e9vitez les phrases courantes.","No need for symbols, digits, or uppercase letters":"Pas besoin de symboles, de chiffres ou de majuscules.","Avoid repeated words and characters":"\u00c9viter de r\u00e9p\u00e9ter les mots et les caract\u00e8res.","Avoid sequences":"\u00c9viter les s\u00e9quences.","Avoid recent years":"\u00c9vitez les ann\u00e9es r\u00e9centes.","Avoid years that are associated with you":"\u00c9vitez les ann\u00e9es qui vous sont associ\u00e9es.","Avoid dates and years that are associated with you":"\u00c9vitez les dates et les ann\u00e9es qui vous sont associ\u00e9es.","Capitalization doesn't help very much":"Les majuscules ne sont pas tr\u00e8s utiles.","All-uppercase is almost as easy to guess as all-lowercase":"Un mot de passe tout en majuscules est presque aussi facile \u00e0 deviner qu'un mot de passe tout en minuscules.","Reversed words aren't much harder to guess":"Les mots invers\u00e9s ne sont pas beaucoup plus difficiles \u00e0 deviner.","Predictable substitutions like '@' instead of 'a' don't help very much":"Les substitutions pr\u00e9visibles comme '\"@\" au lieu de \"a\" n'aident pas beaucoup.","Add another word or two. Uncommon words are better.":"Ajoutez un autre mot ou deux. Pr\u00e9f\u00e9rez les mots peu courants."}}},"shop":{"name":"Yousarssif","logo":"https:\/\/www.yousarssif.com\/img\/logo-1676635342.jpg","stores_icon":"https:\/\/www.yousarssif.com\/img\/logo_stores.png","favicon":"https:\/\/www.yousarssif.com\/img\/favicon.ico"},"core_js_public_path":"\/themes\/","urls":{"base_url":"https:\/\/www.yousarssif.com\/","current_url":"https:\/\/www.yousarssif.com\/","shop_domain_url":"https:\/\/www.yousarssif.com","img_ps_url":"https:\/\/www.yousarssif.com\/img\/","img_cat_url":"https:\/\/www.yousarssif.com\/img\/c\/","img_lang_url":"https:\/\/www.yousarssif.com\/img\/l\/","img_prod_url":"https:\/\/www.yousarssif.com\/img\/p\/","img_manu_url":"https:\/\/www.yousarssif.com\/img\/m\/","img_sup_url":"https:\/\/www.yousarssif.com\/img\/su\/","img_ship_url":"https:\/\/www.yousarssif.com\/img\/s\/","img_store_url":"https:\/\/www.yousarssif.com\/img\/st\/","img_col_url":"https:\/\/www.yousarssif.com\/img\/co\/","img_url":"https:\/\/www.yousarssif.com\/themes\/child_hummingbird\/assets\/img\/","css_url":"https:\/\/www.yousarssif.com\/themes\/child_hummingbird\/assets\/css\/","js_url":"https:\/\/www.yousarssif.com\/themes\/child_hummingbird\/assets\/js\/","pic_url":"https:\/\/www.yousarssif.com\/upload\/","theme_assets":"https:\/\/www.yousarssif.com\/themes\/child_hummingbird\/assets\/","theme_dir":"https:\/\/www.yousarssif.com\/themes\/child_hummingbird\/","pages":{"address":"https:\/\/www.yousarssif.com\/adresse","addresses":"https:\/\/www.yousarssif.com\/adresses","authentication":"https:\/\/www.yousarssif.com\/connexion","manufacturer":"https:\/\/www.yousarssif.com\/marques","cart":"https:\/\/www.yousarssif.com\/panier","category":"https:\/\/www.yousarssif.com\/index.php?controller=category","cms":"https:\/\/www.yousarssif.com\/index.php?controller=cms","contact":"https:\/\/www.yousarssif.com\/nous-contacter","discount":"https:\/\/www.yousarssif.com\/reduction","guest_tracking":"https:\/\/www.yousarssif.com\/suivi-commande-invite","history":"https:\/\/www.yousarssif.com\/historique-commandes","identity":"https:\/\/www.yousarssif.com\/identite","index":"https:\/\/www.yousarssif.com\/","my_account":"https:\/\/www.yousarssif.com\/mon-compte","order_confirmation":"https:\/\/www.yousarssif.com\/confirmation-commande","order_detail":"https:\/\/www.yousarssif.com\/index.php?controller=order-detail","order_follow":"https:\/\/www.yousarssif.com\/suivi-commande","order":"https:\/\/www.yousarssif.com\/commande","order_return":"https:\/\/www.yousarssif.com\/index.php?controller=order-return","order_slip":"https:\/\/www.yousarssif.com\/avoirs","pagenotfound":"https:\/\/www.yousarssif.com\/page-introuvable","password":"https:\/\/www.yousarssif.com\/recuperation-mot-de-passe","pdf_invoice":"https:\/\/www.yousarssif.com\/index.php?controller=pdf-invoice","pdf_order_return":"https:\/\/www.yousarssif.com\/index.php?controller=pdf-order-return","pdf_order_slip":"https:\/\/www.yousarssif.com\/index.php?controller=pdf-order-slip","prices_drop":"https:\/\/www.yousarssif.com\/bon-plan","product":"https:\/\/www.yousarssif.com\/index.php?controller=product","registration":"https:\/\/www.yousarssif.com\/index.php?controller=registration","search":"https:\/\/www.yousarssif.com\/recherche","sitemap":"https:\/\/www.yousarssif.com\/plan-site","stores":"https:\/\/www.yousarssif.com\/magasins","supplier":"https:\/\/www.yousarssif.com\/fournisseur","new_products":"https:\/\/www.yousarssif.com\/nouveaux-produits","brands":"https:\/\/www.yousarssif.com\/marques","register":"https:\/\/www.yousarssif.com\/index.php?controller=registration","order_login":"https:\/\/www.yousarssif.com\/commande?login=1"},"alternative_langs":[],"actions":{"logout":"https:\/\/www.yousarssif.com\/?mylogout="},"no_picture_image":{"bySize":{"small_default":{"url":"https:\/\/www.yousarssif.com\/img\/p\/fr-default-small_default.jpg","width":98,"height":98},"default_xs":{"url":"https:\/\/www.yousarssif.com\/img\/p\/fr-default-default_xs.jpg","width":120,"height":120},"cart_default":{"url":"https:\/\/www.yousarssif.com\/img\/p\/fr-default-cart_default.jpg","width":125,"height":125},"default_s":{"url":"https:\/\/www.yousarssif.com\/img\/p\/fr-default-default_s.jpg","width":160,"height":160},"default_m":{"url":"https:\/\/www.yousarssif.com\/img\/p\/fr-default-default_m.jpg","width":200,"height":200},"home_default":{"url":"https:\/\/www.yousarssif.com\/img\/p\/fr-default-home_default.jpg","width":250,"height":250},"default_md":{"url":"https:\/\/www.yousarssif.com\/img\/p\/fr-default-default_md.jpg","width":320,"height":320},"default_xl":{"url":"https:\/\/www.yousarssif.com\/img\/p\/fr-default-default_xl.jpg","width":400,"height":400},"medium_default":{"url":"https:\/\/www.yousarssif.com\/img\/p\/fr-default-medium_default.jpg","width":452,"height":452},"product_main":{"url":"https:\/\/www.yousarssif.com\/img\/p\/fr-default-product_main.jpg","width":720,"height":720},"large_default":{"url":"https:\/\/www.yousarssif.com\/img\/p\/fr-default-large_default.jpg","width":800,"height":800},"product_main_2x":{"url":"https:\/\/www.yousarssif.com\/img\/p\/fr-default-product_main_2x.jpg","width":1440,"height":1440}},"small":{"url":"https:\/\/www.yousarssif.com\/img\/p\/fr-default-small_default.jpg","width":98,"height":98},"medium":{"url":"https:\/\/www.yousarssif.com\/img\/p\/fr-default-default_md.jpg","width":320,"height":320},"large":{"url":"https:\/\/www.yousarssif.com\/img\/p\/fr-default-product_main_2x.jpg","width":1440,"height":1440},"legend":""}},"configuration":{"display_taxes_label":false,"display_prices_tax_incl":true,"is_catalog":false,"show_prices":true,"opt_in":{"partner":false},"quantity_discount":{"type":"discount","label":"Remise sur prix unitaire"},"voucher_enabled":1,"return_enabled":0},"field_required":[],"breadcrumb":{"links":[{"title":"Accueil","url":"https:\/\/www.yousarssif.com\/"}],"count":1},"link":{"protocol_link":"https:\/\/","protocol_content":"https:\/\/"},"time":1790365312,"static_token":"3005646dbad6dbde9bbcff565ba8a67c","token":"7dcf771c6458cea16f524205566afba2","debug":false};
var productsAlreadyTagged = [];
var psemailsubscription_subscription = "https:\/\/www.yousarssif.com\/module\/ps_emailsubscription\/subscription";
var removeFromWishlistUrl = "https:\/\/www.yousarssif.com\/module\/blockwishlist\/action?action=deleteProductFromWishlist";
var wishlistAddProductToCartUrl = "https:\/\/www.yousarssif.com\/module\/blockwishlist\/action?action=addProductToCart";
var wishlistUrl = "https:\/\/www.yousarssif.com\/module\/blockwishlist\/view";
</script>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-ZB14DR9W7W"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag(
'config',
'G-ZB14DR9W7W',
{
'debug_mode':false
, 'anonymize_ip': true }
);
</script>
</head>
<body id="index" class="lang-fr country-tn currency-tnd layout-full-width page-index tax-display-disabled">
<header id="header" class="header">
<link rel="stylesheet" href="https://www.yousarssif.com/themes/child_hummingbird/assets/vendor/swiper/swiper-bundle.min.css" />
<script src="https://www.yousarssif.com/themes/child_hummingbird/assets/vendor/swiper/swiper-bundle.min.js"></script>
<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '1458822488421272');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1458822488421272&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->
<style>
.cart-count-badge {
display: inline;
padding-left: 0;
margin-left: -8px;
font-size: 12px;
top: -6px;
}
.cart-hover-summary.cart-summary {
/* width: 300px; */
background: white;
border: 1px solid #ddd;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
top: 100%;
right: 0;
z-index: 10;
padding: 10px;
}
.cart-hover-summary.cart-summary .cart-summary-content {
max-height: 400px;
overflow-y: auto;
}
.cart-hover-summary.cart-summary.d-none {
display: none;
}
.cart-hover-summary .quantity-button, .cart-hover-summary .product-line__actions {
display: none;
}
/* Initial collapsed input */
#search_widget form input.search-input-collapsed {
width: 50px; /* Small width */
transition: all 0.3s ease; /* Smooth transition for expansion */
padding: 9px;
border: 1px solid #ccc;
border-radius: 5px;
}
/* Expanded input */
#search_widget form input.search-input-expanded {
width: 300px; /* Expand to full width */
padding: 9px;
padding-left: 35px;
border: 1px solid #ccc;
border-radius: 5px;
}
#search_widget form i {
position: absolute;
padding: 9px;
padding-left: 13px;
}
/* Optional styles for search widget */
.search-form {
position: relative;
display: flex;
align-items: center;
}
.js-search-icon {
margin-right: 5px;
cursor: pointer;
}
@media only screen and (min-width: 992px) {
#search_widget {
min-width: 2.5rem;
}
}
/* Target carousel images */
/* Mobile-specific styles */
@media (max-width: 768px) {
#home-slider .carousel-content {
text-align: center; /* Center-align content for better mobile appearance */
}
#home-slider .carousel-content img {
max-height: 200px; /* Adjust for smaller screens */
}
.ratio-homeSlider {
min-height: auto;
height: 18vh;
}
}
</style>
<div class="header__banner header-notification">
Livraison gratuite à partir de 80 <sup><small>dt</small></sup> d'achat | <strong>Les offres ne sont pas cumulables</strong>.
</div>
<div class="navbar navbar-custom navbar-expand-lg shadow sticky-top">
<div class="container">
<a class="navbar-brand" href="https://www.yousarssif.com/">
<img src="https://www.yousarssif.com/themes/child_hummingbird/assets/img/logo.png" alt="logo" height="50" class="d-inline-block align-text-top">
</a>
<div class="main-menu-wrapper">
<div class="main-menu col-xl col-auto d-flex align-items-center">
<div class="d-none d-xl-block position-static js-menu-desktop h-100">
<div class="main-menu__desktop d-none d-lg-block">
<ul
id="top-menu" class="main-menu__tree h-100"
data-depth="0"
>
<li
class="category main-menu__tree__item d-flex align-items-center h-100"
id="category-76"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-toggle"
href="https://www.yousarssif.com/76-maquillage"
data-depth="0"
>
Maquillage
</a>
<div class="menu-container shadow-sm js-sub-menu">
<div class="container">
<ul
class="row row-cols-4 gy-3"
data-depth="1"
>
<li
class="category"
id="category-77"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-toggle dropdown-item"
href="https://www.yousarssif.com/77-teint"
data-depth="1"
>
Teint
</a>
<ul
class="submenu"
data-depth="2"
>
<li
class="category"
id="category-87"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/87-fond-de-teint"
data-depth="2"
>
Fond de teint
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-88"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/88-anti-cernes-et-correcteurs"
data-depth="2"
>
Anti-cernes et correcteurs
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-89"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/89-base-de-teint-fixateur"
data-depth="2"
>
Base De Teint et Fixateur
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-90"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/90-poudre"
data-depth="2"
>
Poudre
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-126"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/126-palette-teint"
data-depth="2"
>
Palette teint
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-91"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/91-bb-cremes-et-cc-cremes"
data-depth="2"
>
Bb crèmes et cc crèmes
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-92"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/92-blush"
data-depth="2"
>
Blush
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-93"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/93-highlighter"
data-depth="2"
>
Highlighter
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-94"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/94-contouring"
data-depth="2"
>
Contouring
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-95"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/95-palette-teint"
data-depth="2"
>
Palette teint
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-184"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/184-bronzer"
data-depth="2"
>
Bronzer
</a>
<!-- added /if update for brands -->
</li>
</ul>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-78"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-toggle dropdown-item"
href="https://www.yousarssif.com/78-levres"
data-depth="1"
>
Lèvres
</a>
<ul
class="submenu"
data-depth="2"
>
<li
class="category"
id="category-96"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/96-rouge-a-levres"
data-depth="2"
>
Rouge à lèvres
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-97"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/97-lip-gloss"
data-depth="2"
>
Lip gloss
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-98"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/98-crayons-a-levres"
data-depth="2"
>
Crayons à lèvres
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-99"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/99-baume-a-levres"
data-depth="2"
>
Baume à lèvres
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-100"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/100-lip-oil"
data-depth="2"
>
Lip oil
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-192"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/192-kit-levres"
data-depth="2"
>
Kit lèvres
</a>
<!-- added /if update for brands -->
</li>
</ul>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-79"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-toggle dropdown-item"
href="https://www.yousarssif.com/79-yeux"
data-depth="1"
>
Yeux
</a>
<ul
class="submenu"
data-depth="2"
>
<li
class="category"
id="category-102"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/102-fard-a-paupieres"
data-depth="2"
>
Fard à paupières
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-101"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/101-palette-yeux"
data-depth="2"
>
Palette yeux
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-103"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/103-mascara"
data-depth="2"
>
Mascara
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-105"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/105-eyeliner-et-crayon"
data-depth="2"
>
Eyeliner et crayon
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-107"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/107-faux-cils"
data-depth="2"
>
Faux cils
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-190"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/190-colle-faux-cils"
data-depth="2"
>
Colle faux cils
</a>
<!-- added /if update for brands -->
</li>
</ul>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-80"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-toggle dropdown-item"
href="https://www.yousarssif.com/80-sourcils"
data-depth="1"
>
Sourcils
</a>
<ul
class="submenu"
data-depth="2"
>
<li
class="category"
id="category-112"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/112-crayon-et-poudre"
data-depth="2"
>
Crayon et poudre
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-113"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/113-gel-et-mascara"
data-depth="2"
>
Gel et mascara
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-114"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/114-kit-sourcils"
data-depth="2"
>
Kit sourcils
</a>
<!-- added /if update for brands -->
</li>
</ul>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-81"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-toggle dropdown-item"
href="https://www.yousarssif.com/81-ongles"
data-depth="1"
>
Ongles
</a>
<ul
class="submenu"
data-depth="2"
>
<li
class="category"
id="category-115"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/115-vernis-a-ongle"
data-depth="2"
>
Vernis
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-116"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/116-base-et-top-coat"
data-depth="2"
>
Base et top coat
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-117"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/117-dissolvant"
data-depth="2"
>
Dissolvant
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-186"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/186-faux-ongles"
data-depth="2"
>
Faux ongles
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-191"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/191-colle-faux-ongles-"
data-depth="2"
>
Colle faux Ongles
</a>
<!-- added /if update for brands -->
</li>
</ul>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-82"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-toggle dropdown-item"
href="https://www.yousarssif.com/82-pinceau-et-accesoires-maquillage"
data-depth="1"
>
Pinceau et accesoires
</a>
<ul
class="submenu"
data-depth="2"
>
<li
class="category"
id="category-118"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/118-teint"
data-depth="2"
>
Teint
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-119"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/119-pinceau-et-accessoires-yeux"
data-depth="2"
>
Yeux
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-120"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/120-pinceau-et-accessoires-sourcils"
data-depth="2"
>
Sourcils
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-121"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/121-pinceau-et-accessoires-levres"
data-depth="2"
>
Lèvres
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-122"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/122-pinceau-et-accessoires-ongles"
data-depth="2"
>
Ongles
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-123"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/123-kit-pinceaux"
data-depth="2"
>
Kit pinceaux
</a>
<!-- added /if update for brands -->
</li>
</ul>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-83"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-toggle dropdown-item"
href="https://www.yousarssif.com/83-palettes-et-coffrets-maquillage"
data-depth="1"
>
Palette et coffrets
</a>
<ul
class="submenu"
data-depth="2"
>
<li
class="category"
id="category-187"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/187-coffret-maquillage"
data-depth="2"
>
Coffret maquillage
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-124"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/124-multi-usage"
data-depth="2"
>
Multi usage
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-125"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/125-palette-fard-a-paupieres"
data-depth="2"
>
Palette yeux
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-127"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/127-palette-sourcils"
data-depth="2"
>
Palette sourcils
</a>
<!-- added /if update for brands -->
</li>
</ul>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-85"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/85-nettoyant-et-demaquillant-maquillage"
data-depth="1"
>
Nettoyant et demaquillant
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-84"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/84-trousse-et-valise-maquillage"
data-depth="1"
>
Trousse et valise
</a>
<!-- added /if update for brands -->
</li>
</ul>
</div>
</div>
<!-- added /if update for brands -->
</li>
<li
class="category main-menu__tree__item d-flex align-items-center h-100"
id="category-131"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-toggle"
href="https://www.yousarssif.com/131-parfum-"
data-depth="0"
>
Parfum
</a>
<div class="menu-container shadow-sm js-sub-menu">
<div class="container">
<ul
class="row row-cols-4 gy-3"
data-depth="1"
>
<li
class="category"
id="category-130"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-toggle dropdown-item"
href="https://www.yousarssif.com/130-parfum-femme"
data-depth="1"
>
Parfum femme
</a>
<ul
class="submenu"
data-depth="2"
>
<li
class="category"
id="category-137"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/137-eau-de-toilette"
data-depth="2"
>
Eau de toilette
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-138"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/138-eau-de-parfum"
data-depth="2"
>
Eau de parfum
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-139"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/139-soin-de-corps-parfume"
data-depth="2"
>
Soin de corps parfumé
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-140"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/140-gel-douche"
data-depth="2"
>
Gel douche
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-141"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/141-deodorant-femme"
data-depth="2"
>
Déodorant Femme
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-143"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/143-coffrets-femme"
data-depth="2"
>
Coffrets femme
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-226"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/226-brume-parfumee-tunisie"
data-depth="2"
>
Brume parfumée
</a>
<!-- added /if update for brands -->
</li>
</ul>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-132"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-toggle dropdown-item"
href="https://www.yousarssif.com/132-parfum-homme"
data-depth="1"
>
Parfum homme
</a>
<ul
class="submenu"
data-depth="2"
>
<li
class="category"
id="category-144"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/144-eau-de-toilette"
data-depth="2"
>
Eau de toilette
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-145"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/145-eau-de-parfum"
data-depth="2"
>
Eau de parfum
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-147"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/147-gel-douche"
data-depth="2"
>
Gel douche
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-148"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/148-deodorant-homme"
data-depth="2"
>
Déodorant Homme
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-149"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/149-coffrets-homme"
data-depth="2"
>
Coffrets Homme
</a>
<!-- added /if update for brands -->
</li>
</ul>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-208"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-toggle dropdown-item"
href="https://www.yousarssif.com/208-parfum-d-ambiance-"
data-depth="1"
>
Parfum D ambiance
</a>
<ul
class="submenu"
data-depth="2"
>
<li
class="category"
id="category-209"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/209-bakhour-"
data-depth="2"
>
Bakhour
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-215"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/215-diffuseurs-de-parfum"
data-depth="2"
>
Diffuseurs de Parfum
</a>
<!-- added /if update for brands -->
</li>
</ul>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-220"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/220-parfum-cheveux-tunisie"
data-depth="1"
>
Parfum cheveux
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-134"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/134-parfum-mixte"
data-depth="1"
>
Parfum mixte
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-250"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-toggle dropdown-item"
href="https://www.yousarssif.com/250-parfum-enfant"
data-depth="1"
>
parfum enfant
</a>
<ul
class="submenu"
data-depth="2"
>
<li
class="category"
id="category-251"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/251-eau-de-parfum-"
data-depth="2"
>
eau de parfum
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-252"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/252-body-spray"
data-depth="2"
>
Body spray
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-253"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/253-eau-de-toilette"
data-depth="2"
>
eau de toilette
</a>
<!-- added /if update for brands -->
</li>
</ul>
<!-- added /if update for brands -->
</li>
</ul>
</div>
</div>
<!-- added /if update for brands -->
</li>
<li
class="category main-menu__tree__item d-flex align-items-center h-100"
id="category-44"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-toggle"
href="https://www.yousarssif.com/44-cheveux"
data-depth="0"
>
Cheveux
</a>
<div class="menu-container shadow-sm js-sub-menu">
<div class="container">
<ul
class="row row-cols-4 gy-3"
data-depth="1"
>
<li
class="category"
id="category-45"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-toggle dropdown-item"
href="https://www.yousarssif.com/45-soin-de-cheveux"
data-depth="1"
>
Soin de cheveux
</a>
<ul
class="submenu"
data-depth="2"
>
<li
class="category"
id="category-53"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/53-shampoing"
data-depth="2"
>
Shampoing
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-188"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/188-shampoing-sec"
data-depth="2"
>
Shampoing sec
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-199"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/199-serum-sec"
data-depth="2"
>
Serum sec
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-54"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/54-apres-shampoing"
data-depth="2"
>
Après Shampoing
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-55"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/55-masque-cheveux"
data-depth="2"
>
Masque cheveux
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-56"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/56-huile-et-serum"
data-depth="2"
>
Huile et sérum
</a>
<!-- added /if update for brands -->
</li>
</ul>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-46"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-toggle dropdown-item"
href="https://www.yousarssif.com/46-traitements-et-lissage"
data-depth="1"
>
Traitements et lissage
</a>
<ul
class="submenu"
data-depth="2"
>
<li
class="category"
id="category-206"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/206-tanino"
data-depth="2"
>
Tanino
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-59"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/59-collagene"
data-depth="2"
>
Collagène
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-58"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/58-proteine"
data-depth="2"
>
Protéine
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-57"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/57-keratine"
data-depth="2"
>
Kératine
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-61"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/61-soin-capilaire"
data-depth="2"
>
Soin capilaire
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-60"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/60-creme-defrisante"
data-depth="2"
>
Crème défrisante
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-189"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/189-botox"
data-depth="2"
>
Soin Botox
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-203"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/203-masque-fixateur"
data-depth="2"
>
Masque fixateur
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-204"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/204-shampoing-clarifiant"
data-depth="2"
>
Shampoing Clarifiant
</a>
<!-- added /if update for brands -->
</li>
</ul>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-47"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-toggle dropdown-item"
href="https://www.yousarssif.com/47-coloration-cheveux"
data-depth="1"
>
Coloration cheveux
</a>
<ul
class="submenu"
data-depth="2"
>
<li
class="category"
id="category-62"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/62-teinture"
data-depth="2"
>
Teinture
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-63"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/63-meches"
data-depth="2"
>
Mèches
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-64"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/64-oxydant"
data-depth="2"
>
Oxydant
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-65"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/65-effaceur"
data-depth="2"
>
Effaceur
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-66"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/66-fixateur"
data-depth="2"
>
Fixateur
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-221"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/221-spray-colorant"
data-depth="2"
>
Spray Colorant
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-222"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/222-shampoing-colorant"
data-depth="2"
>
Shampoing Colorant
</a>
<!-- added /if update for brands -->
</li>
</ul>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-51"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/51-coffret-cheveux"
data-depth="1"
>
Coffret cheveux
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-48"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-toggle dropdown-item"
href="https://www.yousarssif.com/48-coiffant-et-fixant"
data-depth="1"
>
Coiffant et fixant
</a>
<ul
class="submenu"
data-depth="2"
>
<li
class="category"
id="category-67"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/67-spray-cheveux"
data-depth="2"
>
Spray Cheveux
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-68"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/68-creme-cheveux"
data-depth="2"
>
Crème Cheveux
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-69"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/69-mousse-cheveux"
data-depth="2"
>
Mousse cheveux
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-70"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/70-gel-cheveux"
data-depth="2"
>
Gel Cheveux
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-71"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/71-cire-cheveux"
data-depth="2"
>
Cire Cheveux
</a>
<!-- added /if update for brands -->
</li>
</ul>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-49"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-toggle dropdown-item"
href="https://www.yousarssif.com/49-appareils-cheveux"
data-depth="1"
>
Appareils cheveux
</a>
<ul
class="submenu"
data-depth="2"
>
<li
class="category"
id="category-72"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/72-seche-cheveux-diffuseur-tunisie"
data-depth="2"
>
Sèche-cheveux et diffuseur
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-73"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/73-fer-a-lisser-tunisie"
data-depth="2"
>
Fer à lisser
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-74"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/74-brosse-chauffante"
data-depth="2"
>
Brosse chauffante
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-75"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/75-tondeuse-cheveux"
data-depth="2"
>
Tondeuse cheveux
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-217"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/217-fer-a-boucler-tunisie"
data-depth="2"
>
Fer à Boucler
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-219"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/219-brosses-soufflantes-et-rotatives"
data-depth="2"
>
Brosses Soufflantes & Rotatives
</a>
<!-- added /if update for brands -->
</li>
</ul>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-194"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/194-protection-solaire"
data-depth="1"
>
Protection Solaire
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-50"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/50-accessoires-cheveux"
data-depth="1"
>
Accessoires cheveux
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-52"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/52-nouveautes-cheveux"
data-depth="1"
>
Nouveautés Cheveux
</a>
<!-- added /if update for brands -->
</li>
</ul>
</div>
</div>
<!-- added /if update for brands -->
</li>
<li
class="category main-menu__tree__item d-flex align-items-center h-100"
id="category-152"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-toggle"
href="https://www.yousarssif.com/152-soin"
data-depth="0"
>
Soin
</a>
<div class="menu-container shadow-sm js-sub-menu">
<div class="container">
<ul
class="row row-cols-4 gy-3"
data-depth="1"
>
<li
class="category"
id="category-154"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-toggle dropdown-item"
href="https://www.yousarssif.com/154-nettoyant-et-demaquillant"
data-depth="1"
>
Nettoyant et demaquillant
</a>
<ul
class="submenu"
data-depth="2"
>
<li
class="category"
id="category-162"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/162-gommage-exfoliant"
data-depth="2"
>
Gommage & exfoliant
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-163"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/163-nettoyant-visage"
data-depth="2"
>
Nettoyant visage
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-164"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/164-eau-micellaire"
data-depth="2"
>
Eau micellaire
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-165"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/165-lotion-tonique"
data-depth="2"
>
Lotion tonique
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-166"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/166-demaquillant-yeux"
data-depth="2"
>
Démaquillant yeux
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-167"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/167-lingettes"
data-depth="2"
>
Lingettes
</a>
<!-- added /if update for brands -->
</li>
</ul>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-153"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-toggle dropdown-item"
href="https://www.yousarssif.com/153-soin-de-visage"
data-depth="1"
>
Soin de visage
</a>
<ul
class="submenu"
data-depth="2"
>
<li
class="category"
id="category-168"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/168-creme-visage"
data-depth="2"
>
Crème Visage
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-169"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/169-masques-visage"
data-depth="2"
>
Masque Visage
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-170"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/170-serum-visage"
data-depth="2"
>
Sérum Visage
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-171"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/171-contours-des-yeux"
data-depth="2"
>
Contours des yeux
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-185"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/185-gommage-visage"
data-depth="2"
>
Gommage Visage
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-225"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/225-eau-thermal-"
data-depth="2"
>
Eau Thermal
</a>
<!-- added /if update for brands -->
</li>
</ul>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-155"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-toggle dropdown-item"
href="https://www.yousarssif.com/155-soin-de-corps"
data-depth="1"
>
Soin de corps
</a>
<ul
class="submenu"
data-depth="2"
>
<li
class="category"
id="category-172"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/172-bain-douche"
data-depth="2"
>
Bain et douche
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-173"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/173-deodorant"
data-depth="2"
>
Déodorant
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-174"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/174-laits-de-corps"
data-depth="2"
>
Laits de corps
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-175"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/175-huiles-corps"
data-depth="2"
>
Huiles Corps
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-176"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/176-gommage-exfoliant-corps"
data-depth="2"
>
Gommage & exfoliant Corps
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-193"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/193-creme-de-corps"
data-depth="2"
>
Crèmes De Corps
</a>
<!-- added /if update for brands -->
</li>
</ul>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-157"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-toggle dropdown-item"
href="https://www.yousarssif.com/157-soin-des-mains-et-pieds"
data-depth="1"
>
Soin des mains et pieds
</a>
<ul
class="submenu"
data-depth="2"
>
<li
class="category"
id="category-178"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/178-masques"
data-depth="2"
>
Masques
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-179"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/179-gommage-exfoliant"
data-depth="2"
>
Gommage & exfoliant
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-180"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/180-creme"
data-depth="2"
>
Crème Mains & Pieds
</a>
<!-- added /if update for brands -->
</li>
</ul>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-195"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-toggle dropdown-item"
href="https://www.yousarssif.com/195-soin-ongles"
data-depth="1"
>
Soin Ongles
</a>
<ul
class="submenu"
data-depth="2"
>
<li
class="category"
id="category-196"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/196-huile-cuticule"
data-depth="2"
>
Huile Cuticule
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-198"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/198--durcisseur"
data-depth="2"
>
Durcisseur
</a>
<!-- added /if update for brands -->
</li>
</ul>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-158"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-toggle dropdown-item"
href="https://www.yousarssif.com/158-epilation-et-rasage"
data-depth="1"
>
Epilation et rasage
</a>
<ul
class="submenu"
data-depth="2"
>
<li
class="category"
id="category-200"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/200-appareils"
data-depth="2"
>
Epilateur
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-201"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/201-post-epilatoire"
data-depth="2"
>
Post-Épilatoire
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-202"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/202-accessoires"
data-depth="2"
>
Accessoires
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-205"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/205-tondeuse-cheveux"
data-depth="2"
>
Tondeuse
</a>
<!-- added /if update for brands -->
</li>
</ul>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-159"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-toggle dropdown-item"
href="https://www.yousarssif.com/159-solaire"
data-depth="1"
>
Solaire
</a>
<ul
class="submenu"
data-depth="2"
>
<li
class="category"
id="category-181"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/181-ecran-solaire"
data-depth="2"
>
Ecran solaire
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-182"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/182-huile-de-bronzage"
data-depth="2"
>
Huile de bronzage
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-183"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/183-apres-soleil"
data-depth="2"
>
Après soleil
</a>
<!-- added /if update for brands -->
</li>
</ul>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-160"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/160-accessoires-et-appareils"
data-depth="1"
>
Accessoires et appareils
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-161"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/161-nouveautes-soin"
data-depth="1"
>
Nouveautés Soin
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-210"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/210-soin-homme"
data-depth="1"
>
Soin Homme
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-211"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/211-coffret-soin-yousarssif"
data-depth="1"
>
Coffret
</a>
<!-- added /if update for brands -->
</li>
</ul>
</div>
</div>
<!-- added /if update for brands -->
</li>
<li
class="category main-menu__tree__item d-flex align-items-center h-100"
id="category-10"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-toggle"
href="https://www.yousarssif.com/10-accessoires"
data-depth="0"
>
Accessoires
</a>
<div class="menu-container shadow-sm js-sub-menu">
<div class="container">
<ul
class="row row-cols-4 gy-3"
data-depth="1"
>
<li
class="category"
id="category-11"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-toggle dropdown-item"
href="https://www.yousarssif.com/11-pinceau-et-applicateur"
data-depth="1"
>
Pinceau et applicateur
</a>
<ul
class="submenu"
data-depth="2"
>
<li
class="category"
id="category-18"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/18-pinceau-teint"
data-depth="2"
>
Pinceau Teint
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-19"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/19-pinceau-yeux"
data-depth="2"
>
Pinceau Yeux
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-20"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/20-pinceau-sourcils"
data-depth="2"
>
Pinceau Sourcils
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-21"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/21-pinceau-levres"
data-depth="2"
>
Pinceau Lèvres
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-22"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/22-kit-pinceaux"
data-depth="2"
>
Kit pinceaux
</a>
<!-- added /if update for brands -->
</li>
</ul>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-12"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-toggle dropdown-item"
href="https://www.yousarssif.com/12-accessoires-visage"
data-depth="1"
>
Accessoires visage
</a>
<ul
class="submenu"
data-depth="2"
>
<li
class="category"
id="category-23"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/23-brosse-netoyante"
data-depth="2"
>
Brosse netoyante
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-24"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/24-eponge"
data-depth="2"
>
Eponge
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-25"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/25-epilation-visage"
data-depth="2"
>
Epilation visage
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-26"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/26-cotton"
data-depth="2"
>
Cotton
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-28"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/28-taille-crayon"
data-depth="2"
>
Taille crayon
</a>
<!-- added /if update for brands -->
</li>
</ul>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-13"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-toggle dropdown-item"
href="https://www.yousarssif.com/13-accessoires-yeux"
data-depth="1"
>
Accessoires yeux
</a>
<ul
class="submenu"
data-depth="2"
>
<li
class="category"
id="category-27"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/27-faux-cils"
data-depth="2"
>
Faux cils
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-216"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/216-applicateurs-faux-cils"
data-depth="2"
>
Applicateurs faux cils
</a>
<!-- added /if update for brands -->
</li>
</ul>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-207"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/207-trousse-maquillage"
data-depth="1"
>
Trousse maquillage
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-14"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-toggle dropdown-item"
href="https://www.yousarssif.com/14-accessoires-ongles"
data-depth="1"
>
Accessoires ongles
</a>
<ul
class="submenu"
data-depth="2"
>
<li
class="category"
id="category-29"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/29-ciseaux-pinces-coupe-ongles"
data-depth="2"
>
Ciseaux, pinces, coupe ongles
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-30"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/30-lime-a-ongles"
data-depth="2"
>
Lime à ongles
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-31"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/31-kit-manucure"
data-depth="2"
>
Kit manucure
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-32"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/32-nail-art"
data-depth="2"
>
Nail art
</a>
<!-- added /if update for brands -->
</li>
</ul>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-15"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-toggle dropdown-item"
href="https://www.yousarssif.com/15-accessoires-cheveux"
data-depth="1"
>
Accessoires cheveux
</a>
<ul
class="submenu"
data-depth="2"
>
<li
class="category"
id="category-33"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/33-brosse-et-peigne"
data-depth="2"
>
Brosse et peigne
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-34"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/34-ciseaux-accessoires-de-coiffage"
data-depth="2"
>
Ciseaux accessoires de coiffage
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-35"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/35-chouchou-elastique-et-bandeau"
data-depth="2"
>
Chouchou, élastique et bandeau
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-36"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/36-seche-cheveux-et-diffuseurs"
data-depth="2"
>
Sèche cheveux et diffuseurs
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-37"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/37-lisseur-et-boucleur"
data-depth="2"
>
Lisseur et boucleur
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-38"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/38-brosse-chauffante"
data-depth="2"
>
Brosse chauffante
</a>
<!-- added /if update for brands -->
</li>
</ul>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-16"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-toggle dropdown-item"
href="https://www.yousarssif.com/16-accessoires-corps"
data-depth="1"
>
Accessoires corps
</a>
<ul
class="submenu"
data-depth="2"
>
<li
class="category"
id="category-39"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/39-epilation"
data-depth="2"
>
Epilation
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-40"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/40-rape-pied"
data-depth="2"
>
Rape pied
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-43"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/43-bougis"
data-depth="2"
>
Bougis
</a>
<!-- added /if update for brands -->
</li>
</ul>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-17"
>
<!-- update for brands -->
<a
class="main-menu__tree__link dropdown-item"
href="https://www.yousarssif.com/17-nouveautes-accessoires"
data-depth="1"
>
Nouveautés Accessoires
</a>
<!-- added /if update for brands -->
</li>
</ul>
</div>
</div>
<!-- added /if update for brands -->
</li>
<li
class="category main-menu__tree__item d-flex align-items-center h-100"
id="category-274"
>
<!-- update for brands -->
<a
class="main-menu__tree__link"
href="https://www.yousarssif.com/274--school-"
data-depth="0"
>
🎒كوول school خلي✨
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturers main-menu__tree__item d-flex align-items-center h-100"
id="manufacturers"
>
<!-- update for brands -->
<a class="main-menu__tree__link" href="https://www.yousarssif.com/marques" data-depth="0">
Marques
</a>
<!-- bon plan -->
<a class="main-menu__tree__link" href="/bon-plan" data-depth="0" style="color:#d11d40; font-weight:500;">
Bon plan
</a>
<!--eof bon plan -->
</li>
</ul>
</div>
</div>
<div class="header-block d-xl-none">
<a
class="header-block__action-btn"
href="#"
role="button"
data-bs-toggle="offcanvas"
data-bs-target="#mobileMenu"
aria-controls="mobileMenu"
>
<span class="material-icons header-block__icon">menu</span>
</a>
</div>
</div>
<div
class="main-menu__offcanvas offcanvas offcanvas-start js-menu-canvas d-lg-none"
tabindex="-1"
id="mobileMenu"
aria-labelledby="mobileMenuLabel"
>
<div class="offcanvas-header">
<div class="main-menu__back-button">
<button class="btn btn-unstyle d-none js-back-button" type="button">
<span class="material-icons rtl-flip">chevron_left</span>
<span class="js-menu-back-title">All</span>
</button>
</div>
<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="main-menu__mobile">
<nav
class="menu menu--mobile menu--current js-menu-current"
id="menu-mobile" data-depth="0"
>
<ul class="menu__list">
<li
class="category menu--childrens"
id="category-76"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/76-maquillage"
data-depth="0"
>
Maquillage
</a>
<span class="main-menu__toggle-child js-menu-open-child" data-target="3031">
<span data-target="#top_sub_menu_3031">
<i class="material-icons rtl-flip">chevron_right</i>
</span>
</span>
<!-- added /if update for brands -->
</li>
<li
class="category menu--childrens"
id="category-131"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/131-parfum-"
data-depth="0"
>
Parfum
</a>
<span class="main-menu__toggle-child js-menu-open-child" data-target="56279">
<span data-target="#top_sub_menu_56279">
<i class="material-icons rtl-flip">chevron_right</i>
</span>
</span>
<!-- added /if update for brands -->
</li>
<li
class="category menu--childrens"
id="category-44"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/44-cheveux"
data-depth="0"
>
Cheveux
</a>
<span class="main-menu__toggle-child js-menu-open-child" data-target="5639">
<span data-target="#top_sub_menu_5639">
<i class="material-icons rtl-flip">chevron_right</i>
</span>
</span>
<!-- added /if update for brands -->
</li>
<li
class="category menu--childrens"
id="category-152"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/152-soin"
data-depth="0"
>
Soin
</a>
<span class="main-menu__toggle-child js-menu-open-child" data-target="60906">
<span data-target="#top_sub_menu_60906">
<i class="material-icons rtl-flip">chevron_right</i>
</span>
</span>
<!-- added /if update for brands -->
</li>
<li
class="category menu--childrens"
id="category-10"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/10-accessoires"
data-depth="0"
>
Accessoires
</a>
<span class="main-menu__toggle-child js-menu-open-child" data-target="98060">
<span data-target="#top_sub_menu_98060">
<i class="material-icons rtl-flip">chevron_right</i>
</span>
</span>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-274"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/274--school-"
data-depth="0"
>
🎒كوول school خلي✨
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturers menu--childrens"
id="manufacturers"
>
<!-- update for brands -->
<a class="main-menu__tree__link" href="https://www.yousarssif.com/marques" data-depth="0">
Marques
</a>
</li>
<!-- bon plan -->
<li id="menu-item-bon-plan" class="main-menu__tree__item d-flex align-items-center h-100">
<a class="main-menu__tree__link" href="/bon-plan" data-depth="0" style="color:#d11d40; font-weight:500;">
Flash Friday
</a>
</li>
<!--eof bon plan -->
</ul>
</nav>
<nav
class="menu menu--mobile menu--child js-menu-child"
data-parent-title="Maquillage" data-back-title="Maquillage" data-id="3031" data-depth="2"
>
<ul class="menu__list">
<li class="main-menu__title h5">Maquillage</li>
<li
class="category menu--childrens"
id="category-77"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/77-teint"
data-depth="2"
>
Teint
</a>
<span class="main-menu__toggle-child js-menu-open-child" data-target="51251">
<span data-target="#top_sub_menu_51251">
<i class="material-icons rtl-flip">chevron_right</i>
</span>
</span>
<!-- added /if update for brands -->
</li>
<li
class="category menu--childrens"
id="category-78"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/78-levres"
data-depth="2"
>
Lèvres
</a>
<span class="main-menu__toggle-child js-menu-open-child" data-target="65464">
<span data-target="#top_sub_menu_65464">
<i class="material-icons rtl-flip">chevron_right</i>
</span>
</span>
<!-- added /if update for brands -->
</li>
<li
class="category menu--childrens"
id="category-79"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/79-yeux"
data-depth="2"
>
Yeux
</a>
<span class="main-menu__toggle-child js-menu-open-child" data-target="9501">
<span data-target="#top_sub_menu_9501">
<i class="material-icons rtl-flip">chevron_right</i>
</span>
</span>
<!-- added /if update for brands -->
</li>
<li
class="category menu--childrens"
id="category-80"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/80-sourcils"
data-depth="2"
>
Sourcils
</a>
<span class="main-menu__toggle-child js-menu-open-child" data-target="54783">
<span data-target="#top_sub_menu_54783">
<i class="material-icons rtl-flip">chevron_right</i>
</span>
</span>
<!-- added /if update for brands -->
</li>
<li
class="category menu--childrens"
id="category-81"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/81-ongles"
data-depth="2"
>
Ongles
</a>
<span class="main-menu__toggle-child js-menu-open-child" data-target="38112">
<span data-target="#top_sub_menu_38112">
<i class="material-icons rtl-flip">chevron_right</i>
</span>
</span>
<!-- added /if update for brands -->
</li>
<li
class="category menu--childrens"
id="category-82"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/82-pinceau-et-accesoires-maquillage"
data-depth="2"
>
Pinceau et accesoires
</a>
<span class="main-menu__toggle-child js-menu-open-child" data-target="67905">
<span data-target="#top_sub_menu_67905">
<i class="material-icons rtl-flip">chevron_right</i>
</span>
</span>
<!-- added /if update for brands -->
</li>
<li
class="category menu--childrens"
id="category-83"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/83-palettes-et-coffrets-maquillage"
data-depth="2"
>
Palette et coffrets
</a>
<span class="main-menu__toggle-child js-menu-open-child" data-target="21374">
<span data-target="#top_sub_menu_21374">
<i class="material-icons rtl-flip">chevron_right</i>
</span>
</span>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-85"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/85-nettoyant-et-demaquillant-maquillage"
data-depth="2"
>
Nettoyant et demaquillant
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-84"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/84-trousse-et-valise-maquillage"
data-depth="2"
>
Trousse et valise
</a>
<!-- added /if update for brands -->
</li>
<!-- bon plan -->
<li id="menu-item-bon-plan" class="main-menu__tree__item d-flex align-items-center h-100">
<a class="main-menu__tree__link" href="/bon-plan" data-depth="0" style="color:#d11d40; font-weight:500;">
Flash Friday
</a>
</li>
<!--eof bon plan -->
</ul>
</nav>
<nav
class="menu menu--mobile menu--child js-menu-child"
data-parent-title="Teint" data-back-title="Teint" data-id="51251" data-depth="3"
>
<ul class="menu__list">
<li class="main-menu__title h5">Teint</li>
<li
class="category"
id="category-87"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/87-fond-de-teint"
data-depth="3"
>
Fond de teint
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-88"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/88-anti-cernes-et-correcteurs"
data-depth="3"
>
Anti-cernes et correcteurs
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-89"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/89-base-de-teint-fixateur"
data-depth="3"
>
Base De Teint et Fixateur
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-90"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/90-poudre"
data-depth="3"
>
Poudre
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-126"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/126-palette-teint"
data-depth="3"
>
Palette teint
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-91"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/91-bb-cremes-et-cc-cremes"
data-depth="3"
>
Bb crèmes et cc crèmes
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-92"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/92-blush"
data-depth="3"
>
Blush
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-93"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/93-highlighter"
data-depth="3"
>
Highlighter
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-94"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/94-contouring"
data-depth="3"
>
Contouring
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-95"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/95-palette-teint"
data-depth="3"
>
Palette teint
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-184"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/184-bronzer"
data-depth="3"
>
Bronzer
</a>
<!-- added /if update for brands -->
</li>
<!-- bon plan -->
<li id="menu-item-bon-plan" class="main-menu__tree__item d-flex align-items-center h-100">
<a class="main-menu__tree__link" href="/bon-plan" data-depth="0" style="color:#d11d40; font-weight:500;">
Flash Friday
</a>
</li>
<!--eof bon plan -->
</ul>
</nav>
<nav
class="menu menu--mobile menu--child js-menu-child"
data-parent-title="Lèvres" data-back-title="Lèvres" data-id="65464" data-depth="3"
>
<ul class="menu__list">
<li class="main-menu__title h5">Lèvres</li>
<li
class="category"
id="category-96"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/96-rouge-a-levres"
data-depth="3"
>
Rouge à lèvres
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-97"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/97-lip-gloss"
data-depth="3"
>
Lip gloss
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-98"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/98-crayons-a-levres"
data-depth="3"
>
Crayons à lèvres
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-99"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/99-baume-a-levres"
data-depth="3"
>
Baume à lèvres
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-100"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/100-lip-oil"
data-depth="3"
>
Lip oil
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-192"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/192-kit-levres"
data-depth="3"
>
Kit lèvres
</a>
<!-- added /if update for brands -->
</li>
<!-- bon plan -->
<li id="menu-item-bon-plan" class="main-menu__tree__item d-flex align-items-center h-100">
<a class="main-menu__tree__link" href="/bon-plan" data-depth="0" style="color:#d11d40; font-weight:500;">
Flash Friday
</a>
</li>
<!--eof bon plan -->
</ul>
</nav>
<nav
class="menu menu--mobile menu--child js-menu-child"
data-parent-title="Yeux" data-back-title="Yeux" data-id="9501" data-depth="3"
>
<ul class="menu__list">
<li class="main-menu__title h5">Yeux</li>
<li
class="category"
id="category-102"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/102-fard-a-paupieres"
data-depth="3"
>
Fard à paupières
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-101"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/101-palette-yeux"
data-depth="3"
>
Palette yeux
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-103"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/103-mascara"
data-depth="3"
>
Mascara
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-105"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/105-eyeliner-et-crayon"
data-depth="3"
>
Eyeliner et crayon
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-107"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/107-faux-cils"
data-depth="3"
>
Faux cils
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-190"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/190-colle-faux-cils"
data-depth="3"
>
Colle faux cils
</a>
<!-- added /if update for brands -->
</li>
<!-- bon plan -->
<li id="menu-item-bon-plan" class="main-menu__tree__item d-flex align-items-center h-100">
<a class="main-menu__tree__link" href="/bon-plan" data-depth="0" style="color:#d11d40; font-weight:500;">
Flash Friday
</a>
</li>
<!--eof bon plan -->
</ul>
</nav>
<nav
class="menu menu--mobile menu--child js-menu-child"
data-parent-title="Sourcils" data-back-title="Sourcils" data-id="54783" data-depth="3"
>
<ul class="menu__list">
<li class="main-menu__title h5">Sourcils</li>
<li
class="category"
id="category-112"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/112-crayon-et-poudre"
data-depth="3"
>
Crayon et poudre
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-113"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/113-gel-et-mascara"
data-depth="3"
>
Gel et mascara
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-114"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/114-kit-sourcils"
data-depth="3"
>
Kit sourcils
</a>
<!-- added /if update for brands -->
</li>
<!-- bon plan -->
<li id="menu-item-bon-plan" class="main-menu__tree__item d-flex align-items-center h-100">
<a class="main-menu__tree__link" href="/bon-plan" data-depth="0" style="color:#d11d40; font-weight:500;">
Flash Friday
</a>
</li>
<!--eof bon plan -->
</ul>
</nav>
<nav
class="menu menu--mobile menu--child js-menu-child"
data-parent-title="Ongles" data-back-title="Ongles" data-id="38112" data-depth="3"
>
<ul class="menu__list">
<li class="main-menu__title h5">Ongles</li>
<li
class="category"
id="category-115"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/115-vernis-a-ongle"
data-depth="3"
>
Vernis
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-116"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/116-base-et-top-coat"
data-depth="3"
>
Base et top coat
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-117"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/117-dissolvant"
data-depth="3"
>
Dissolvant
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-186"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/186-faux-ongles"
data-depth="3"
>
Faux ongles
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-191"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/191-colle-faux-ongles-"
data-depth="3"
>
Colle faux Ongles
</a>
<!-- added /if update for brands -->
</li>
<!-- bon plan -->
<li id="menu-item-bon-plan" class="main-menu__tree__item d-flex align-items-center h-100">
<a class="main-menu__tree__link" href="/bon-plan" data-depth="0" style="color:#d11d40; font-weight:500;">
Flash Friday
</a>
</li>
<!--eof bon plan -->
</ul>
</nav>
<nav
class="menu menu--mobile menu--child js-menu-child"
data-parent-title="Pinceau et accesoires" data-back-title="Pinceau et accesoires" data-id="67905" data-depth="3"
>
<ul class="menu__list">
<li class="main-menu__title h5">Pinceau et accesoires</li>
<li
class="category"
id="category-118"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/118-teint"
data-depth="3"
>
Teint
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-119"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/119-pinceau-et-accessoires-yeux"
data-depth="3"
>
Yeux
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-120"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/120-pinceau-et-accessoires-sourcils"
data-depth="3"
>
Sourcils
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-121"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/121-pinceau-et-accessoires-levres"
data-depth="3"
>
Lèvres
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-122"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/122-pinceau-et-accessoires-ongles"
data-depth="3"
>
Ongles
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-123"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/123-kit-pinceaux"
data-depth="3"
>
Kit pinceaux
</a>
<!-- added /if update for brands -->
</li>
<!-- bon plan -->
<li id="menu-item-bon-plan" class="main-menu__tree__item d-flex align-items-center h-100">
<a class="main-menu__tree__link" href="/bon-plan" data-depth="0" style="color:#d11d40; font-weight:500;">
Flash Friday
</a>
</li>
<!--eof bon plan -->
</ul>
</nav>
<nav
class="menu menu--mobile menu--child js-menu-child"
data-parent-title="Palette et coffrets" data-back-title="Palette et coffrets" data-id="21374" data-depth="3"
>
<ul class="menu__list">
<li class="main-menu__title h5">Palette et coffrets</li>
<li
class="category"
id="category-187"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/187-coffret-maquillage"
data-depth="3"
>
Coffret maquillage
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-124"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/124-multi-usage"
data-depth="3"
>
Multi usage
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-125"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/125-palette-fard-a-paupieres"
data-depth="3"
>
Palette yeux
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-127"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/127-palette-sourcils"
data-depth="3"
>
Palette sourcils
</a>
<!-- added /if update for brands -->
</li>
<!-- bon plan -->
<li id="menu-item-bon-plan" class="main-menu__tree__item d-flex align-items-center h-100">
<a class="main-menu__tree__link" href="/bon-plan" data-depth="0" style="color:#d11d40; font-weight:500;">
Flash Friday
</a>
</li>
<!--eof bon plan -->
</ul>
</nav>
<nav
class="menu menu--mobile menu--child js-menu-child"
data-parent-title="Parfum" data-back-title="Parfum" data-id="56279" data-depth="2"
>
<ul class="menu__list">
<li class="main-menu__title h5">Parfum</li>
<li
class="category menu--childrens"
id="category-130"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/130-parfum-femme"
data-depth="2"
>
Parfum femme
</a>
<span class="main-menu__toggle-child js-menu-open-child" data-target="86309">
<span data-target="#top_sub_menu_86309">
<i class="material-icons rtl-flip">chevron_right</i>
</span>
</span>
<!-- added /if update for brands -->
</li>
<li
class="category menu--childrens"
id="category-132"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/132-parfum-homme"
data-depth="2"
>
Parfum homme
</a>
<span class="main-menu__toggle-child js-menu-open-child" data-target="93620">
<span data-target="#top_sub_menu_93620">
<i class="material-icons rtl-flip">chevron_right</i>
</span>
</span>
<!-- added /if update for brands -->
</li>
<li
class="category menu--childrens"
id="category-208"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/208-parfum-d-ambiance-"
data-depth="2"
>
Parfum D ambiance
</a>
<span class="main-menu__toggle-child js-menu-open-child" data-target="70793">
<span data-target="#top_sub_menu_70793">
<i class="material-icons rtl-flip">chevron_right</i>
</span>
</span>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-220"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/220-parfum-cheveux-tunisie"
data-depth="2"
>
Parfum cheveux
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-134"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/134-parfum-mixte"
data-depth="2"
>
Parfum mixte
</a>
<!-- added /if update for brands -->
</li>
<li
class="category menu--childrens"
id="category-250"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/250-parfum-enfant"
data-depth="2"
>
parfum enfant
</a>
<span class="main-menu__toggle-child js-menu-open-child" data-target="6129">
<span data-target="#top_sub_menu_6129">
<i class="material-icons rtl-flip">chevron_right</i>
</span>
</span>
<!-- added /if update for brands -->
</li>
<!-- bon plan -->
<li id="menu-item-bon-plan" class="main-menu__tree__item d-flex align-items-center h-100">
<a class="main-menu__tree__link" href="/bon-plan" data-depth="0" style="color:#d11d40; font-weight:500;">
Flash Friday
</a>
</li>
<!--eof bon plan -->
</ul>
</nav>
<nav
class="menu menu--mobile menu--child js-menu-child"
data-parent-title="Parfum femme" data-back-title="Parfum femme" data-id="86309" data-depth="3"
>
<ul class="menu__list">
<li class="main-menu__title h5">Parfum femme</li>
<li
class="category"
id="category-137"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/137-eau-de-toilette"
data-depth="3"
>
Eau de toilette
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-138"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/138-eau-de-parfum"
data-depth="3"
>
Eau de parfum
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-139"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/139-soin-de-corps-parfume"
data-depth="3"
>
Soin de corps parfumé
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-140"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/140-gel-douche"
data-depth="3"
>
Gel douche
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-141"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/141-deodorant-femme"
data-depth="3"
>
Déodorant Femme
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-143"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/143-coffrets-femme"
data-depth="3"
>
Coffrets femme
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-226"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/226-brume-parfumee-tunisie"
data-depth="3"
>
Brume parfumée
</a>
<!-- added /if update for brands -->
</li>
<!-- bon plan -->
<li id="menu-item-bon-plan" class="main-menu__tree__item d-flex align-items-center h-100">
<a class="main-menu__tree__link" href="/bon-plan" data-depth="0" style="color:#d11d40; font-weight:500;">
Flash Friday
</a>
</li>
<!--eof bon plan -->
</ul>
</nav>
<nav
class="menu menu--mobile menu--child js-menu-child"
data-parent-title="Parfum homme" data-back-title="Parfum homme" data-id="93620" data-depth="3"
>
<ul class="menu__list">
<li class="main-menu__title h5">Parfum homme</li>
<li
class="category"
id="category-144"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/144-eau-de-toilette"
data-depth="3"
>
Eau de toilette
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-145"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/145-eau-de-parfum"
data-depth="3"
>
Eau de parfum
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-147"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/147-gel-douche"
data-depth="3"
>
Gel douche
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-148"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/148-deodorant-homme"
data-depth="3"
>
Déodorant Homme
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-149"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/149-coffrets-homme"
data-depth="3"
>
Coffrets Homme
</a>
<!-- added /if update for brands -->
</li>
<!-- bon plan -->
<li id="menu-item-bon-plan" class="main-menu__tree__item d-flex align-items-center h-100">
<a class="main-menu__tree__link" href="/bon-plan" data-depth="0" style="color:#d11d40; font-weight:500;">
Flash Friday
</a>
</li>
<!--eof bon plan -->
</ul>
</nav>
<nav
class="menu menu--mobile menu--child js-menu-child"
data-parent-title="Parfum D ambiance" data-back-title="Parfum D ambiance" data-id="70793" data-depth="3"
>
<ul class="menu__list">
<li class="main-menu__title h5">Parfum D ambiance</li>
<li
class="category"
id="category-209"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/209-bakhour-"
data-depth="3"
>
Bakhour
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-215"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/215-diffuseurs-de-parfum"
data-depth="3"
>
Diffuseurs de Parfum
</a>
<!-- added /if update for brands -->
</li>
<!-- bon plan -->
<li id="menu-item-bon-plan" class="main-menu__tree__item d-flex align-items-center h-100">
<a class="main-menu__tree__link" href="/bon-plan" data-depth="0" style="color:#d11d40; font-weight:500;">
Flash Friday
</a>
</li>
<!--eof bon plan -->
</ul>
</nav>
<nav
class="menu menu--mobile menu--child js-menu-child"
data-parent-title="parfum enfant" data-back-title="parfum enfant" data-id="6129" data-depth="3"
>
<ul class="menu__list">
<li class="main-menu__title h5">parfum enfant</li>
<li
class="category"
id="category-251"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/251-eau-de-parfum-"
data-depth="3"
>
eau de parfum
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-252"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/252-body-spray"
data-depth="3"
>
Body spray
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-253"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/253-eau-de-toilette"
data-depth="3"
>
eau de toilette
</a>
<!-- added /if update for brands -->
</li>
<!-- bon plan -->
<li id="menu-item-bon-plan" class="main-menu__tree__item d-flex align-items-center h-100">
<a class="main-menu__tree__link" href="/bon-plan" data-depth="0" style="color:#d11d40; font-weight:500;">
Flash Friday
</a>
</li>
<!--eof bon plan -->
</ul>
</nav>
<nav
class="menu menu--mobile menu--child js-menu-child"
data-parent-title="Cheveux" data-back-title="Cheveux" data-id="5639" data-depth="2"
>
<ul class="menu__list">
<li class="main-menu__title h5">Cheveux</li>
<li
class="category menu--childrens"
id="category-45"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/45-soin-de-cheveux"
data-depth="2"
>
Soin de cheveux
</a>
<span class="main-menu__toggle-child js-menu-open-child" data-target="59669">
<span data-target="#top_sub_menu_59669">
<i class="material-icons rtl-flip">chevron_right</i>
</span>
</span>
<!-- added /if update for brands -->
</li>
<li
class="category menu--childrens"
id="category-46"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/46-traitements-et-lissage"
data-depth="2"
>
Traitements et lissage
</a>
<span class="main-menu__toggle-child js-menu-open-child" data-target="11508">
<span data-target="#top_sub_menu_11508">
<i class="material-icons rtl-flip">chevron_right</i>
</span>
</span>
<!-- added /if update for brands -->
</li>
<li
class="category menu--childrens"
id="category-47"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/47-coloration-cheveux"
data-depth="2"
>
Coloration cheveux
</a>
<span class="main-menu__toggle-child js-menu-open-child" data-target="27448">
<span data-target="#top_sub_menu_27448">
<i class="material-icons rtl-flip">chevron_right</i>
</span>
</span>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-51"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/51-coffret-cheveux"
data-depth="2"
>
Coffret cheveux
</a>
<!-- added /if update for brands -->
</li>
<li
class="category menu--childrens"
id="category-48"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/48-coiffant-et-fixant"
data-depth="2"
>
Coiffant et fixant
</a>
<span class="main-menu__toggle-child js-menu-open-child" data-target="29337">
<span data-target="#top_sub_menu_29337">
<i class="material-icons rtl-flip">chevron_right</i>
</span>
</span>
<!-- added /if update for brands -->
</li>
<li
class="category menu--childrens"
id="category-49"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/49-appareils-cheveux"
data-depth="2"
>
Appareils cheveux
</a>
<span class="main-menu__toggle-child js-menu-open-child" data-target="77281">
<span data-target="#top_sub_menu_77281">
<i class="material-icons rtl-flip">chevron_right</i>
</span>
</span>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-194"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/194-protection-solaire"
data-depth="2"
>
Protection Solaire
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-50"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/50-accessoires-cheveux"
data-depth="2"
>
Accessoires cheveux
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-52"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/52-nouveautes-cheveux"
data-depth="2"
>
Nouveautés Cheveux
</a>
<!-- added /if update for brands -->
</li>
<!-- bon plan -->
<li id="menu-item-bon-plan" class="main-menu__tree__item d-flex align-items-center h-100">
<a class="main-menu__tree__link" href="/bon-plan" data-depth="0" style="color:#d11d40; font-weight:500;">
Flash Friday
</a>
</li>
<!--eof bon plan -->
</ul>
</nav>
<nav
class="menu menu--mobile menu--child js-menu-child"
data-parent-title="Soin de cheveux" data-back-title="Soin de cheveux" data-id="59669" data-depth="3"
>
<ul class="menu__list">
<li class="main-menu__title h5">Soin de cheveux</li>
<li
class="category"
id="category-53"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/53-shampoing"
data-depth="3"
>
Shampoing
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-188"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/188-shampoing-sec"
data-depth="3"
>
Shampoing sec
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-199"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/199-serum-sec"
data-depth="3"
>
Serum sec
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-54"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/54-apres-shampoing"
data-depth="3"
>
Après Shampoing
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-55"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/55-masque-cheveux"
data-depth="3"
>
Masque cheveux
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-56"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/56-huile-et-serum"
data-depth="3"
>
Huile et sérum
</a>
<!-- added /if update for brands -->
</li>
<!-- bon plan -->
<li id="menu-item-bon-plan" class="main-menu__tree__item d-flex align-items-center h-100">
<a class="main-menu__tree__link" href="/bon-plan" data-depth="0" style="color:#d11d40; font-weight:500;">
Flash Friday
</a>
</li>
<!--eof bon plan -->
</ul>
</nav>
<nav
class="menu menu--mobile menu--child js-menu-child"
data-parent-title="Traitements et lissage" data-back-title="Traitements et lissage" data-id="11508" data-depth="3"
>
<ul class="menu__list">
<li class="main-menu__title h5">Traitements et lissage</li>
<li
class="category"
id="category-206"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/206-tanino"
data-depth="3"
>
Tanino
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-59"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/59-collagene"
data-depth="3"
>
Collagène
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-58"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/58-proteine"
data-depth="3"
>
Protéine
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-57"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/57-keratine"
data-depth="3"
>
Kératine
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-61"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/61-soin-capilaire"
data-depth="3"
>
Soin capilaire
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-60"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/60-creme-defrisante"
data-depth="3"
>
Crème défrisante
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-189"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/189-botox"
data-depth="3"
>
Soin Botox
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-203"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/203-masque-fixateur"
data-depth="3"
>
Masque fixateur
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-204"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/204-shampoing-clarifiant"
data-depth="3"
>
Shampoing Clarifiant
</a>
<!-- added /if update for brands -->
</li>
<!-- bon plan -->
<li id="menu-item-bon-plan" class="main-menu__tree__item d-flex align-items-center h-100">
<a class="main-menu__tree__link" href="/bon-plan" data-depth="0" style="color:#d11d40; font-weight:500;">
Flash Friday
</a>
</li>
<!--eof bon plan -->
</ul>
</nav>
<nav
class="menu menu--mobile menu--child js-menu-child"
data-parent-title="Coloration cheveux" data-back-title="Coloration cheveux" data-id="27448" data-depth="3"
>
<ul class="menu__list">
<li class="main-menu__title h5">Coloration cheveux</li>
<li
class="category"
id="category-62"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/62-teinture"
data-depth="3"
>
Teinture
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-63"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/63-meches"
data-depth="3"
>
Mèches
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-64"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/64-oxydant"
data-depth="3"
>
Oxydant
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-65"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/65-effaceur"
data-depth="3"
>
Effaceur
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-66"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/66-fixateur"
data-depth="3"
>
Fixateur
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-221"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/221-spray-colorant"
data-depth="3"
>
Spray Colorant
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-222"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/222-shampoing-colorant"
data-depth="3"
>
Shampoing Colorant
</a>
<!-- added /if update for brands -->
</li>
<!-- bon plan -->
<li id="menu-item-bon-plan" class="main-menu__tree__item d-flex align-items-center h-100">
<a class="main-menu__tree__link" href="/bon-plan" data-depth="0" style="color:#d11d40; font-weight:500;">
Flash Friday
</a>
</li>
<!--eof bon plan -->
</ul>
</nav>
<nav
class="menu menu--mobile menu--child js-menu-child"
data-parent-title="Coiffant et fixant" data-back-title="Coiffant et fixant" data-id="29337" data-depth="3"
>
<ul class="menu__list">
<li class="main-menu__title h5">Coiffant et fixant</li>
<li
class="category"
id="category-67"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/67-spray-cheveux"
data-depth="3"
>
Spray Cheveux
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-68"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/68-creme-cheveux"
data-depth="3"
>
Crème Cheveux
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-69"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/69-mousse-cheveux"
data-depth="3"
>
Mousse cheveux
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-70"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/70-gel-cheveux"
data-depth="3"
>
Gel Cheveux
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-71"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/71-cire-cheveux"
data-depth="3"
>
Cire Cheveux
</a>
<!-- added /if update for brands -->
</li>
<!-- bon plan -->
<li id="menu-item-bon-plan" class="main-menu__tree__item d-flex align-items-center h-100">
<a class="main-menu__tree__link" href="/bon-plan" data-depth="0" style="color:#d11d40; font-weight:500;">
Flash Friday
</a>
</li>
<!--eof bon plan -->
</ul>
</nav>
<nav
class="menu menu--mobile menu--child js-menu-child"
data-parent-title="Appareils cheveux" data-back-title="Appareils cheveux" data-id="77281" data-depth="3"
>
<ul class="menu__list">
<li class="main-menu__title h5">Appareils cheveux</li>
<li
class="category"
id="category-72"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/72-seche-cheveux-diffuseur-tunisie"
data-depth="3"
>
Sèche-cheveux et diffuseur
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-73"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/73-fer-a-lisser-tunisie"
data-depth="3"
>
Fer à lisser
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-74"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/74-brosse-chauffante"
data-depth="3"
>
Brosse chauffante
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-75"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/75-tondeuse-cheveux"
data-depth="3"
>
Tondeuse cheveux
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-217"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/217-fer-a-boucler-tunisie"
data-depth="3"
>
Fer à Boucler
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-219"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/219-brosses-soufflantes-et-rotatives"
data-depth="3"
>
Brosses Soufflantes & Rotatives
</a>
<!-- added /if update for brands -->
</li>
<!-- bon plan -->
<li id="menu-item-bon-plan" class="main-menu__tree__item d-flex align-items-center h-100">
<a class="main-menu__tree__link" href="/bon-plan" data-depth="0" style="color:#d11d40; font-weight:500;">
Flash Friday
</a>
</li>
<!--eof bon plan -->
</ul>
</nav>
<nav
class="menu menu--mobile menu--child js-menu-child"
data-parent-title="Soin" data-back-title="Soin" data-id="60906" data-depth="2"
>
<ul class="menu__list">
<li class="main-menu__title h5">Soin</li>
<li
class="category menu--childrens"
id="category-154"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/154-nettoyant-et-demaquillant"
data-depth="2"
>
Nettoyant et demaquillant
</a>
<span class="main-menu__toggle-child js-menu-open-child" data-target="52665">
<span data-target="#top_sub_menu_52665">
<i class="material-icons rtl-flip">chevron_right</i>
</span>
</span>
<!-- added /if update for brands -->
</li>
<li
class="category menu--childrens"
id="category-153"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/153-soin-de-visage"
data-depth="2"
>
Soin de visage
</a>
<span class="main-menu__toggle-child js-menu-open-child" data-target="36043">
<span data-target="#top_sub_menu_36043">
<i class="material-icons rtl-flip">chevron_right</i>
</span>
</span>
<!-- added /if update for brands -->
</li>
<li
class="category menu--childrens"
id="category-155"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/155-soin-de-corps"
data-depth="2"
>
Soin de corps
</a>
<span class="main-menu__toggle-child js-menu-open-child" data-target="93429">
<span data-target="#top_sub_menu_93429">
<i class="material-icons rtl-flip">chevron_right</i>
</span>
</span>
<!-- added /if update for brands -->
</li>
<li
class="category menu--childrens"
id="category-157"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/157-soin-des-mains-et-pieds"
data-depth="2"
>
Soin des mains et pieds
</a>
<span class="main-menu__toggle-child js-menu-open-child" data-target="31083">
<span data-target="#top_sub_menu_31083">
<i class="material-icons rtl-flip">chevron_right</i>
</span>
</span>
<!-- added /if update for brands -->
</li>
<li
class="category menu--childrens"
id="category-195"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/195-soin-ongles"
data-depth="2"
>
Soin Ongles
</a>
<span class="main-menu__toggle-child js-menu-open-child" data-target="76444">
<span data-target="#top_sub_menu_76444">
<i class="material-icons rtl-flip">chevron_right</i>
</span>
</span>
<!-- added /if update for brands -->
</li>
<li
class="category menu--childrens"
id="category-158"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/158-epilation-et-rasage"
data-depth="2"
>
Epilation et rasage
</a>
<span class="main-menu__toggle-child js-menu-open-child" data-target="97479">
<span data-target="#top_sub_menu_97479">
<i class="material-icons rtl-flip">chevron_right</i>
</span>
</span>
<!-- added /if update for brands -->
</li>
<li
class="category menu--childrens"
id="category-159"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/159-solaire"
data-depth="2"
>
Solaire
</a>
<span class="main-menu__toggle-child js-menu-open-child" data-target="3859">
<span data-target="#top_sub_menu_3859">
<i class="material-icons rtl-flip">chevron_right</i>
</span>
</span>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-160"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/160-accessoires-et-appareils"
data-depth="2"
>
Accessoires et appareils
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-161"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/161-nouveautes-soin"
data-depth="2"
>
Nouveautés Soin
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-210"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/210-soin-homme"
data-depth="2"
>
Soin Homme
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-211"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/211-coffret-soin-yousarssif"
data-depth="2"
>
Coffret
</a>
<!-- added /if update for brands -->
</li>
<!-- bon plan -->
<li id="menu-item-bon-plan" class="main-menu__tree__item d-flex align-items-center h-100">
<a class="main-menu__tree__link" href="/bon-plan" data-depth="0" style="color:#d11d40; font-weight:500;">
Flash Friday
</a>
</li>
<!--eof bon plan -->
</ul>
</nav>
<nav
class="menu menu--mobile menu--child js-menu-child"
data-parent-title="Nettoyant et demaquillant" data-back-title="Nettoyant et demaquillant" data-id="52665" data-depth="3"
>
<ul class="menu__list">
<li class="main-menu__title h5">Nettoyant et demaquillant</li>
<li
class="category"
id="category-162"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/162-gommage-exfoliant"
data-depth="3"
>
Gommage & exfoliant
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-163"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/163-nettoyant-visage"
data-depth="3"
>
Nettoyant visage
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-164"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/164-eau-micellaire"
data-depth="3"
>
Eau micellaire
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-165"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/165-lotion-tonique"
data-depth="3"
>
Lotion tonique
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-166"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/166-demaquillant-yeux"
data-depth="3"
>
Démaquillant yeux
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-167"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/167-lingettes"
data-depth="3"
>
Lingettes
</a>
<!-- added /if update for brands -->
</li>
<!-- bon plan -->
<li id="menu-item-bon-plan" class="main-menu__tree__item d-flex align-items-center h-100">
<a class="main-menu__tree__link" href="/bon-plan" data-depth="0" style="color:#d11d40; font-weight:500;">
Flash Friday
</a>
</li>
<!--eof bon plan -->
</ul>
</nav>
<nav
class="menu menu--mobile menu--child js-menu-child"
data-parent-title="Soin de visage" data-back-title="Soin de visage" data-id="36043" data-depth="3"
>
<ul class="menu__list">
<li class="main-menu__title h5">Soin de visage</li>
<li
class="category"
id="category-168"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/168-creme-visage"
data-depth="3"
>
Crème Visage
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-169"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/169-masques-visage"
data-depth="3"
>
Masque Visage
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-170"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/170-serum-visage"
data-depth="3"
>
Sérum Visage
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-171"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/171-contours-des-yeux"
data-depth="3"
>
Contours des yeux
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-185"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/185-gommage-visage"
data-depth="3"
>
Gommage Visage
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-225"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/225-eau-thermal-"
data-depth="3"
>
Eau Thermal
</a>
<!-- added /if update for brands -->
</li>
<!-- bon plan -->
<li id="menu-item-bon-plan" class="main-menu__tree__item d-flex align-items-center h-100">
<a class="main-menu__tree__link" href="/bon-plan" data-depth="0" style="color:#d11d40; font-weight:500;">
Flash Friday
</a>
</li>
<!--eof bon plan -->
</ul>
</nav>
<nav
class="menu menu--mobile menu--child js-menu-child"
data-parent-title="Soin de corps" data-back-title="Soin de corps" data-id="93429" data-depth="3"
>
<ul class="menu__list">
<li class="main-menu__title h5">Soin de corps</li>
<li
class="category"
id="category-172"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/172-bain-douche"
data-depth="3"
>
Bain et douche
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-173"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/173-deodorant"
data-depth="3"
>
Déodorant
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-174"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/174-laits-de-corps"
data-depth="3"
>
Laits de corps
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-175"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/175-huiles-corps"
data-depth="3"
>
Huiles Corps
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-176"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/176-gommage-exfoliant-corps"
data-depth="3"
>
Gommage & exfoliant Corps
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-193"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/193-creme-de-corps"
data-depth="3"
>
Crèmes De Corps
</a>
<!-- added /if update for brands -->
</li>
<!-- bon plan -->
<li id="menu-item-bon-plan" class="main-menu__tree__item d-flex align-items-center h-100">
<a class="main-menu__tree__link" href="/bon-plan" data-depth="0" style="color:#d11d40; font-weight:500;">
Flash Friday
</a>
</li>
<!--eof bon plan -->
</ul>
</nav>
<nav
class="menu menu--mobile menu--child js-menu-child"
data-parent-title="Soin des mains et pieds" data-back-title="Soin des mains et pieds" data-id="31083" data-depth="3"
>
<ul class="menu__list">
<li class="main-menu__title h5">Soin des mains et pieds</li>
<li
class="category"
id="category-178"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/178-masques"
data-depth="3"
>
Masques
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-179"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/179-gommage-exfoliant"
data-depth="3"
>
Gommage & exfoliant
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-180"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/180-creme"
data-depth="3"
>
Crème Mains & Pieds
</a>
<!-- added /if update for brands -->
</li>
<!-- bon plan -->
<li id="menu-item-bon-plan" class="main-menu__tree__item d-flex align-items-center h-100">
<a class="main-menu__tree__link" href="/bon-plan" data-depth="0" style="color:#d11d40; font-weight:500;">
Flash Friday
</a>
</li>
<!--eof bon plan -->
</ul>
</nav>
<nav
class="menu menu--mobile menu--child js-menu-child"
data-parent-title="Soin Ongles" data-back-title="Soin Ongles" data-id="76444" data-depth="3"
>
<ul class="menu__list">
<li class="main-menu__title h5">Soin Ongles</li>
<li
class="category"
id="category-196"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/196-huile-cuticule"
data-depth="3"
>
Huile Cuticule
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-198"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/198--durcisseur"
data-depth="3"
>
Durcisseur
</a>
<!-- added /if update for brands -->
</li>
<!-- bon plan -->
<li id="menu-item-bon-plan" class="main-menu__tree__item d-flex align-items-center h-100">
<a class="main-menu__tree__link" href="/bon-plan" data-depth="0" style="color:#d11d40; font-weight:500;">
Flash Friday
</a>
</li>
<!--eof bon plan -->
</ul>
</nav>
<nav
class="menu menu--mobile menu--child js-menu-child"
data-parent-title="Epilation et rasage" data-back-title="Epilation et rasage" data-id="97479" data-depth="3"
>
<ul class="menu__list">
<li class="main-menu__title h5">Epilation et rasage</li>
<li
class="category"
id="category-200"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/200-appareils"
data-depth="3"
>
Epilateur
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-201"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/201-post-epilatoire"
data-depth="3"
>
Post-Épilatoire
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-202"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/202-accessoires"
data-depth="3"
>
Accessoires
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-205"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/205-tondeuse-cheveux"
data-depth="3"
>
Tondeuse
</a>
<!-- added /if update for brands -->
</li>
<!-- bon plan -->
<li id="menu-item-bon-plan" class="main-menu__tree__item d-flex align-items-center h-100">
<a class="main-menu__tree__link" href="/bon-plan" data-depth="0" style="color:#d11d40; font-weight:500;">
Flash Friday
</a>
</li>
<!--eof bon plan -->
</ul>
</nav>
<nav
class="menu menu--mobile menu--child js-menu-child"
data-parent-title="Solaire" data-back-title="Solaire" data-id="3859" data-depth="3"
>
<ul class="menu__list">
<li class="main-menu__title h5">Solaire</li>
<li
class="category"
id="category-181"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/181-ecran-solaire"
data-depth="3"
>
Ecran solaire
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-182"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/182-huile-de-bronzage"
data-depth="3"
>
Huile de bronzage
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-183"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/183-apres-soleil"
data-depth="3"
>
Après soleil
</a>
<!-- added /if update for brands -->
</li>
<!-- bon plan -->
<li id="menu-item-bon-plan" class="main-menu__tree__item d-flex align-items-center h-100">
<a class="main-menu__tree__link" href="/bon-plan" data-depth="0" style="color:#d11d40; font-weight:500;">
Flash Friday
</a>
</li>
<!--eof bon plan -->
</ul>
</nav>
<nav
class="menu menu--mobile menu--child js-menu-child"
data-parent-title="Accessoires" data-back-title="Accessoires" data-id="98060" data-depth="2"
>
<ul class="menu__list">
<li class="main-menu__title h5">Accessoires</li>
<li
class="category menu--childrens"
id="category-11"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/11-pinceau-et-applicateur"
data-depth="2"
>
Pinceau et applicateur
</a>
<span class="main-menu__toggle-child js-menu-open-child" data-target="62654">
<span data-target="#top_sub_menu_62654">
<i class="material-icons rtl-flip">chevron_right</i>
</span>
</span>
<!-- added /if update for brands -->
</li>
<li
class="category menu--childrens"
id="category-12"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/12-accessoires-visage"
data-depth="2"
>
Accessoires visage
</a>
<span class="main-menu__toggle-child js-menu-open-child" data-target="57807">
<span data-target="#top_sub_menu_57807">
<i class="material-icons rtl-flip">chevron_right</i>
</span>
</span>
<!-- added /if update for brands -->
</li>
<li
class="category menu--childrens"
id="category-13"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/13-accessoires-yeux"
data-depth="2"
>
Accessoires yeux
</a>
<span class="main-menu__toggle-child js-menu-open-child" data-target="67873">
<span data-target="#top_sub_menu_67873">
<i class="material-icons rtl-flip">chevron_right</i>
</span>
</span>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-207"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/207-trousse-maquillage"
data-depth="2"
>
Trousse maquillage
</a>
<!-- added /if update for brands -->
</li>
<li
class="category menu--childrens"
id="category-14"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/14-accessoires-ongles"
data-depth="2"
>
Accessoires ongles
</a>
<span class="main-menu__toggle-child js-menu-open-child" data-target="92070">
<span data-target="#top_sub_menu_92070">
<i class="material-icons rtl-flip">chevron_right</i>
</span>
</span>
<!-- added /if update for brands -->
</li>
<li
class="category menu--childrens"
id="category-15"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/15-accessoires-cheveux"
data-depth="2"
>
Accessoires cheveux
</a>
<span class="main-menu__toggle-child js-menu-open-child" data-target="68888">
<span data-target="#top_sub_menu_68888">
<i class="material-icons rtl-flip">chevron_right</i>
</span>
</span>
<!-- added /if update for brands -->
</li>
<li
class="category menu--childrens"
id="category-16"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/16-accessoires-corps"
data-depth="2"
>
Accessoires corps
</a>
<span class="main-menu__toggle-child js-menu-open-child" data-target="69504">
<span data-target="#top_sub_menu_69504">
<i class="material-icons rtl-flip">chevron_right</i>
</span>
</span>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-17"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/17-nouveautes-accessoires"
data-depth="2"
>
Nouveautés Accessoires
</a>
<!-- added /if update for brands -->
</li>
<!-- bon plan -->
<li id="menu-item-bon-plan" class="main-menu__tree__item d-flex align-items-center h-100">
<a class="main-menu__tree__link" href="/bon-plan" data-depth="0" style="color:#d11d40; font-weight:500;">
Flash Friday
</a>
</li>
<!--eof bon plan -->
</ul>
</nav>
<nav
class="menu menu--mobile menu--child js-menu-child"
data-parent-title="Pinceau et applicateur" data-back-title="Pinceau et applicateur" data-id="62654" data-depth="3"
>
<ul class="menu__list">
<li class="main-menu__title h5">Pinceau et applicateur</li>
<li
class="category"
id="category-18"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/18-pinceau-teint"
data-depth="3"
>
Pinceau Teint
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-19"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/19-pinceau-yeux"
data-depth="3"
>
Pinceau Yeux
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-20"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/20-pinceau-sourcils"
data-depth="3"
>
Pinceau Sourcils
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-21"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/21-pinceau-levres"
data-depth="3"
>
Pinceau Lèvres
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-22"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/22-kit-pinceaux"
data-depth="3"
>
Kit pinceaux
</a>
<!-- added /if update for brands -->
</li>
<!-- bon plan -->
<li id="menu-item-bon-plan" class="main-menu__tree__item d-flex align-items-center h-100">
<a class="main-menu__tree__link" href="/bon-plan" data-depth="0" style="color:#d11d40; font-weight:500;">
Flash Friday
</a>
</li>
<!--eof bon plan -->
</ul>
</nav>
<nav
class="menu menu--mobile menu--child js-menu-child"
data-parent-title="Accessoires visage" data-back-title="Accessoires visage" data-id="57807" data-depth="3"
>
<ul class="menu__list">
<li class="main-menu__title h5">Accessoires visage</li>
<li
class="category"
id="category-23"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/23-brosse-netoyante"
data-depth="3"
>
Brosse netoyante
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-24"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/24-eponge"
data-depth="3"
>
Eponge
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-25"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/25-epilation-visage"
data-depth="3"
>
Epilation visage
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-26"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/26-cotton"
data-depth="3"
>
Cotton
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-28"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/28-taille-crayon"
data-depth="3"
>
Taille crayon
</a>
<!-- added /if update for brands -->
</li>
<!-- bon plan -->
<li id="menu-item-bon-plan" class="main-menu__tree__item d-flex align-items-center h-100">
<a class="main-menu__tree__link" href="/bon-plan" data-depth="0" style="color:#d11d40; font-weight:500;">
Flash Friday
</a>
</li>
<!--eof bon plan -->
</ul>
</nav>
<nav
class="menu menu--mobile menu--child js-menu-child"
data-parent-title="Accessoires yeux" data-back-title="Accessoires yeux" data-id="67873" data-depth="3"
>
<ul class="menu__list">
<li class="main-menu__title h5">Accessoires yeux</li>
<li
class="category"
id="category-27"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/27-faux-cils"
data-depth="3"
>
Faux cils
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-216"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/216-applicateurs-faux-cils"
data-depth="3"
>
Applicateurs faux cils
</a>
<!-- added /if update for brands -->
</li>
<!-- bon plan -->
<li id="menu-item-bon-plan" class="main-menu__tree__item d-flex align-items-center h-100">
<a class="main-menu__tree__link" href="/bon-plan" data-depth="0" style="color:#d11d40; font-weight:500;">
Flash Friday
</a>
</li>
<!--eof bon plan -->
</ul>
</nav>
<nav
class="menu menu--mobile menu--child js-menu-child"
data-parent-title="Accessoires ongles" data-back-title="Accessoires ongles" data-id="92070" data-depth="3"
>
<ul class="menu__list">
<li class="main-menu__title h5">Accessoires ongles</li>
<li
class="category"
id="category-29"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/29-ciseaux-pinces-coupe-ongles"
data-depth="3"
>
Ciseaux, pinces, coupe ongles
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-30"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/30-lime-a-ongles"
data-depth="3"
>
Lime à ongles
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-31"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/31-kit-manucure"
data-depth="3"
>
Kit manucure
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-32"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/32-nail-art"
data-depth="3"
>
Nail art
</a>
<!-- added /if update for brands -->
</li>
<!-- bon plan -->
<li id="menu-item-bon-plan" class="main-menu__tree__item d-flex align-items-center h-100">
<a class="main-menu__tree__link" href="/bon-plan" data-depth="0" style="color:#d11d40; font-weight:500;">
Flash Friday
</a>
</li>
<!--eof bon plan -->
</ul>
</nav>
<nav
class="menu menu--mobile menu--child js-menu-child"
data-parent-title="Accessoires cheveux" data-back-title="Accessoires cheveux" data-id="68888" data-depth="3"
>
<ul class="menu__list">
<li class="main-menu__title h5">Accessoires cheveux</li>
<li
class="category"
id="category-33"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/33-brosse-et-peigne"
data-depth="3"
>
Brosse et peigne
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-34"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/34-ciseaux-accessoires-de-coiffage"
data-depth="3"
>
Ciseaux accessoires de coiffage
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-35"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/35-chouchou-elastique-et-bandeau"
data-depth="3"
>
Chouchou, élastique et bandeau
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-36"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/36-seche-cheveux-et-diffuseurs"
data-depth="3"
>
Sèche cheveux et diffuseurs
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-37"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/37-lisseur-et-boucleur"
data-depth="3"
>
Lisseur et boucleur
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-38"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/38-brosse-chauffante"
data-depth="3"
>
Brosse chauffante
</a>
<!-- added /if update for brands -->
</li>
<!-- bon plan -->
<li id="menu-item-bon-plan" class="main-menu__tree__item d-flex align-items-center h-100">
<a class="main-menu__tree__link" href="/bon-plan" data-depth="0" style="color:#d11d40; font-weight:500;">
Flash Friday
</a>
</li>
<!--eof bon plan -->
</ul>
</nav>
<nav
class="menu menu--mobile menu--child js-menu-child"
data-parent-title="Accessoires corps" data-back-title="Accessoires corps" data-id="69504" data-depth="3"
>
<ul class="menu__list">
<li class="main-menu__title h5">Accessoires corps</li>
<li
class="category"
id="category-39"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/39-epilation"
data-depth="3"
>
Epilation
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-40"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/40-rape-pied"
data-depth="3"
>
Rape pied
</a>
<!-- added /if update for brands -->
</li>
<li
class="category"
id="category-43"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/43-bougis"
data-depth="3"
>
Bougis
</a>
<!-- added /if update for brands -->
</li>
<!-- bon plan -->
<li id="menu-item-bon-plan" class="main-menu__tree__item d-flex align-items-center h-100">
<a class="main-menu__tree__link" href="/bon-plan" data-depth="0" style="color:#d11d40; font-weight:500;">
Flash Friday
</a>
</li>
<!--eof bon plan -->
</ul>
</nav>
<nav
class="menu menu--mobile menu--child js-menu-child"
data-parent-title="Marques" data-back-title="Marques" data-id="98060" data-depth="2"
>
<ul class="menu__list">
<li class="main-menu__title h5">Marques</li>
<li
class="manufacturer"
id="manufacturer-174"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/174-agiva"
data-depth="2"
>
Agiva
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-141"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/141-airval"
data-depth="2"
>
AIRVAL
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-12"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/12-alfaparf-milano"
data-depth="2"
>
ALFAPARF MILANO
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-65"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/65-armaf"
data-depth="2"
>
ARMAF
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-3"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/3-artdeco"
data-depth="2"
>
ARTDECO
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-102"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/102-avene"
data-depth="2"
>
Avène
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-140"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/140-azal"
data-depth="2"
>
AZAL
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-62"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/62-azzaro"
data-depth="2"
>
AZZARO
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-30"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/30-babyliss"
data-depth="2"
>
Babyliss
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-167"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/167-beurer"
data-depth="2"
>
BEURER
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-103"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/103-bio-taches"
data-depth="2"
>
Bio-taches
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-126"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/126-boss"
data-depth="2"
>
BOSS
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-4"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/4-bourjois"
data-depth="2"
>
BOURJOIS
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-70"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/70-brasil-cacau"
data-depth="2"
>
BRASIL CACAU
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-40"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/40-braun"
data-depth="2"
>
Braun
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-78"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/78-burberry"
data-depth="2"
>
BURBERRY
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-87"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/87-byphase"
data-depth="2"
>
BYPHASE
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-180"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/180-cacharel"
data-depth="2"
>
CACHAREL
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-119"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/119-cadiveu"
data-depth="2"
>
CADIVEU
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-188"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/188-camara-parfumes"
data-depth="2"
>
Camara parfumes
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-8"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/8-carolina-herrera"
data-depth="2"
>
CAROLINA HERRERA
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-47"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/47-cartier"
data-depth="2"
>
CARTIER
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-97"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/97-celenes"
data-depth="2"
>
CELENES
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-104"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/104-cetaphil"
data-depth="2"
>
Cetaphil
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-83"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/83-champs-fleuris"
data-depth="2"
>
Champs Fleuris
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-98"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/98-chupa-chups"
data-depth="2"
>
CHUPA CHUPS
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-144"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/144-clinic-way"
data-depth="2"
>
Clinic Way
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-182"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/182-colab"
data-depth="2"
>
COLAB
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-128"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/128-colour-me"
data-depth="2"
>
COLOUR ME
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-94"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/94-cornells"
data-depth="2"
>
CORNELLS
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-92"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/92-cosmo"
data-depth="2"
>
COSMO
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-105"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/105-cytol-nat"
data-depth="2"
>
CYTOL NAT
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-108"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/108-daylong"
data-depth="2"
>
Daylong
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-109"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/109-dermedic"
data-depth="2"
>
Dermedic
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-121"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/121-diesel"
data-depth="2"
>
DIESEL
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-136"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/136-dr-irena-eris"
data-depth="2"
>
Dr irena eris
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-143"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/143-ducray"
data-depth="2"
>
Ducray
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-148"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/148-elegant"
data-depth="2"
>
ELEGANT
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-51"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/51-elie-saab"
data-depth="2"
>
ELIE SAAB
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-181"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/181-emper"
data-depth="2"
>
EMPER
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-151"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/151-ennour"
data-depth="2"
>
ENNOUR
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-11"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/11-essence"
data-depth="2"
>
ESSENCE
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-139"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/139-essential-beauty"
data-depth="2"
>
ESSENTIAL BEAUTY
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-110"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/110-eucerin"
data-depth="2"
>
EUCERIN
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-35"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/35-evoluderm"
data-depth="2"
>
EVOLUDERM
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-91"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/91-fkf"
data-depth="2"
>
FKF
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-147"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/147-flormar"
data-depth="2"
>
Flormar
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-89"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/89-fogg"
data-depth="2"
>
FOGG
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-84"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/84-gabrini"
data-depth="2"
>
GABRINI
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-157"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/157-galaxy-plus"
data-depth="2"
>
Galaxy plus
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-138"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/138-gamma"
data-depth="2"
>
Gamma+
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-34"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/34-garnier"
data-depth="2"
>
Garnier
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-129"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/129-giorgio-armani"
data-depth="2"
>
GIORGIO ARMANI
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-5"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/5-givenchy"
data-depth="2"
>
GIVENCHY
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-26"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/26-golden-rose"
data-depth="2"
>
GOLDEN ROSE
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-23"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/23-gosh"
data-depth="2"
>
GOSH
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-122"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/122-gucci"
data-depth="2"
>
GUCCI
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-86"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/86-guenzani"
data-depth="2"
>
GUENZANI
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-193"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/193-hamidi-luxury"
data-depth="2"
>
HAMIDI Luxury
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-80"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/80-hean"
data-depth="2"
>
Hean
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-75"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/75-igora"
data-depth="2"
>
IGORA
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-192"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/192-iris-beauty"
data-depth="2"
>
IRIS BEAUTY
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-24"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/24-isadora"
data-depth="2"
>
ISADORA
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-111"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/111-isdin"
data-depth="2"
>
Isdin
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-116"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/116-issey-miyake"
data-depth="2"
>
Issey Miyake
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-6"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/6-jean-paul-gaultier"
data-depth="2"
>
JEAN PAUL GAULTIER
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-13"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/13-k-reine"
data-depth="2"
>
K-REINE
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-57"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/57-kavigen"
data-depth="2"
>
KAVIGEN
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-152"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/152-keragold"
data-depth="2"
>
KERAGOLD
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-36"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/36-kiss"
data-depth="2"
>
KISS
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-69"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/69-kolsi"
data-depth="2"
>
KOLSI
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-81"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/81-kryolan"
data-depth="2"
>
KRYOLAN
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-123"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/123-l-eau-d-issey"
data-depth="2"
>
L'EAU D'ISSEY
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-79"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/79-l-oreal"
data-depth="2"
>
L'Oréal
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-137"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/137-la-rive"
data-depth="2"
>
La RIVE
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-135"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/135-lacoste"
data-depth="2"
>
Lacoste
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-71"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/71-lana-brasiles"
data-depth="2"
>
LANA BRASILES
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-130"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/130-lancome"
data-depth="2"
>
Lancôme
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-10"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/10-lattafa"
data-depth="2"
>
LATTAFA
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-115"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/115-lirene"
data-depth="2"
>
Lirene
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-176"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/176-lorenti"
data-depth="2"
>
Lorenti
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-29"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/29-mahassen"
data-depth="2"
>
MAHASSEN
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-131"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/131-maison-alhambra"
data-depth="2"
>
Maison ALHAMBRA
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-183"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/183-majirel"
data-depth="2"
>
MAJIREL
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-189"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/189-marc-jacobs"
data-depth="2"
>
Marc Jacobs
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-15"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/15-maybelline"
data-depth="2"
>
MAYBELLINE
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-158"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/158-micheal-kors"
data-depth="2"
>
Micheal kors
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-185"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/185-milestone-parfumes"
data-depth="2"
>
MILESTONE PARFUMES
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-187"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/187-mirada-parfums"
data-depth="2"
>
MIRADA Parfums
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-74"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/74-moser"
data-depth="2"
>
Moser
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-133"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/133-mugler"
data-depth="2"
>
MUGLER
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-9"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/9-my-perfumes"
data-depth="2"
>
MY PERFUMES
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-54"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/54-narciso-rodriguez"
data-depth="2"
>
NARCISO RODRIGUEZ
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-99"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/99-nb"
data-depth="2"
>
NB
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-16"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/16-nook"
data-depth="2"
>
NOOK
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-22"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/22-note"
data-depth="2"
>
NOTE
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-124"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/124-otwoo"
data-depth="2"
>
O.TWO.O
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-7"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/7-paco-rabanne"
data-depth="2"
>
PACO RABANNE
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-184"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/184-paris-bleu-parfums"
data-depth="2"
>
PARIS BLEU PARFUMS
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-25"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/25-pastel"
data-depth="2"
>
PASTEL
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-117"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/117-pepe-jeans"
data-depth="2"
>
PEPE JEANS
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-114"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/114-pharmaceris"
data-depth="2"
>
Pharmaceris
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-120"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/120-pilau"
data-depth="2"
>
Pilau
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-21"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/21-pupa"
data-depth="2"
>
Pupa
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-95"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/95-rave"
data-depth="2"
>
RAVE
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-32"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/32-remington"
data-depth="2"
>
REMINGTON
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-93"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/93-revel"
data-depth="2"
>
REVEL
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-101"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/101-revlon"
data-depth="2"
>
Revlon
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-17"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/17-revolution"
data-depth="2"
>
REVOLUTION
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-42"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/42-rosebaie"
data-depth="2"
>
RoseBaie
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-58"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/58-sence"
data-depth="2"
>
SENCE
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-186"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/186-style-master"
data-depth="2"
>
Style Master
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-107"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/107-svr-tunisie"
data-depth="2"
>
SVR Tunisie
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-96"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/96-tom-louis"
data-depth="2"
>
TOM LOUIS
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-127"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/127-topface"
data-depth="2"
>
TopFace
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-113"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/113-uriage"
data-depth="2"
>
Uriage
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-132"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/132-valentino"
data-depth="2"
>
VALENTINO
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-90"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/90-versace"
data-depth="2"
>
Versace
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-142"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/142-vichy"
data-depth="2"
>
VIchy
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-179"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/179-vigos"
data-depth="2"
>
VIGOS
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-73"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/73-wahl"
data-depth="2"
>
WAHL
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-100"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/100-women-s-secret"
data-depth="2"
>
women's secret
</a>
<!-- added /if update for brands -->
</li>
<li
class="manufacturer"
id="manufacturer-18"
>
<!-- update for brands -->
<a
class="menu__link"
href="https://www.yousarssif.com/brand/18-yves-saint-laurent"
data-depth="2"
>
Yves Saint Laurent
</a>
<!-- added /if update for brands -->
</li>
<!-- bon plan -->
<li id="menu-item-bon-plan" class="main-menu__tree__item d-flex align-items-center h-100">
<a class="main-menu__tree__link" href="/bon-plan" data-depth="0" style="color:#d11d40; font-weight:500;">
Flash Friday
</a>
</li>
<!--eof bon plan -->
</ul>
</nav>
</div>
<div class="main-menu__additionnals offcanvas-body">
<div class="main-menu__selects row">
<div id="_mobile_currency_selector" class="col-auto"></div>
<div id="_mobile_language_selector" class="col-auto"></div>
</div>
<div id="_mobile_contact_link"></div>
</div>
</div>
</div>
<div class="d-flex navigation-icon">
<a href="https://www.yousarssif.com/panier" class="btn cartnav-header border-0">
<!-- cart count -->
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bag" viewbox="0 0 16 16">
<path d="M8 1a2.5 2.5 0 0 1 2.5 2.5V4h-5v-.5A2.5 2.5 0 0 1 8 1m3.5 3v-.5a3.5 3.5 0 1 0-7 0V4H1v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V4zM2 5h12v9a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1z"/>
</svg>
<div class="header-block blockcart cart-preview inactive cart-count-badge" data-refresh-url="/module/ps_shoppingcart/ajax">
<span class="header-block__badge">0</span>
</div>
<div id="cart-summary-container" class="cart-summary cart-hover-summary d-none position-absolute">
<div class="cart-summary-content">
<!-- Dynamic content will be appended here -->
</div>
</div>
<!-- cart count -->
</a>
<a href="https://www.yousarssif.com/mon-compte" class="btn myaccountnav-header border-0">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person" viewbox="0 0 16 16">
<path d="M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6m2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0m4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4m-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10s-3.516.68-4.168 1.332c-.678.678-.83 1.418-.832 1.664z"/>
</svg>
</a>
<a href="https://www.yousarssif.com/module/blockwishlist/lists" class="btn wishlistnav-header border-0">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-heart" viewbox="0 0 16 16">
<path d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143q.09.083.176.171a3 3 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15"/>
</svg>
</a>
<!-- search bar -->
<div id="_desktop_search" class="order-2">
<div id="search_widget" class="search-widgets js-search-widget" data-search-controller-url="recherche">
<form method="get" action="recherche">
<input type="hidden" name="controller" value="search">
<i class="material-icons search js-search-icon" aria-hidden="true">search</i>
<input class="js-search-input search-input-collapsed" type="search" name="s" value="" placeholder="" aria-label="Recheche">
<i class="material-icons clear" aria-hidden="true">clear</i>
</form>
<div class="search-widgets__dropdown js-search-dropdown d-none">
<ul class="search-widgets__results js-search-results">
</ul>
</div>
</div>
</div>
<template id="search-products" class="js-search-template">
<li class="search-result">
<a class="search-result__link" href="">
<img src="" alt="" class="search-result__image">
<p class="search-result__name"></p>
</a>
</li>
</template>
<!-- search bar -->
</div>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
const searchInput = document.querySelector('.js-search-input');
const searchIcon = document.querySelector('.js-search-icon');
const wishlistIcon = document.querySelector('.wishlistnav-header');
const cartIcon = document.querySelector('.cartnav-header');
const myAccountIcon = document.querySelector('.myaccountnav-header');
// Expand input on click
searchInput.addEventListener('focus', function () {
searchInput.classList.remove('search-input-collapsed');
searchInput.classList.add('search-input-expanded');
wishlistIcon.classList.add('d-none');
cartIcon.classList.add('d-none');
myAccountIcon.classList.add('d-none');
});
// Collapse input when clicking outside
document.addEventListener('click', function (e) {
if (!searchInput.contains(e.target) && e.target !== searchInput && e.target !== searchIcon) {
searchInput.classList.remove('search-input-expanded');
searchInput.classList.add('search-input-collapsed');
wishlistIcon.classList.remove('d-none');
cartIcon.classList.remove('d-none');
myAccountIcon.classList.remove('d-none');
}
});
});
// cart summary
document.addEventListener("DOMContentLoaded", () => {
const cartIcon = document.querySelector(".cartnav-header");
const cartSummaryContainer = document.getElementById("cart-summary-container");
const cartSummaryContent = cartSummaryContainer.querySelector(".cart-summary-content");
// Fetch cart summary at page load
const fetchCartSummary = async () => {
try {
const response = await fetch("https://www.yousarssif.com/panier?ajax=1&action=refresh");
const data = await response.json();
if (data.cart_detailed) {
cartSummaryContent.innerHTML = data.cart_detailed;
} else {
cartSummaryContent.innerHTML = "<p>Your cart is empty.</p>";
}
} catch (error) {
console.error("Error fetching cart summary:", error);
cartSummaryContent.innerHTML = "<p>Error loading cart summary.</p>";
}
};
// Show cart summary on hover
const showCartSummary = () => {
if (cartSummaryContent.innerHTML.trim() !== "") {
cartSummaryContainer.classList.remove("d-none");
}
};
// Hide cart summary when mouse leaves
const hideCartSummary = () => {
cartSummaryContainer.classList.add("d-none");
};
// Fetch cart summary at page load
fetchCartSummary();
// Event listeners for hover
cartIcon.addEventListener("mouseover", showCartSummary);
cartSummaryContainer.addEventListener("mouseleave", hideCartSummary);
});
</script>
</header>
<main id="wrapper" class="wrapper">
<div id="notifications">
<div class="container">
</div>
</div>
<div id="content-wrapper" class="wrapper__content">
<!-- TODO INSIDE -->
<section id="content" class="page-content page-home">
<div id="home-slider" class="ratio ratio-homeSlider">
<div class="carousel slide" data-bs-ride="carousel">
<div class="carousel-indicators">
<button type="button" data-bs-target="#home-slider .carousel" data-bs-slide-to="0" aria-label=""
class="active" aria-current="true" ></button>
<button type="button" data-bs-target="#home-slider .carousel" data-bs-slide-to="1" aria-label=""
></button>
<button type="button" data-bs-target="#home-slider .carousel" data-bs-slide-to="2" aria-label=""
></button>
</div>
<div class="carousel-inner" role="listbox" aria-label="Conteneur carrousel">
<li class="carousel-item active" role="option"
aria-hidden="false">
<a class="carousel-link" href="https://www.yousarssif.com/brand/26-golden-rose"> <figure class="carousel-content">
<img src="https://www.yousarssif.com/modules/ps_imageslider/images/cf6c7adeff38b89f3603c3db8bda6f2155de2ac3_gr.jpg" alt="" loading="eager" width=1920 height=660>
</figure>
</a> </li>
<li class="carousel-item" role="option"
aria-hidden="true">
<a class="carousel-link" href="https://www.yousarssif.com/brand/12-alfaparf-milano"> <figure class="carousel-content">
<img src="https://www.yousarssif.com/modules/ps_imageslider/images/607fc91c82952af6748c64f8d2d34860c99aae19_alfaparf.jpg" alt="" loading="lazy" width=1920 height=660>
</figure>
</a> </li>
<li class="carousel-item" role="option"
aria-hidden="true">
<a class="carousel-link" href="https://www.yousarssif.com/brand/51-elie-saab"> <figure class="carousel-content">
<img src="https://www.yousarssif.com/modules/ps_imageslider/images/5785cfc2605877ef9d14eb1084ee101495fef2d7_elie.jpg" alt="" loading="lazy" width=1920 height=660>
</figure>
</a> </li>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#home-slider .carousel" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Précédent</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#home-slider .carousel" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Suivant</span>
</button>
</div>
</div>
<style>
.tabs {
display: flex;
display: flex;
justify-content: center; /* Center the tabs horizontally */
width: 100%;
}
.tab-btn {
background: none;
border: none;
padding: 10px 20px;
cursor: pointer;
font-weight: bold;
color: #333;
border-bottom: 2px solid transparent;
transition: border-color 0.3s ease;
text-transform: uppercase;
font-size: 1.5rem;
font-weight: 700;
}
.tab-btn.active {
border-bottom: 2px solid #d11d40;
color: #d11d40;
}
.tab-pane {
display: none;
}
.tab-pane.active {
display: block;
}
@media (max-width: 767px) {
.tab-btn {
font-size: 1rem;
}
}
</style>
<section class="new-products container mt-5">
<div class="d-md-flex justify-content-between align-items-md-center pt-4 pb-5">
<div class="tabs">
<button class="tab-btn active" data-tab="new-products-tab">New IN</button>
<button class="tab-btn" data-tab="tendance-tab">MUST-HAVE</button>
</div>
</div>
<div class="tab-content">
<!-- Nouveautés -->
<div id="new-products-tab" class="tab-pane active">
<div class="swiper y-swiper new-swiper">
<div class="swiper-wrapper">
<style>
.js-quickview {
position: absolute;
z-index: 9999;
bottom: -50px;
left: 0;
right: 0;
opacity: 0;
transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.product-card {
position: relative;
overflow: hidden;
}
.product-card:hover .js-quickview {
bottom: 0;
opacity: 1;
}
.product-card .card-body {
transition: transform 0.3s ease-in-out;
}
.product-card:hover .card-body {
transform: translateY(-10px);
}
.product-miniature .card {
height: auto;
}
.badge.on-sale {
background-color: #f8d7da;
color: #721c24;
}
.badge.new {
background-color: #d1ecf1;
color: #0c5460;
}
.badge.discount {
background-color: #fefefe;
color: #721c24;
border-color:#721c24;
}
</style>
<div class="swiper-slide product-miniature js-product-miniature"
data-id-product="11875"
data-id-product-attribute="11120"
>
<div class="card product-card border-0 text-center"
data-id-product="11875"
data-id-product-attribute="11120">
<a href="https://www.yousarssif.com/11120maquillage/11875-new-york-lifter-gloss.html#/3652-choisissez_votre_reference-103_make_it_work" class="text-decoration-none text-reset">
<ul class="product-flags js-product-flags">
</ul>
<picture>
<img
class="product-miniature__image card-img-top"
srcset=" https://www.yousarssif.com/21219-default_xs/new-york-lifter-gloss.jpg 120w, https://www.yousarssif.com/21219-default_m/new-york-lifter-gloss.jpg 200w, https://www.yousarssif.com/21219-default_md/new-york-lifter-gloss.jpg 320w, https://www.yousarssif.com/21219-product_main/new-york-lifter-gloss.jpg 720w"
sizes="(min-width: 1300px) 320px, (min-width: 768px) 120px, 50vw"
src="https://www.yousarssif.com/21219-default_md/new-york-lifter-gloss.jpg"
width="320"
height="320"
loading="lazy"
alt="MAYBELLINE NEW YORK Serum Lipstick Satin"
title="MAYBELLINE NEW YORK Serum Lipstick Satin"
data-full-size-image-url="https://www.yousarssif.com/21219-home_default/new-york-lifter-gloss.jpg"
>
</picture>
</a>
<button class="product-miniature__quickview_button btn btn-primary js-quickview btn-with-icon" data-link-action="quickview">
<i class="material-icons" aria-hidden="true"></i>
Aperçu rapide
</button>
<div class="card-body">
<p class="card-text brand-name">
MAYBELLINE
</p>
<p class="card-text category-name">Maquillage</p>
<h5 class="product-miniature__infos__top card-title">
<a href="https://www.yousarssif.com/11120maquillage/11875-new-york-lifter-gloss.html#/3652-choisissez_votre_reference-103_make_it_work"><p class="product-miniature__title">NEW YORK Serum Lipstick Satin</p></a>
</h5>
<!-- price block -->
<p class="card-text">
<span class="product-miniature__price" aria-label="Prix">
49,900 TND
</span>
<div class="product-miniature__discount-price">
</div>
</p>
<!--eof price block -->
</div>
</div>
</div> <style>
.js-quickview {
position: absolute;
z-index: 9999;
bottom: -50px;
left: 0;
right: 0;
opacity: 0;
transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.product-card {
position: relative;
overflow: hidden;
}
.product-card:hover .js-quickview {
bottom: 0;
opacity: 1;
}
.product-card .card-body {
transition: transform 0.3s ease-in-out;
}
.product-card:hover .card-body {
transform: translateY(-10px);
}
.product-miniature .card {
height: auto;
}
.badge.on-sale {
background-color: #f8d7da;
color: #721c24;
}
.badge.new {
background-color: #d1ecf1;
color: #0c5460;
}
.badge.discount {
background-color: #fefefe;
color: #721c24;
border-color:#721c24;
}
</style>
<div class="swiper-slide product-miniature js-product-miniature"
data-id-product="11869"
data-id-product-attribute="0"
>
<div class="card product-card border-0 text-center"
data-id-product="11869"
data-id-product-attribute="0">
<a href="https://www.yousarssif.com/cheveux/11869-k-expert-masque.html" class="text-decoration-none text-reset">
<ul class="product-flags js-product-flags">
</ul>
<picture>
<img
class="product-miniature__image card-img-top"
srcset=" https://www.yousarssif.com/21203-default_xs/k-expert-masque.jpg 120w, https://www.yousarssif.com/21203-default_m/k-expert-masque.jpg 200w, https://www.yousarssif.com/21203-default_md/k-expert-masque.jpg 320w, https://www.yousarssif.com/21203-product_main/k-expert-masque.jpg 720w"
sizes="(min-width: 1300px) 320px, (min-width: 768px) 120px, 50vw"
src="https://www.yousarssif.com/21203-default_md/k-expert-masque.jpg"
width="320"
height="320"
loading="lazy"
alt="IB Glow Expert Masque 300 ml"
title="IB Glow Expert Masque 300 ml"
data-full-size-image-url="https://www.yousarssif.com/21203-home_default/k-expert-masque.jpg"
>
</picture>
</a>
<button class="product-miniature__quickview_button btn btn-primary js-quickview btn-with-icon" data-link-action="quickview">
<i class="material-icons" aria-hidden="true"></i>
Aperçu rapide
</button>
<div class="card-body">
<p class="card-text brand-name">
IRIS BEAUTY
</p>
<p class="card-text category-name">Cheveux</p>
<h5 class="product-miniature__infos__top card-title">
<a href="https://www.yousarssif.com/cheveux/11869-k-expert-masque.html"><p class="product-miniature__title">K-Glow Expert Masque</p></a>
</h5>
<!-- price block -->
<p class="card-text">
<span class="product-miniature__price" aria-label="Prix">
30,500 TND
</span>
<div class="product-miniature__discount-price">
</div>
</p>
<!--eof price block -->
</div>
</div>
</div> <style>
.js-quickview {
position: absolute;
z-index: 9999;
bottom: -50px;
left: 0;
right: 0;
opacity: 0;
transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.product-card {
position: relative;
overflow: hidden;
}
.product-card:hover .js-quickview {
bottom: 0;
opacity: 1;
}
.product-card .card-body {
transition: transform 0.3s ease-in-out;
}
.product-card:hover .card-body {
transform: translateY(-10px);
}
.product-miniature .card {
height: auto;
}
.badge.on-sale {
background-color: #f8d7da;
color: #721c24;
}
.badge.new {
background-color: #d1ecf1;
color: #0c5460;
}
.badge.discount {
background-color: #fefefe;
color: #721c24;
border-color:#721c24;
}
</style>
<div class="swiper-slide product-miniature js-product-miniature"
data-id-product="11867"
data-id-product-attribute="0"
>
<div class="card product-card border-0 text-center"
data-id-product="11867"
data-id-product-attribute="0">
<a href="https://www.yousarssif.com/cheveux/11867-k-glow-expert-shampoing-sans-sulfat.html" class="text-decoration-none text-reset">
<ul class="product-flags js-product-flags">
</ul>
<picture>
<img
class="product-miniature__image card-img-top"
srcset=" https://www.yousarssif.com/21198-default_xs/k-glow-expert-shampoing-sans-sulfat.jpg 120w, https://www.yousarssif.com/21198-default_m/k-glow-expert-shampoing-sans-sulfat.jpg 200w, https://www.yousarssif.com/21198-default_md/k-glow-expert-shampoing-sans-sulfat.jpg 320w, https://www.yousarssif.com/21198-product_main/k-glow-expert-shampoing-sans-sulfat.jpg 720w"
sizes="(min-width: 1300px) 320px, (min-width: 768px) 120px, 50vw"
src="https://www.yousarssif.com/21198-default_md/k-glow-expert-shampoing-sans-sulfat.jpg"
width="320"
height="320"
loading="lazy"
alt="IB SHP SS Sulf Glow Expert 300 ml"
title="IB SHP SS Sulf Glow Expert 300 ml"
data-full-size-image-url="https://www.yousarssif.com/21198-home_default/k-glow-expert-shampoing-sans-sulfat.jpg"
>
</picture>
</a>
<button class="product-miniature__quickview_button btn btn-primary js-quickview btn-with-icon" data-link-action="quickview">
<i class="material-icons" aria-hidden="true"></i>
Aperçu rapide
</button>
<div class="card-body">
<p class="card-text brand-name">
IRIS BEAUTY
</p>
<p class="card-text category-name">Cheveux</p>
<h5 class="product-miniature__infos__top card-title">
<a href="https://www.yousarssif.com/cheveux/11867-k-glow-expert-shampoing-sans-sulfat.html"><p class="product-miniature__title">K- GLOW EXPERT SHAMPOING SANS SULFAT</p></a>
</h5>
<!-- price block -->
<p class="card-text">
<span class="product-miniature__price" aria-label="Prix">
26,500 TND
</span>
<div class="product-miniature__discount-price">
</div>
</p>
<!--eof price block -->
</div>
</div>
</div> <style>
.js-quickview {
position: absolute;
z-index: 9999;
bottom: -50px;
left: 0;
right: 0;
opacity: 0;
transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.product-card {
position: relative;
overflow: hidden;
}
.product-card:hover .js-quickview {
bottom: 0;
opacity: 1;
}
.product-card .card-body {
transition: transform 0.3s ease-in-out;
}
.product-card:hover .card-body {
transform: translateY(-10px);
}
.product-miniature .card {
height: auto;
}
.badge.on-sale {
background-color: #f8d7da;
color: #721c24;
}
.badge.new {
background-color: #d1ecf1;
color: #0c5460;
}
.badge.discount {
background-color: #fefefe;
color: #721c24;
border-color:#721c24;
}
</style>
<div class="swiper-slide product-miniature js-product-miniature"
data-id-product="11855"
data-id-product-attribute="0"
>
<div class="card product-card border-0 text-center"
data-id-product="11855"
data-id-product-attribute="0">
<a href="https://www.yousarssif.com/soin/11855-champs-fleuris-protein-treatment-100ml-dose-frs.html" class="text-decoration-none text-reset">
<ul class="product-flags js-product-flags">
<li class="badge on-sale">Promo !</li>
<li class="badge out_of_stock">Rupture de stock</li>
</ul>
<picture>
<img
class="product-miniature__image card-img-top"
srcset=" https://www.yousarssif.com/21166-default_xs/champs-fleuris-protein-treatment-100ml-dose-frs.jpg 120w, https://www.yousarssif.com/21166-default_m/champs-fleuris-protein-treatment-100ml-dose-frs.jpg 200w, https://www.yousarssif.com/21166-default_md/champs-fleuris-protein-treatment-100ml-dose-frs.jpg 320w, https://www.yousarssif.com/21166-product_main/champs-fleuris-protein-treatment-100ml-dose-frs.jpg 720w"
sizes="(min-width: 1300px) 320px, (min-width: 768px) 120px, 50vw"
src="https://www.yousarssif.com/21166-default_md/champs-fleuris-protein-treatment-100ml-dose-frs.jpg"
width="320"
height="320"
loading="lazy"
alt="CHAMPS FLEURIS PROTEIN TREATMENT 100ML (DOSE FRS)"
title="CHAMPS FLEURIS PROTEIN TREATMENT 100ML (DOSE FRS)"
data-full-size-image-url="https://www.yousarssif.com/21166-home_default/champs-fleuris-protein-treatment-100ml-dose-frs.jpg"
>
</picture>
</a>
<button class="product-miniature__quickview_button btn btn-primary js-quickview btn-with-icon" data-link-action="quickview">
<i class="material-icons" aria-hidden="true"></i>
Aperçu rapide
</button>
<div class="card-body">
<p class="card-text brand-name">
Champs Fleuris
</p>
<p class="card-text category-name">Soin</p>
<h5 class="product-miniature__infos__top card-title">
<a href="https://www.yousarssif.com/soin/11855-champs-fleuris-protein-treatment-100ml-dose-frs.html"><p class="product-miniature__title">Protein TREATMENT 100ML (DOSE FRS)</p></a>
</h5>
<!-- price block -->
<p class="card-text">
<span class="product-miniature__price" aria-label="Prix">
62,900 TND
</span>
<div class="product-miniature__discount-price">
</div>
</p>
<!--eof price block -->
</div>
</div>
</div> <style>
.js-quickview {
position: absolute;
z-index: 9999;
bottom: -50px;
left: 0;
right: 0;
opacity: 0;
transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.product-card {
position: relative;
overflow: hidden;
}
.product-card:hover .js-quickview {
bottom: 0;
opacity: 1;
}
.product-card .card-body {
transition: transform 0.3s ease-in-out;
}
.product-card:hover .card-body {
transform: translateY(-10px);
}
.product-miniature .card {
height: auto;
}
.badge.on-sale {
background-color: #f8d7da;
color: #721c24;
}
.badge.new {
background-color: #d1ecf1;
color: #0c5460;
}
.badge.discount {
background-color: #fefefe;
color: #721c24;
border-color:#721c24;
}
</style>
<div class="swiper-slide product-miniature js-product-miniature"
data-id-product="11799"
data-id-product-attribute="10841"
>
<div class="card product-card border-0 text-center"
data-id-product="11799"
data-id-product-attribute="10841">
<a href="https://www.yousarssif.com/10841maquillage/11799-flormar-lip-and-cheek-k-spirit-moussy-.html#/2730-choisissez_votre_reference-01" class="text-decoration-none text-reset">
<ul class="product-flags js-product-flags">
</ul>
<picture>
<img
class="product-miniature__image card-img-top"
srcset=" https://www.yousarssif.com/20640-default_xs/flormar-lip-and-cheek-k-spirit-moussy-.jpg 120w, https://www.yousarssif.com/20640-default_m/flormar-lip-and-cheek-k-spirit-moussy-.jpg 200w, https://www.yousarssif.com/20640-default_md/flormar-lip-and-cheek-k-spirit-moussy-.jpg 320w, https://www.yousarssif.com/20640-product_main/flormar-lip-and-cheek-k-spirit-moussy-.jpg 720w"
sizes="(min-width: 1300px) 320px, (min-width: 768px) 120px, 50vw"
src="https://www.yousarssif.com/20640-default_md/flormar-lip-and-cheek-k-spirit-moussy-.jpg"
width="320"
height="320"
loading="lazy"
alt="FLORMAR Lip and Cheek K-Spirit Mousy – Blush & Rouge à Lèvres 2-en-1"
title="FLORMAR Lip and Cheek K-Spirit Mousy – Blush & Rouge à Lèvres 2-en-1"
data-full-size-image-url="https://www.yousarssif.com/20640-home_default/flormar-lip-and-cheek-k-spirit-moussy-.jpg"
>
</picture>
</a>
<button class="product-miniature__quickview_button btn btn-primary js-quickview btn-with-icon" data-link-action="quickview">
<i class="material-icons" aria-hidden="true"></i>
Aperçu rapide
</button>
<div class="card-body">
<p class="card-text brand-name">
Flormar
</p>
<p class="card-text category-name">Maquillage</p>
<h5 class="product-miniature__infos__top card-title">
<a href="https://www.yousarssif.com/10841maquillage/11799-flormar-lip-and-cheek-k-spirit-moussy-.html#/2730-choisissez_votre_reference-01"><p class="product-miniature__title">Lip and Cheek K-SPIRIT MOUSSY</p></a>
</h5>
<!-- price block -->
<p class="card-text">
<span class="product-miniature__price" aria-label="Prix">
39,500 TND
</span>
<div class="product-miniature__discount-price">
</div>
</p>
<!--eof price block -->
</div>
</div>
</div> <style>
.js-quickview {
position: absolute;
z-index: 9999;
bottom: -50px;
left: 0;
right: 0;
opacity: 0;
transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.product-card {
position: relative;
overflow: hidden;
}
.product-card:hover .js-quickview {
bottom: 0;
opacity: 1;
}
.product-card .card-body {
transition: transform 0.3s ease-in-out;
}
.product-card:hover .card-body {
transform: translateY(-10px);
}
.product-miniature .card {
height: auto;
}
.badge.on-sale {
background-color: #f8d7da;
color: #721c24;
}
.badge.new {
background-color: #d1ecf1;
color: #0c5460;
}
.badge.discount {
background-color: #fefefe;
color: #721c24;
border-color:#721c24;
}
</style>
<div class="swiper-slide product-miniature js-product-miniature"
data-id-product="11798"
data-id-product-attribute="10838"
>
<div class="card product-card border-0 text-center"
data-id-product="11798"
data-id-product-attribute="10838">
<a href="https://www.yousarssif.com/10838maquillage/11798-foundation-cream-k-spirit-natural.html#/2732-choisissez_votre_reference-03" class="text-decoration-none text-reset">
<ul class="product-flags js-product-flags">
</ul>
<picture>
<img
class="product-miniature__image card-img-top"
srcset=" https://www.yousarssif.com/20626-default_xs/foundation-cream-k-spirit-natural.jpg 120w, https://www.yousarssif.com/20626-default_m/foundation-cream-k-spirit-natural.jpg 200w, https://www.yousarssif.com/20626-default_md/foundation-cream-k-spirit-natural.jpg 320w, https://www.yousarssif.com/20626-product_main/foundation-cream-k-spirit-natural.jpg 720w"
sizes="(min-width: 1300px) 320px, (min-width: 768px) 120px, 50vw"
src="https://www.yousarssif.com/20626-default_md/foundation-cream-k-spirit-natural.jpg"
width="320"
height="320"
loading="lazy"
alt="Foundation CREAM K-SPIRIT NATURAL"
title="Foundation CREAM K-SPIRIT NATURAL"
data-full-size-image-url="https://www.yousarssif.com/20626-home_default/foundation-cream-k-spirit-natural.jpg"
>
</picture>
</a>
<button class="product-miniature__quickview_button btn btn-primary js-quickview btn-with-icon" data-link-action="quickview">
<i class="material-icons" aria-hidden="true"></i>
Aperçu rapide
</button>
<div class="card-body">
<p class="card-text brand-name">
Flormar
</p>
<p class="card-text category-name">Maquillage</p>
<h5 class="product-miniature__infos__top card-title">
<a href="https://www.yousarssif.com/10838maquillage/11798-foundation-cream-k-spirit-natural.html#/2732-choisissez_votre_reference-03"><p class="product-miniature__title">Foundation CREAM K-SPIRIT NATURAL</p></a>
</h5>
<!-- price block -->
<p class="card-text">
<span class="product-miniature__price" aria-label="Prix">
59,900 TND
</span>
<div class="product-miniature__discount-price">
</div>
</p>
<!--eof price block -->
</div>
</div>
</div> <style>
.js-quickview {
position: absolute;
z-index: 9999;
bottom: -50px;
left: 0;
right: 0;
opacity: 0;
transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.product-card {
position: relative;
overflow: hidden;
}
.product-card:hover .js-quickview {
bottom: 0;
opacity: 1;
}
.product-card .card-body {
transition: transform 0.3s ease-in-out;
}
.product-card:hover .card-body {
transform: translateY(-10px);
}
.product-miniature .card {
height: auto;
}
.badge.on-sale {
background-color: #f8d7da;
color: #721c24;
}
.badge.new {
background-color: #d1ecf1;
color: #0c5460;
}
.badge.discount {
background-color: #fefefe;
color: #721c24;
border-color:#721c24;
}
</style>
<div class="swiper-slide product-miniature js-product-miniature"
data-id-product="11796"
data-id-product-attribute="0"
>
<div class="card product-card border-0 text-center"
data-id-product="11796"
data-id-product-attribute="0">
<a href="https://www.yousarssif.com/cheveux/11796-shampoing-sec-milk-protein-200ml.html" class="text-decoration-none text-reset">
<ul class="product-flags js-product-flags">
</ul>
<picture>
<img
class="product-miniature__image card-img-top"
srcset=" https://www.yousarssif.com/20608-default_xs/shampoing-sec-milk-protein-200ml.jpg 120w, https://www.yousarssif.com/20608-default_m/shampoing-sec-milk-protein-200ml.jpg 200w, https://www.yousarssif.com/20608-default_md/shampoing-sec-milk-protein-200ml.jpg 320w, https://www.yousarssif.com/20608-product_main/shampoing-sec-milk-protein-200ml.jpg 720w"
sizes="(min-width: 1300px) 320px, (min-width: 768px) 120px, 50vw"
src="https://www.yousarssif.com/20608-default_md/shampoing-sec-milk-protein-200ml.jpg"
width="320"
height="320"
loading="lazy"
alt="AGIVA SHP SEC MILK PROTEIN 200ML"
title="AGIVA SHP SEC MILK PROTEIN 200ML"
data-full-size-image-url="https://www.yousarssif.com/20608-home_default/shampoing-sec-milk-protein-200ml.jpg"
>
</picture>
</a>
<button class="product-miniature__quickview_button btn btn-primary js-quickview btn-with-icon" data-link-action="quickview">
<i class="material-icons" aria-hidden="true"></i>
Aperçu rapide
</button>
<div class="card-body">
<p class="card-text brand-name">
Agiva
</p>
<p class="card-text category-name">Cheveux</p>
<h5 class="product-miniature__infos__top card-title">
<a href="https://www.yousarssif.com/cheveux/11796-shampoing-sec-milk-protein-200ml.html"><p class="product-miniature__title">Shampoing Sec MILK PROTEIN 200ML</p></a>
</h5>
<!-- price block -->
<p class="card-text">
<span class="product-miniature__price" aria-label="Prix">
13,500 TND
</span>
<div class="product-miniature__discount-price">
</div>
</p>
<!--eof price block -->
</div>
</div>
</div> <style>
.js-quickview {
position: absolute;
z-index: 9999;
bottom: -50px;
left: 0;
right: 0;
opacity: 0;
transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.product-card {
position: relative;
overflow: hidden;
}
.product-card:hover .js-quickview {
bottom: 0;
opacity: 1;
}
.product-card .card-body {
transition: transform 0.3s ease-in-out;
}
.product-card:hover .card-body {
transform: translateY(-10px);
}
.product-miniature .card {
height: auto;
}
.badge.on-sale {
background-color: #f8d7da;
color: #721c24;
}
.badge.new {
background-color: #d1ecf1;
color: #0c5460;
}
.badge.discount {
background-color: #fefefe;
color: #721c24;
border-color:#721c24;
}
</style>
<div class="swiper-slide product-miniature js-product-miniature"
data-id-product="11373"
data-id-product-attribute="0"
>
<div class="card product-card border-0 text-center"
data-id-product="11373"
data-id-product-attribute="0">
<a href="https://www.yousarssif.com/parfum-/11373-up-body-mist-rose-vanilla-250ml.html" class="text-decoration-none text-reset">
<ul class="product-flags js-product-flags">
<li class="badge out_of_stock">Rupture de stock</li>
</ul>
<picture>
<img
class="product-miniature__image card-img-top"
srcset=" https://www.yousarssif.com/19364-default_xs/up-body-mist-rose-vanilla-250ml.jpg 120w, https://www.yousarssif.com/19364-default_m/up-body-mist-rose-vanilla-250ml.jpg 200w, https://www.yousarssif.com/19364-default_md/up-body-mist-rose-vanilla-250ml.jpg 320w, https://www.yousarssif.com/19364-product_main/up-body-mist-rose-vanilla-250ml.jpg 720w"
sizes="(min-width: 1300px) 320px, (min-width: 768px) 120px, 50vw"
src="https://www.yousarssif.com/19364-default_md/up-body-mist-rose-vanilla-250ml.jpg"
width="320"
height="320"
loading="lazy"
alt="UP Body Mist ROSE VANILLA 250ml"
title="UP Body Mist ROSE VANILLA 250ml"
data-full-size-image-url="https://www.yousarssif.com/19364-home_default/up-body-mist-rose-vanilla-250ml.jpg"
>
</picture>
</a>
<button class="product-miniature__quickview_button btn btn-primary js-quickview btn-with-icon" data-link-action="quickview">
<i class="material-icons" aria-hidden="true"></i>
Aperçu rapide
</button>
<div class="card-body">
<p class="card-text brand-name">
ENNOUR
</p>
<p class="card-text category-name">Parfum</p>
<h5 class="product-miniature__infos__top card-title">
<a href="https://www.yousarssif.com/parfum-/11373-up-body-mist-rose-vanilla-250ml.html"><p class="product-miniature__title">UP Body Mist ROSE VANILLA</p></a>
</h5>
<!-- price block -->
<p class="card-text">
<span class="product-miniature__price" aria-label="Prix">
15,500 TND
</span>
<div class="product-miniature__discount-price">
</div>
</p>
<!--eof price block -->
</div>
</div>
</div>
</div>
<div class="swiper-pagination"></div>
<div class="custom-next">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path d="M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM241 377c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l87-87-87-87c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L345 239c9.4 9.4 9.4 24.6 0 33.9L241 377z"/></svg>
</div>
<div class="custom-prev">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path d="M512 256A256 256 0 1 0 0 256a256 256 0 1 0 512 0zM271 135c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-87 87 87 87c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0L167 273c-9.4-9.4-9.4-24.6 0-33.9L271 135z"/></svg>
</div>
</div>
</div>
<!-- Tendances -->
<div id="tendance-tab" class="tab-pane">
<div class="swiper y-swiper tendance-swiper">
<div class="swiper-wrapper">
<style>
.js-quickview {
position: absolute;
z-index: 9999;
bottom: -50px;
left: 0;
right: 0;
opacity: 0;
transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.product-card {
position: relative;
overflow: hidden;
}
.product-card:hover .js-quickview {
bottom: 0;
opacity: 1;
}
.product-card .card-body {
transition: transform 0.3s ease-in-out;
}
.product-card:hover .card-body {
transform: translateY(-10px);
}
.product-miniature .card {
height: auto;
}
.badge.on-sale {
background-color: #f8d7da;
color: #721c24;
}
.badge.new {
background-color: #d1ecf1;
color: #0c5460;
}
.badge.discount {
background-color: #fefefe;
color: #721c24;
border-color:#721c24;
}
</style>
<div class="swiper-slide product-miniature js-product-miniature"
data-id-product="11890"
data-id-product-attribute="0"
>
<div class="card product-card border-0 text-center"
data-id-product="11890"
data-id-product-attribute="0">
<a href="https://www.yousarssif.com/soin/11890-amber-oud-body-scrub.html" class="text-decoration-none text-reset">
<ul class="product-flags js-product-flags">
</ul>
<picture>
<img
class="product-miniature__image card-img-top"
srcset=" https://www.yousarssif.com/21244-default_xs/amber-oud-body-scrub.jpg 120w, https://www.yousarssif.com/21244-default_m/amber-oud-body-scrub.jpg 200w, https://www.yousarssif.com/21244-default_md/amber-oud-body-scrub.jpg 320w, https://www.yousarssif.com/21244-product_main/amber-oud-body-scrub.jpg 720w"
sizes="(min-width: 1300px) 320px, (min-width: 768px) 120px, 50vw"
src="https://www.yousarssif.com/21244-default_md/amber-oud-body-scrub.jpg"
width="320"
height="320"
loading="lazy"
alt="HAMIDI Luxury Amber Oud Body Scrub"
title="HAMIDI Luxury Amber Oud Body Scrub"
data-full-size-image-url="https://www.yousarssif.com/21244-home_default/amber-oud-body-scrub.jpg"
>
</picture>
</a>
<button class="product-miniature__quickview_button btn btn-primary js-quickview btn-with-icon" data-link-action="quickview">
<i class="material-icons" aria-hidden="true"></i>
Aperçu rapide
</button>
<div class="card-body">
<p class="card-text brand-name">
HAMIDI Luxury
</p>
<p class="card-text category-name">Soin</p>
<h5 class="product-miniature__infos__top card-title">
<a href="https://www.yousarssif.com/soin/11890-amber-oud-body-scrub.html"><p class="product-miniature__title">Amber Oud Body Scrub</p></a>
</h5>
<!-- price block -->
<p class="card-text">
<span class="product-miniature__price" aria-label="Prix">
19,900 TND
</span>
<div class="product-miniature__discount-price">
</div>
</p>
<!--eof price block -->
</div>
</div>
</div> <style>
.js-quickview {
position: absolute;
z-index: 9999;
bottom: -50px;
left: 0;
right: 0;
opacity: 0;
transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.product-card {
position: relative;
overflow: hidden;
}
.product-card:hover .js-quickview {
bottom: 0;
opacity: 1;
}
.product-card .card-body {
transition: transform 0.3s ease-in-out;
}
.product-card:hover .card-body {
transform: translateY(-10px);
}
.product-miniature .card {
height: auto;
}
.badge.on-sale {
background-color: #f8d7da;
color: #721c24;
}
.badge.new {
background-color: #d1ecf1;
color: #0c5460;
}
.badge.discount {
background-color: #fefefe;
color: #721c24;
border-color:#721c24;
}
</style>
<div class="swiper-slide product-miniature js-product-miniature"
data-id-product="11856"
data-id-product-attribute="0"
>
<div class="card product-card border-0 text-center"
data-id-product="11856"
data-id-product-attribute="0">
<a href="https://www.yousarssif.com/soin-homme/11856-spray-hair-barber-40ml0.html" class="text-decoration-none text-reset">
<ul class="product-flags js-product-flags">
</ul>
<picture>
<img
class="product-miniature__image card-img-top"
srcset=" https://www.yousarssif.com/21167-default_xs/spray-hair-barber-40ml0.jpg 120w, https://www.yousarssif.com/21167-default_m/spray-hair-barber-40ml0.jpg 200w, https://www.yousarssif.com/21167-default_md/spray-hair-barber-40ml0.jpg 320w, https://www.yousarssif.com/21167-product_main/spray-hair-barber-40ml0.jpg 720w"
sizes="(min-width: 1300px) 320px, (min-width: 768px) 120px, 50vw"
src="https://www.yousarssif.com/21167-default_md/spray-hair-barber-40ml0.jpg"
width="320"
height="320"
loading="lazy"
alt="lorenti Spray HAIR BARBER 400ML"
title="lorenti Spray HAIR BARBER 400ML"
data-full-size-image-url="https://www.yousarssif.com/21167-home_default/spray-hair-barber-40ml0.jpg"
>
</picture>
</a>
<button class="product-miniature__quickview_button btn btn-primary js-quickview btn-with-icon" data-link-action="quickview">
<i class="material-icons" aria-hidden="true"></i>
Aperçu rapide
</button>
<div class="card-body">
<p class="card-text brand-name">
Lorenti
</p>
<p class="card-text category-name">Soin Homme</p>
<h5 class="product-miniature__infos__top card-title">
<a href="https://www.yousarssif.com/soin-homme/11856-spray-hair-barber-40ml0.html"><p class="product-miniature__title">Spray HAIR BARBER 400ML</p></a>
</h5>
<!-- price block -->
<p class="card-text">
<span class="product-miniature__price" aria-label="Prix">
13,747 TND
</span>
<div class="product-miniature__discount-price">
</div>
</p>
<!--eof price block -->
</div>
</div>
</div> <style>
.js-quickview {
position: absolute;
z-index: 9999;
bottom: -50px;
left: 0;
right: 0;
opacity: 0;
transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.product-card {
position: relative;
overflow: hidden;
}
.product-card:hover .js-quickview {
bottom: 0;
opacity: 1;
}
.product-card .card-body {
transition: transform 0.3s ease-in-out;
}
.product-card:hover .card-body {
transform: translateY(-10px);
}
.product-miniature .card {
height: auto;
}
.badge.on-sale {
background-color: #f8d7da;
color: #721c24;
}
.badge.new {
background-color: #d1ecf1;
color: #0c5460;
}
.badge.discount {
background-color: #fefefe;
color: #721c24;
border-color:#721c24;
}
</style>
<div class="swiper-slide product-miniature js-product-miniature"
data-id-product="11774"
data-id-product-attribute="10815"
>
<div class="card product-card border-0 text-center"
data-id-product="11774"
data-id-product-attribute="10815">
<a href="https://www.yousarssif.com/10815rouge-a-levres/11774-lipstick-mat-.html#/3603-choisissez_votre_reference-044" class="text-decoration-none text-reset">
<ul class="product-flags js-product-flags">
</ul>
<picture>
<img
class="product-miniature__image card-img-top"
srcset=" https://www.yousarssif.com/20558-default_xs/lipstick-mat-.jpg 120w, https://www.yousarssif.com/20558-default_m/lipstick-mat-.jpg 200w, https://www.yousarssif.com/20558-default_md/lipstick-mat-.jpg 320w, https://www.yousarssif.com/20558-product_main/lipstick-mat-.jpg 720w"
sizes="(min-width: 1300px) 320px, (min-width: 768px) 120px, 50vw"
src="https://www.yousarssif.com/20558-default_md/lipstick-mat-.jpg"
width="320"
height="320"
loading="lazy"
alt="KOLSI LIPSTICK MAT"
title="KOLSI LIPSTICK MAT"
data-full-size-image-url="https://www.yousarssif.com/20558-home_default/lipstick-mat-.jpg"
>
</picture>
</a>
<button class="product-miniature__quickview_button btn btn-primary js-quickview btn-with-icon" data-link-action="quickview">
<i class="material-icons" aria-hidden="true"></i>
Aperçu rapide
</button>
<div class="card-body">
<p class="card-text brand-name">
KOLSI
</p>
<p class="card-text category-name">Rouge à lèvres</p>
<h5 class="product-miniature__infos__top card-title">
<a href="https://www.yousarssif.com/10815rouge-a-levres/11774-lipstick-mat-.html#/3603-choisissez_votre_reference-044"><p class="product-miniature__title">LIPSTICK MAT</p></a>
</h5>
<!-- price block -->
<p class="card-text">
<span class="product-miniature__price" aria-label="Prix">
12,500 TND
</span>
<div class="product-miniature__discount-price">
</div>
</p>
<!--eof price block -->
</div>
</div>
</div> <style>
.js-quickview {
position: absolute;
z-index: 9999;
bottom: -50px;
left: 0;
right: 0;
opacity: 0;
transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.product-card {
position: relative;
overflow: hidden;
}
.product-card:hover .js-quickview {
bottom: 0;
opacity: 1;
}
.product-card .card-body {
transition: transform 0.3s ease-in-out;
}
.product-card:hover .card-body {
transform: translateY(-10px);
}
.product-miniature .card {
height: auto;
}
.badge.on-sale {
background-color: #f8d7da;
color: #721c24;
}
.badge.new {
background-color: #d1ecf1;
color: #0c5460;
}
.badge.discount {
background-color: #fefefe;
color: #721c24;
border-color:#721c24;
}
</style>
<div class="swiper-slide product-miniature js-product-miniature"
data-id-product="11580"
data-id-product-attribute="0"
>
<div class="card product-card border-0 text-center"
data-id-product="11580"
data-id-product-attribute="0">
<a href="https://www.yousarssif.com/maquillage/11580-eyebrow-mascara-brow-freeze-gel.html" class="text-decoration-none text-reset">
<ul class="product-flags js-product-flags">
<li class="badge out_of_stock">Rupture de stock</li>
</ul>
<picture>
<img
class="product-miniature__image card-img-top"
srcset=" https://www.yousarssif.com/20042-default_xs/eyebrow-mascara-brow-freeze-gel.jpg 120w, https://www.yousarssif.com/20042-default_m/eyebrow-mascara-brow-freeze-gel.jpg 200w, https://www.yousarssif.com/20042-default_md/eyebrow-mascara-brow-freeze-gel.jpg 320w, https://www.yousarssif.com/20042-product_main/eyebrow-mascara-brow-freeze-gel.jpg 720w"
sizes="(min-width: 1300px) 320px, (min-width: 768px) 120px, 50vw"
src="https://www.yousarssif.com/20042-default_md/eyebrow-mascara-brow-freeze-gel.jpg"
width="320"
height="320"
loading="lazy"
alt="TopFace Eyebrow Mascara Brow Freeze Gel"
title="TopFace Eyebrow Mascara Brow Freeze Gel"
data-full-size-image-url="https://www.yousarssif.com/20042-home_default/eyebrow-mascara-brow-freeze-gel.jpg"
>
</picture>
</a>
<button class="product-miniature__quickview_button btn btn-primary js-quickview btn-with-icon" data-link-action="quickview">
<i class="material-icons" aria-hidden="true"></i>
Aperçu rapide
</button>
<div class="card-body">
<p class="card-text brand-name">
TopFace
</p>
<p class="card-text category-name">Maquillage</p>
<h5 class="product-miniature__infos__top card-title">
<a href="https://www.yousarssif.com/maquillage/11580-eyebrow-mascara-brow-freeze-gel.html"><p class="product-miniature__title">Eyebrow Mascara Brow Freeze Gel</p></a>
</h5>
<!-- price block -->
<p class="card-text">
<span class="product-miniature__price" aria-label="Prix">
20,200 TND
</span>
<div class="product-miniature__discount-price">
</div>
</p>
<!--eof price block -->
</div>
</div>
</div> <style>
.js-quickview {
position: absolute;
z-index: 9999;
bottom: -50px;
left: 0;
right: 0;
opacity: 0;
transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.product-card {
position: relative;
overflow: hidden;
}
.product-card:hover .js-quickview {
bottom: 0;
opacity: 1;
}
.product-card .card-body {
transition: transform 0.3s ease-in-out;
}
.product-card:hover .card-body {
transform: translateY(-10px);
}
.product-miniature .card {
height: auto;
}
.badge.on-sale {
background-color: #f8d7da;
color: #721c24;
}
.badge.new {
background-color: #d1ecf1;
color: #0c5460;
}
.badge.discount {
background-color: #fefefe;
color: #721c24;
border-color:#721c24;
}
</style>
<div class="swiper-slide product-miniature js-product-miniature"
data-id-product="11507"
data-id-product-attribute="10334"
>
<div class="card product-card border-0 text-center"
data-id-product="11507"
data-id-product-attribute="10334">
<a href="https://www.yousarssif.com/10334maquillage/11507-lipgloss-cream-blur-souffle-mat.html#/2730-choisissez_votre_reference-01" class="text-decoration-none text-reset">
<ul class="product-flags js-product-flags">
</ul>
<picture>
<img
class="product-miniature__image card-img-top"
srcset=" https://www.yousarssif.com/19716-default_xs/lipgloss-cream-blur-souffle-mat.jpg 120w, https://www.yousarssif.com/19716-default_m/lipgloss-cream-blur-souffle-mat.jpg 200w, https://www.yousarssif.com/19716-default_md/lipgloss-cream-blur-souffle-mat.jpg 320w, https://www.yousarssif.com/19716-product_main/lipgloss-cream-blur-souffle-mat.jpg 720w"
sizes="(min-width: 1300px) 320px, (min-width: 768px) 120px, 50vw"
src="https://www.yousarssif.com/19716-default_md/lipgloss-cream-blur-souffle-mat.jpg"
width="320"
height="320"
loading="lazy"
alt="ESSENCE LIPGLOSS CREAM BLUR SOUFFLE MAT01"
title="ESSENCE LIPGLOSS CREAM BLUR SOUFFLE MAT01"
data-full-size-image-url="https://www.yousarssif.com/19716-home_default/lipgloss-cream-blur-souffle-mat.jpg"
>
</picture>
</a>
<button class="product-miniature__quickview_button btn btn-primary js-quickview btn-with-icon" data-link-action="quickview">
<i class="material-icons" aria-hidden="true"></i>
Aperçu rapide
</button>
<div class="card-body">
<p class="card-text brand-name">
ESSENCE
</p>
<p class="card-text category-name">Maquillage</p>
<h5 class="product-miniature__infos__top card-title">
<a href="https://www.yousarssif.com/10334maquillage/11507-lipgloss-cream-blur-souffle-mat.html#/2730-choisissez_votre_reference-01"><p class="product-miniature__title">Lipgloss Cream BLUR SOUFFLE MAT</p></a>
</h5>
<!-- price block -->
<p class="card-text">
<span class="product-miniature__price" aria-label="Prix">
13,900 TND
</span>
<div class="product-miniature__discount-price">
</div>
</p>
<!--eof price block -->
</div>
</div>
</div> <style>
.js-quickview {
position: absolute;
z-index: 9999;
bottom: -50px;
left: 0;
right: 0;
opacity: 0;
transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.product-card {
position: relative;
overflow: hidden;
}
.product-card:hover .js-quickview {
bottom: 0;
opacity: 1;
}
.product-card .card-body {
transition: transform 0.3s ease-in-out;
}
.product-card:hover .card-body {
transform: translateY(-10px);
}
.product-miniature .card {
height: auto;
}
.badge.on-sale {
background-color: #f8d7da;
color: #721c24;
}
.badge.new {
background-color: #d1ecf1;
color: #0c5460;
}
.badge.discount {
background-color: #fefefe;
color: #721c24;
border-color:#721c24;
}
</style>
<div class="swiper-slide product-miniature js-product-miniature"
data-id-product="11297"
data-id-product-attribute="0"
>
<div class="card product-card border-0 text-center"
data-id-product="11297"
data-id-product-attribute="0">
<a href="https://www.yousarssif.com/soin/11297-mousse-micellaire.html" class="text-decoration-none text-reset">
<ul class="product-flags js-product-flags">
</ul>
<picture>
<img
class="product-miniature__image card-img-top"
srcset=" https://www.yousarssif.com/18925-default_xs/mousse-micellaire.jpg 120w, https://www.yousarssif.com/18925-default_m/mousse-micellaire.jpg 200w, https://www.yousarssif.com/18925-default_md/mousse-micellaire.jpg 320w, https://www.yousarssif.com/18925-product_main/mousse-micellaire.jpg 720w"
sizes="(min-width: 1300px) 320px, (min-width: 768px) 120px, 50vw"
src="https://www.yousarssif.com/18925-default_md/mousse-micellaire.jpg"
width="320"
height="320"
loading="lazy"
alt="EVOLUDERM Mousse Micellaire 150ML"
title="EVOLUDERM Mousse Micellaire 150ML"
data-full-size-image-url="https://www.yousarssif.com/18925-home_default/mousse-micellaire.jpg"
>
</picture>
</a>
<button class="product-miniature__quickview_button btn btn-primary js-quickview btn-with-icon" data-link-action="quickview">
<i class="material-icons" aria-hidden="true"></i>
Aperçu rapide
</button>
<div class="card-body">
<p class="card-text brand-name">
EVOLUDERM
</p>
<p class="card-text category-name">Soin</p>
<h5 class="product-miniature__infos__top card-title">
<a href="https://www.yousarssif.com/soin/11297-mousse-micellaire.html"><p class="product-miniature__title">Mousse Micellaire</p></a>
</h5>
<!-- price block -->
<p class="card-text">
<span class="product-miniature__price" aria-label="Prix">
26,600 TND
</span>
<div class="product-miniature__discount-price">
</div>
</p>
<!--eof price block -->
</div>
</div>
</div> <style>
.js-quickview {
position: absolute;
z-index: 9999;
bottom: -50px;
left: 0;
right: 0;
opacity: 0;
transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.product-card {
position: relative;
overflow: hidden;
}
.product-card:hover .js-quickview {
bottom: 0;
opacity: 1;
}
.product-card .card-body {
transition: transform 0.3s ease-in-out;
}
.product-card:hover .card-body {
transform: translateY(-10px);
}
.product-miniature .card {
height: auto;
}
.badge.on-sale {
background-color: #f8d7da;
color: #721c24;
}
.badge.new {
background-color: #d1ecf1;
color: #0c5460;
}
.badge.discount {
background-color: #fefefe;
color: #721c24;
border-color:#721c24;
}
</style>
<div class="swiper-slide product-miniature js-product-miniature"
data-id-product="10078"
data-id-product-attribute="0"
>
<div class="card product-card border-0 text-center"
data-id-product="10078"
data-id-product-attribute="0">
<a href="https://www.yousarssif.com/shampoing/10078-l-oreal-serie-expert-shampoing-pro-longer-300ml.html" class="text-decoration-none text-reset">
<ul class="product-flags js-product-flags">
</ul>
<picture>
<img
class="product-miniature__image card-img-top"
srcset=" https://www.yousarssif.com/14272-default_xs/l-oreal-serie-expert-shampoing-pro-longer-300ml.jpg 120w, https://www.yousarssif.com/14272-default_m/l-oreal-serie-expert-shampoing-pro-longer-300ml.jpg 200w, https://www.yousarssif.com/14272-default_md/l-oreal-serie-expert-shampoing-pro-longer-300ml.jpg 320w, https://www.yousarssif.com/14272-product_main/l-oreal-serie-expert-shampoing-pro-longer-300ml.jpg 720w"
sizes="(min-width: 1300px) 320px, (min-width: 768px) 120px, 50vw"
src="https://www.yousarssif.com/14272-default_md/l-oreal-serie-expert-shampoing-pro-longer-300ml.jpg"
width="320"
height="320"
loading="lazy"
alt="L’Oréal Série Expert Shampooing Pro Longer 300ML – Soin Cheveux Longs"
title="L’Oréal Série Expert Shampooing Pro Longer 300ML – Soin Cheveux Longs"
data-full-size-image-url="https://www.yousarssif.com/14272-home_default/l-oreal-serie-expert-shampoing-pro-longer-300ml.jpg"
>
</picture>
</a>
<button class="product-miniature__quickview_button btn btn-primary js-quickview btn-with-icon" data-link-action="quickview">
<i class="material-icons" aria-hidden="true"></i>
Aperçu rapide
</button>
<div class="card-body">
<p class="card-text brand-name">
L'Oréal
</p>
<p class="card-text category-name">Shampoing</p>
<h5 class="product-miniature__infos__top card-title">
<a href="https://www.yousarssif.com/shampoing/10078-l-oreal-serie-expert-shampoing-pro-longer-300ml.html"><p class="product-miniature__title">Série EXPERT SHAMPOING PRO LONGER 300ML</p></a>
</h5>
<!-- price block -->
<p class="card-text">
<span class="product-miniature__price" aria-label="Prix">
52,500 TND
</span>
<div class="product-miniature__discount-price">
</div>
</p>
<!--eof price block -->
</div>
</div>
</div> <style>
.js-quickview {
position: absolute;
z-index: 9999;
bottom: -50px;
left: 0;
right: 0;
opacity: 0;
transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.product-card {
position: relative;
overflow: hidden;
}
.product-card:hover .js-quickview {
bottom: 0;
opacity: 1;
}
.product-card .card-body {
transition: transform 0.3s ease-in-out;
}
.product-card:hover .card-body {
transform: translateY(-10px);
}
.product-miniature .card {
height: auto;
}
.badge.on-sale {
background-color: #f8d7da;
color: #721c24;
}
.badge.new {
background-color: #d1ecf1;
color: #0c5460;
}
.badge.discount {
background-color: #fefefe;
color: #721c24;
border-color:#721c24;
}
</style>
<div class="swiper-slide product-miniature js-product-miniature"
data-id-product="9960"
data-id-product-attribute="4508"
>
<div class="card product-card border-0 text-center"
data-id-product="9960"
data-id-product-attribute="4508">
<a href="https://www.yousarssif.com/4508tous-types-de-peaux/9960-ecran-fluid-foundation-spf50.html#/2698-couleur-01_ivory" class="text-decoration-none text-reset">
<ul class="product-flags js-product-flags">
</ul>
<picture>
<img
class="product-miniature__image card-img-top"
srcset=" https://www.yousarssif.com/13944-default_xs/ecran-fluid-foundation-spf50.jpg 120w, https://www.yousarssif.com/13944-default_m/ecran-fluid-foundation-spf50.jpg 200w, https://www.yousarssif.com/13944-default_md/ecran-fluid-foundation-spf50.jpg 320w, https://www.yousarssif.com/13944-product_main/ecran-fluid-foundation-spf50.jpg 720w"
sizes="(min-width: 1300px) 320px, (min-width: 768px) 120px, 50vw"
src="https://www.yousarssif.com/13944-default_md/ecran-fluid-foundation-spf50.jpg"
width="320"
height="320"
loading="lazy"
alt="PHARMACERIS ECRAN FLUID FOUNDATION SPF50+ 01"
title="PHARMACERIS ECRAN FLUID FOUNDATION SPF50+ 01"
data-full-size-image-url="https://www.yousarssif.com/13944-home_default/ecran-fluid-foundation-spf50.jpg"
>
</picture>
</a>
<button class="product-miniature__quickview_button btn btn-primary js-quickview btn-with-icon" data-link-action="quickview">
<i class="material-icons" aria-hidden="true"></i>
Aperçu rapide
</button>
<div class="card-body">
<p class="card-text brand-name">
Pharmaceris
</p>
<p class="card-text category-name">Ecran Tous types de peaux</p>
<h5 class="product-miniature__infos__top card-title">
<a href="https://www.yousarssif.com/4508tous-types-de-peaux/9960-ecran-fluid-foundation-spf50.html#/2698-couleur-01_ivory"><p class="product-miniature__title">Ecran Fluid Foundation SPF50+</p></a>
</h5>
<!-- price block -->
<p class="card-text">
<span class="product-miniature__price" aria-label="Prix">
63,899 TND
</span>
<div class="product-miniature__discount-price">
</div>
</p>
<!--eof price block -->
</div>
</div>
</div> <style>
.js-quickview {
position: absolute;
z-index: 9999;
bottom: -50px;
left: 0;
right: 0;
opacity: 0;
transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.product-card {
position: relative;
overflow: hidden;
}
.product-card:hover .js-quickview {
bottom: 0;
opacity: 1;
}
.product-card .card-body {
transition: transform 0.3s ease-in-out;
}
.product-card:hover .card-body {
transform: translateY(-10px);
}
.product-miniature .card {
height: auto;
}
.badge.on-sale {
background-color: #f8d7da;
color: #721c24;
}
.badge.new {
background-color: #d1ecf1;
color: #0c5460;
}
.badge.discount {
background-color: #fefefe;
color: #721c24;
border-color:#721c24;
}
</style>
<div class="swiper-slide product-miniature js-product-miniature"
data-id-product="9836"
data-id-product-attribute="0"
>
<div class="card product-card border-0 text-center"
data-id-product="9836"
data-id-product-attribute="0">
<a href="https://www.yousarssif.com/nettoyant-visage/9836-gel-moussan-peau-sechesensible-cloudberry.html" class="text-decoration-none text-reset">
<ul class="product-flags js-product-flags">
<li class="badge on-sale">Promo !</li>
<li class="badge discount">-50%</li>
</ul>
<picture>
<img
class="product-miniature__image card-img-top"
srcset=" https://www.yousarssif.com/13646-default_xs/gel-moussan-peau-sechesensible-cloudberry.jpg 120w, https://www.yousarssif.com/13646-default_m/gel-moussan-peau-sechesensible-cloudberry.jpg 200w, https://www.yousarssif.com/13646-default_md/gel-moussan-peau-sechesensible-cloudberry.jpg 320w, https://www.yousarssif.com/13646-product_main/gel-moussan-peau-sechesensible-cloudberry.jpg 720w"
sizes="(min-width: 1300px) 320px, (min-width: 768px) 120px, 50vw"
src="https://www.yousarssif.com/13646-default_md/gel-moussan-peau-sechesensible-cloudberry.jpg"
width="320"
height="320"
loading="lazy"
alt="GEL NETTOYANT ET MOUSSAN PEAU SÈCHE/SENSIBLE CLOUDBERRY"
title="GEL NETTOYANT ET MOUSSAN PEAU SÈCHE/SENSIBLE CLOUDBERRY"
data-full-size-image-url="https://www.yousarssif.com/13646-home_default/gel-moussan-peau-sechesensible-cloudberry.jpg"
>
</picture>
</a>
<button class="product-miniature__quickview_button btn btn-primary js-quickview btn-with-icon" data-link-action="quickview">
<i class="material-icons" aria-hidden="true"></i>
Aperçu rapide
</button>
<div class="card-body">
<p class="card-text brand-name">
CELENES
</p>
<p class="card-text category-name">Nettoyant visage</p>
<h5 class="product-miniature__infos__top card-title">
<a href="https://www.yousarssif.com/nettoyant-visage/9836-gel-moussan-peau-sechesensible-cloudberry.html"><p class="product-miniature__title">Gel moussant CLOUDBERRY</p></a>
</h5>
<!-- price block -->
<p class="card-text">
<span class="product-miniature__price" aria-label="Prix">
17,500 TND
</span>
<div class="product-miniature__discount-price">
<span class="product-miniature__regular-price" aria-label="Prix de base">35,000 TND</span>
</div>
</p>
<!--eof price block -->
</div>
</div>
</div> <style>
.js-quickview {
position: absolute;
z-index: 9999;
bottom: -50px;
left: 0;
right: 0;
opacity: 0;
transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.product-card {
position: relative;
overflow: hidden;
}
.product-card:hover .js-quickview {
bottom: 0;
opacity: 1;
}
.product-card .card-body {
transition: transform 0.3s ease-in-out;
}
.product-card:hover .card-body {
transform: translateY(-10px);
}
.product-miniature .card {
height: auto;
}
.badge.on-sale {
background-color: #f8d7da;
color: #721c24;
}
.badge.new {
background-color: #d1ecf1;
color: #0c5460;
}
.badge.discount {
background-color: #fefefe;
color: #721c24;
border-color:#721c24;
}
</style>
<div class="swiper-slide product-miniature js-product-miniature"
data-id-product="7971"
data-id-product-attribute="9389"
>
<div class="card product-card border-0 text-center"
data-id-product="7971"
data-id-product-attribute="9389">
<a href="https://www.yousarssif.com/9389maquillage/7971-lipgloss-hydra-moist.html#/2731-choisissez_votre_reference-02" class="text-decoration-none text-reset">
<ul class="product-flags js-product-flags">
</ul>
<picture>
<img
class="product-miniature__image card-img-top"
srcset=" https://www.yousarssif.com/17436-default_xs/lipgloss-hydra-moist.jpg 120w, https://www.yousarssif.com/17436-default_m/lipgloss-hydra-moist.jpg 200w, https://www.yousarssif.com/17436-default_md/lipgloss-hydra-moist.jpg 320w, https://www.yousarssif.com/17436-product_main/lipgloss-hydra-moist.jpg 720w"
sizes="(min-width: 1300px) 320px, (min-width: 768px) 120px, 50vw"
src="https://www.yousarssif.com/17436-default_md/lipgloss-hydra-moist.jpg"
width="320"
height="320"
loading="lazy"
alt="Lipgloss crème Note Mineral hydratant et lumineux"
title="Lipgloss crème Note Mineral hydratant et lumineux"
data-full-size-image-url="https://www.yousarssif.com/17436-home_default/lipgloss-hydra-moist.jpg"
>
</picture>
</a>
<button class="product-miniature__quickview_button btn btn-primary js-quickview btn-with-icon" data-link-action="quickview">
<i class="material-icons" aria-hidden="true"></i>
Aperçu rapide
</button>
<div class="card-body">
<p class="card-text brand-name">
NOTE
</p>
<p class="card-text category-name">Maquillage</p>
<h5 class="product-miniature__infos__top card-title">
<a href="https://www.yousarssif.com/9389maquillage/7971-lipgloss-hydra-moist.html#/2731-choisissez_votre_reference-02"><p class="product-miniature__title">Lipgloss HYDRA-moist</p></a>
</h5>
<!-- price block -->
<p class="card-text">
<span class="product-miniature__price" aria-label="Prix">
31,576 TND
</span>
<div class="product-miniature__discount-price">
</div>
</p>
<!--eof price block -->
</div>
</div>
</div> <style>
.js-quickview {
position: absolute;
z-index: 9999;
bottom: -50px;
left: 0;
right: 0;
opacity: 0;
transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.product-card {
position: relative;
overflow: hidden;
}
.product-card:hover .js-quickview {
bottom: 0;
opacity: 1;
}
.product-card .card-body {
transition: transform 0.3s ease-in-out;
}
.product-card:hover .card-body {
transform: translateY(-10px);
}
.product-miniature .card {
height: auto;
}
.badge.on-sale {
background-color: #f8d7da;
color: #721c24;
}
.badge.new {
background-color: #d1ecf1;
color: #0c5460;
}
.badge.discount {
background-color: #fefefe;
color: #721c24;
border-color:#721c24;
}
</style>
<div class="swiper-slide product-miniature js-product-miniature"
data-id-product="1932"
data-id-product-attribute="8647"
>
<div class="card product-card border-0 text-center"
data-id-product="1932"
data-id-product-attribute="8647">
<a href="https://www.yousarssif.com/8647palette-yeux/1932-palette-show-your-style.html#/3025-choisissez_votre_reference-463" class="text-decoration-none text-reset">
<ul class="product-flags js-product-flags">
</ul>
<picture>
<img
class="product-miniature__image card-img-top"
srcset=" https://www.yousarssif.com/16613-default_xs/palette-show-your-style.jpg 120w, https://www.yousarssif.com/16613-default_m/palette-show-your-style.jpg 200w, https://www.yousarssif.com/16613-default_md/palette-show-your-style.jpg 320w, https://www.yousarssif.com/16613-product_main/palette-show-your-style.jpg 720w"
sizes="(min-width: 1300px) 320px, (min-width: 768px) 120px, 50vw"
src="https://www.yousarssif.com/16613-default_md/palette-show-your-style.jpg"
width="320"
height="320"
loading="lazy"
alt="Pastel Palette Show Your Style."
title="Pastel Palette Show Your Style."
data-full-size-image-url="https://www.yousarssif.com/16613-home_default/palette-show-your-style.jpg"
>
</picture>
</a>
<button class="product-miniature__quickview_button btn btn-primary js-quickview btn-with-icon" data-link-action="quickview">
<i class="material-icons" aria-hidden="true"></i>
Aperçu rapide
</button>
<div class="card-body">
<p class="card-text brand-name">
PASTEL
</p>
<p class="card-text category-name">Palette yeux</p>
<h5 class="product-miniature__infos__top card-title">
<a href="https://www.yousarssif.com/8647palette-yeux/1932-palette-show-your-style.html#/3025-choisissez_votre_reference-463"><p class="product-miniature__title">Palette Show Your Style</p></a>
</h5>
<!-- price block -->
<p class="card-text">
<span class="product-miniature__price" aria-label="Prix">
31,000 TND
</span>
<div class="product-miniature__discount-price">
</div>
</p>
<!--eof price block -->
</div>
</div>
</div> <style>
.js-quickview {
position: absolute;
z-index: 9999;
bottom: -50px;
left: 0;
right: 0;
opacity: 0;
transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.product-card {
position: relative;
overflow: hidden;
}
.product-card:hover .js-quickview {
bottom: 0;
opacity: 1;
}
.product-card .card-body {
transition: transform 0.3s ease-in-out;
}
.product-card:hover .card-body {
transform: translateY(-10px);
}
.product-miniature .card {
height: auto;
}
.badge.on-sale {
background-color: #f8d7da;
color: #721c24;
}
.badge.new {
background-color: #d1ecf1;
color: #0c5460;
}
.badge.discount {
background-color: #fefefe;
color: #721c24;
border-color:#721c24;
}
</style>
<div class="swiper-slide product-miniature js-product-miniature"
data-id-product="569"
data-id-product-attribute="1727"
>
<div class="card product-card border-0 text-center"
data-id-product="569"
data-id-product-attribute="1727">
<a href="https://www.yousarssif.com/1727lip-gloss/569-lipgloss-super-stay-vinyl-matte-ink.html#/696-couleur-45_capricious" class="text-decoration-none text-reset">
<ul class="product-flags js-product-flags">
</ul>
<picture>
<img
class="product-miniature__image card-img-top"
srcset=" https://www.yousarssif.com/3891-default_xs/lipgloss-super-stay-vinyl-matte-ink.jpg 120w, https://www.yousarssif.com/3891-default_m/lipgloss-super-stay-vinyl-matte-ink.jpg 200w, https://www.yousarssif.com/3891-default_md/lipgloss-super-stay-vinyl-matte-ink.jpg 320w, https://www.yousarssif.com/3891-product_main/lipgloss-super-stay-vinyl-matte-ink.jpg 720w"
sizes="(min-width: 1300px) 320px, (min-width: 768px) 120px, 50vw"
src="https://www.yousarssif.com/3891-default_md/lipgloss-super-stay-vinyl-matte-ink.jpg"
width="320"
height="320"
loading="lazy"
alt="Lipgloss Super Stay Vinyl Matte Ink - Maybelline | Yousarssif Tunisie"
title="Lipgloss Super Stay Vinyl Matte Ink - Maybelline | Yousarssif Tunisie"
data-full-size-image-url="https://www.yousarssif.com/3891-home_default/lipgloss-super-stay-vinyl-matte-ink.jpg"
>
</picture>
</a>
<button class="product-miniature__quickview_button btn btn-primary js-quickview btn-with-icon" data-link-action="quickview">
<i class="material-icons" aria-hidden="true"></i>
Aperçu rapide
</button>
<div class="card-body">
<p class="card-text brand-name">
MAYBELLINE
</p>
<p class="card-text category-name">Lip gloss</p>
<h5 class="product-miniature__infos__top card-title">
<a href="https://www.yousarssif.com/1727lip-gloss/569-lipgloss-super-stay-vinyl-matte-ink.html#/696-couleur-45_capricious"><p class="product-miniature__title">Lipgloss Super Stay Vinyl Matte Ink</p></a>
</h5>
<!-- price block -->
<p class="card-text">
<span class="product-miniature__price" aria-label="Prix">
78,500 TND
</span>
<div class="product-miniature__discount-price">
</div>
</p>
<!--eof price block -->
</div>
</div>
</div> </div>
<div class="swiper-pagination"></div>
<div class="custom-next">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path d="M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM241 377c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l87-87-87-87c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L345 239c9.4 9.4 9.4 24.6 0 33.9L241 377z"/></svg>
</div>
<div class="custom-prev">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path d="M512 256A256 256 0 1 0 0 256a256 256 0 1 0 512 0zM271 135c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-87 87 87 87c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0L167 273c-9.4-9.4-9.4-24.6 0-33.9L271 135z"/></svg>
</div>
</div>
</div>
</div>
</section>
<script>
var swiper = new Swiper(".new-swiper", {
slidesPerView: 1,
spaceBetween: 10,
pagination: {
el: ".swiper-pagination",
clickable: true,
},
navigation: {
nextEl: ".custom-next",
prevEl: ".custom-prev",
},
breakpoints: {
640: {
slidesPerView: 2,
spaceBetween: 20,
},
768: {
slidesPerView: 4,
spaceBetween: 40,
},
1024: {
slidesPerView: 4,
spaceBetween: 40,
},
},
});
var tendanceSwiper = new Swiper(".tendance-swiper", {
slidesPerView: 1,
spaceBetween: 10,
pagination: {
el: ".swiper-pagination",
clickable: true,
},
navigation: {
nextEl: ".custom-next",
prevEl: ".custom-prev",
},
breakpoints: {
640: { slidesPerView: 2, spaceBetween: 20 },
768: { slidesPerView: 4, spaceBetween: 40 },
1024: { slidesPerView: 4, spaceBetween: 40 },
},
});
document.querySelectorAll('.tab-btn').forEach((btn) => {
btn.addEventListener('click', function () {
const tab = this.dataset.tab;
document.querySelectorAll('.tab-btn').forEach((b) => b.classList.remove('active'));
document.querySelectorAll('.tab-pane').forEach((pane) => pane.classList.remove('active'));
this.classList.add('active');
document.getElementById(tab).classList.add('active');
});
});
</script><div id="custom-text" style="padding-top:0!important;">
<div class="container">
<div class="custom-text__content rich-text">
<table style="width:100%;border-collapse:separate;border-spacing:0 20px;">
<tbody>
<tr>
<td style="width:100%;padding:0;text-align:center;"><a href="https://www.yousarssif.com/279-beauty-reset-"> <img src="https://www.yousarssif.com/img/cms/beauty%20reset.jpg" style="height:auto;" alt="Beauty Reset" /> </a></td>
</tr>
<tr>
<td style="width:100%;padding:0;text-align:center;"><a href="https://www.yousarssif.com/brand/100-women-s-secret"> <img src="https://www.yousarssif.com/img/cms/ws.jpg" style="height:auto;" alt="Women's Secret" /> </a></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<section class="best-products container mt-5">
<div class="d-md-flex justify-content-between align-items-md-center pt-4 pb-5">
<h2 class="mb-0">TOP Picks</h2>
<a href="https://www.yousarssif.com/meilleures-ventes" class="view-all">Toutes les meilleures ventes</a>
</div>
<div class="swiper y-swiper best-swiper">
<div class="swiper-wrapper">
<style>
.js-quickview {
position: absolute;
z-index: 9999;
bottom: -50px;
left: 0;
right: 0;
opacity: 0;
transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.product-card {
position: relative;
overflow: hidden;
}
.product-card:hover .js-quickview {
bottom: 0;
opacity: 1;
}
.product-card .card-body {
transition: transform 0.3s ease-in-out;
}
.product-card:hover .card-body {
transform: translateY(-10px);
}
.product-miniature .card {
height: auto;
}
.badge.on-sale {
background-color: #f8d7da;
color: #721c24;
}
.badge.new {
background-color: #d1ecf1;
color: #0c5460;
}
.badge.discount {
background-color: #fefefe;
color: #721c24;
border-color:#721c24;
}
</style>
<div class="swiper-slide product-miniature js-product-miniature"
data-id-product="11891"
data-id-product-attribute="0"
>
<div class="card product-card border-0 text-center"
data-id-product="11891"
data-id-product-attribute="0">
<a href="https://www.yousarssif.com/soin/11891-oud-body-scrub.html" class="text-decoration-none text-reset">
<ul class="product-flags js-product-flags">
</ul>
<picture>
<img
class="product-miniature__image card-img-top"
srcset=" https://www.yousarssif.com/21245-default_xs/oud-body-scrub.jpg 120w, https://www.yousarssif.com/21245-default_m/oud-body-scrub.jpg 200w, https://www.yousarssif.com/21245-default_md/oud-body-scrub.jpg 320w, https://www.yousarssif.com/21245-product_main/oud-body-scrub.jpg 720w"
sizes="(min-width: 1300px) 320px, (min-width: 768px) 120px, 50vw"
src="https://www.yousarssif.com/21245-default_md/oud-body-scrub.jpg"
width="320"
height="320"
loading="lazy"
alt="HAMIDI Luxury Oud Body Scrub"
title="HAMIDI Luxury Oud Body Scrub"
data-full-size-image-url="https://www.yousarssif.com/21245-home_default/oud-body-scrub.jpg"
>
</picture>
</a>
<button class="product-miniature__quickview_button btn btn-primary js-quickview btn-with-icon" data-link-action="quickview">
<i class="material-icons" aria-hidden="true"></i>
Aperçu rapide
</button>
<div class="card-body">
<p class="card-text brand-name">
HAMIDI Luxury
</p>
<p class="card-text category-name">Soin</p>
<h5 class="product-miniature__infos__top card-title">
<a href="https://www.yousarssif.com/soin/11891-oud-body-scrub.html"><p class="product-miniature__title">Oud Body Scrub</p></a>
</h5>
<!-- price block -->
<p class="card-text">
<span class="product-miniature__price" aria-label="Prix">
19,900 TND
</span>
<div class="product-miniature__discount-price">
</div>
</p>
<!--eof price block -->
</div>
</div>
</div> <style>
.js-quickview {
position: absolute;
z-index: 9999;
bottom: -50px;
left: 0;
right: 0;
opacity: 0;
transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.product-card {
position: relative;
overflow: hidden;
}
.product-card:hover .js-quickview {
bottom: 0;
opacity: 1;
}
.product-card .card-body {
transition: transform 0.3s ease-in-out;
}
.product-card:hover .card-body {
transform: translateY(-10px);
}
.product-miniature .card {
height: auto;
}
.badge.on-sale {
background-color: #f8d7da;
color: #721c24;
}
.badge.new {
background-color: #d1ecf1;
color: #0c5460;
}
.badge.discount {
background-color: #fefefe;
color: #721c24;
border-color:#721c24;
}
</style>
<div class="swiper-slide product-miniature js-product-miniature"
data-id-product="11590"
data-id-product-attribute="10544"
>
<div class="card product-card border-0 text-center"
data-id-product="11590"
data-id-product-attribute="10544">
<a href="https://www.yousarssif.com/10544maquillage/11590-lipgloss-cloud-creme.html#/3547-couleur-01_rose_bonbon" class="text-decoration-none text-reset">
<ul class="product-flags js-product-flags">
</ul>
<picture>
<img
class="product-miniature__image card-img-top"
srcset=" https://www.yousarssif.com/20086-default_xs/lipgloss-cloud-creme.jpg 120w, https://www.yousarssif.com/20086-default_m/lipgloss-cloud-creme.jpg 200w, https://www.yousarssif.com/20086-default_md/lipgloss-cloud-creme.jpg 320w, https://www.yousarssif.com/20086-product_main/lipgloss-cloud-creme.jpg 720w"
sizes="(min-width: 1300px) 320px, (min-width: 768px) 120px, 50vw"
src="https://www.yousarssif.com/20086-default_md/lipgloss-cloud-creme.jpg"
width="320"
height="320"
loading="lazy"
alt="BOURJOIS Lipgloss Cloud Crème 01"
title="BOURJOIS Lipgloss Cloud Crème 01"
data-full-size-image-url="https://www.yousarssif.com/20086-home_default/lipgloss-cloud-creme.jpg"
>
</picture>
</a>
<button class="product-miniature__quickview_button btn btn-primary js-quickview btn-with-icon" data-link-action="quickview">
<i class="material-icons" aria-hidden="true"></i>
Aperçu rapide
</button>
<div class="card-body">
<p class="card-text brand-name">
BOURJOIS
</p>
<p class="card-text category-name">Maquillage</p>
<h5 class="product-miniature__infos__top card-title">
<a href="https://www.yousarssif.com/10544maquillage/11590-lipgloss-cloud-creme.html#/3547-couleur-01_rose_bonbon"><p class="product-miniature__title">Lipgloss Cloud Crème</p></a>
</h5>
<!-- price block -->
<p class="card-text">
<span class="product-miniature__price" aria-label="Prix">
47,300 TND
</span>
<div class="product-miniature__discount-price">
</div>
</p>
<!--eof price block -->
</div>
</div>
</div> <style>
.js-quickview {
position: absolute;
z-index: 9999;
bottom: -50px;
left: 0;
right: 0;
opacity: 0;
transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.product-card {
position: relative;
overflow: hidden;
}
.product-card:hover .js-quickview {
bottom: 0;
opacity: 1;
}
.product-card .card-body {
transition: transform 0.3s ease-in-out;
}
.product-card:hover .card-body {
transform: translateY(-10px);
}
.product-miniature .card {
height: auto;
}
.badge.on-sale {
background-color: #f8d7da;
color: #721c24;
}
.badge.new {
background-color: #d1ecf1;
color: #0c5460;
}
.badge.discount {
background-color: #fefefe;
color: #721c24;
border-color:#721c24;
}
</style>
<div class="swiper-slide product-miniature js-product-miniature"
data-id-product="11558"
data-id-product-attribute="10496"
>
<div class="card product-card border-0 text-center"
data-id-product="11558"
data-id-product-attribute="10496">
<a href="https://www.yousarssif.com/10496maquillage/11558-wonder-me-shake-blush.html#/3503-couleur-01_cosmopolitan_kiss" class="text-decoration-none text-reset">
<ul class="product-flags js-product-flags">
<li class="badge on-sale">Promo !</li>
</ul>
<picture>
<img
class="product-miniature__image card-img-top"
srcset=" https://www.yousarssif.com/19971-default_xs/wonder-me-shake-blush.jpg 120w, https://www.yousarssif.com/19971-default_m/wonder-me-shake-blush.jpg 200w, https://www.yousarssif.com/19971-default_md/wonder-me-shake-blush.jpg 320w, https://www.yousarssif.com/19971-product_main/wonder-me-shake-blush.jpg 720w"
sizes="(min-width: 1300px) 320px, (min-width: 768px) 120px, 50vw"
src="https://www.yousarssif.com/19971-default_md/wonder-me-shake-blush.jpg"
width="320"
height="320"
loading="lazy"
alt="PUPA Wonder Me Shake Blush 01"
title="PUPA Wonder Me Shake Blush 01"
data-full-size-image-url="https://www.yousarssif.com/19971-home_default/wonder-me-shake-blush.jpg"
>
</picture>
</a>
<button class="product-miniature__quickview_button btn btn-primary js-quickview btn-with-icon" data-link-action="quickview">
<i class="material-icons" aria-hidden="true"></i>
Aperçu rapide
</button>
<div class="card-body">
<p class="card-text brand-name">
Pupa
</p>
<p class="card-text category-name">Maquillage</p>
<h5 class="product-miniature__infos__top card-title">
<a href="https://www.yousarssif.com/10496maquillage/11558-wonder-me-shake-blush.html#/3503-couleur-01_cosmopolitan_kiss"><p class="product-miniature__title">Wonder Me Shake Blush</p></a>
</h5>
<!-- price block -->
<p class="card-text">
<span class="product-miniature__price" aria-label="Prix">
61,900 TND
</span>
<div class="product-miniature__discount-price">
</div>
</p>
<!--eof price block -->
</div>
</div>
</div> <style>
.js-quickview {
position: absolute;
z-index: 9999;
bottom: -50px;
left: 0;
right: 0;
opacity: 0;
transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.product-card {
position: relative;
overflow: hidden;
}
.product-card:hover .js-quickview {
bottom: 0;
opacity: 1;
}
.product-card .card-body {
transition: transform 0.3s ease-in-out;
}
.product-card:hover .card-body {
transform: translateY(-10px);
}
.product-miniature .card {
height: auto;
}
.badge.on-sale {
background-color: #f8d7da;
color: #721c24;
}
.badge.new {
background-color: #d1ecf1;
color: #0c5460;
}
.badge.discount {
background-color: #fefefe;
color: #721c24;
border-color:#721c24;
}
</style>
<div class="swiper-slide product-miniature js-product-miniature"
data-id-product="11554"
data-id-product-attribute="0"
>
<div class="card product-card border-0 text-center"
data-id-product="11554"
data-id-product-attribute="0">
<a href="https://www.yousarssif.com/maquillage/11554-mattifying-fixing-spray-120ml.html" class="text-decoration-none text-reset">
<ul class="product-flags js-product-flags">
</ul>
<picture>
<img
class="product-miniature__image card-img-top"
srcset=" https://www.yousarssif.com/19960-default_xs/mattifying-fixing-spray-120ml.jpg 120w, https://www.yousarssif.com/19960-default_m/mattifying-fixing-spray-120ml.jpg 200w, https://www.yousarssif.com/19960-default_md/mattifying-fixing-spray-120ml.jpg 320w, https://www.yousarssif.com/19960-product_main/mattifying-fixing-spray-120ml.jpg 720w"
sizes="(min-width: 1300px) 320px, (min-width: 768px) 120px, 50vw"
src="https://www.yousarssif.com/19960-default_md/mattifying-fixing-spray-120ml.jpg"
width="320"
height="320"
loading="lazy"
alt="GOLDEN ROSE Mattifying Fixing Spray 120ML"
title="GOLDEN ROSE Mattifying Fixing Spray 120ML"
data-full-size-image-url="https://www.yousarssif.com/19960-home_default/mattifying-fixing-spray-120ml.jpg"
>
</picture>
</a>
<button class="product-miniature__quickview_button btn btn-primary js-quickview btn-with-icon" data-link-action="quickview">
<i class="material-icons" aria-hidden="true"></i>
Aperçu rapide
</button>
<div class="card-body">
<p class="card-text brand-name">
GOLDEN ROSE
</p>
<p class="card-text category-name">Maquillage</p>
<h5 class="product-miniature__infos__top card-title">
<a href="https://www.yousarssif.com/maquillage/11554-mattifying-fixing-spray-120ml.html"><p class="product-miniature__title">Mattifying Fixing Spray 120ML</p></a>
</h5>
<!-- price block -->
<p class="card-text">
<span class="product-miniature__price" aria-label="Prix">
30,000 TND
</span>
<div class="product-miniature__discount-price">
</div>
</p>
<!--eof price block -->
</div>
</div>
</div> <style>
.js-quickview {
position: absolute;
z-index: 9999;
bottom: -50px;
left: 0;
right: 0;
opacity: 0;
transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.product-card {
position: relative;
overflow: hidden;
}
.product-card:hover .js-quickview {
bottom: 0;
opacity: 1;
}
.product-card .card-body {
transition: transform 0.3s ease-in-out;
}
.product-card:hover .card-body {
transform: translateY(-10px);
}
.product-miniature .card {
height: auto;
}
.badge.on-sale {
background-color: #f8d7da;
color: #721c24;
}
.badge.new {
background-color: #d1ecf1;
color: #0c5460;
}
.badge.discount {
background-color: #fefefe;
color: #721c24;
border-color:#721c24;
}
</style>
<div class="swiper-slide product-miniature js-product-miniature"
data-id-product="11550"
data-id-product-attribute="10461"
>
<div class="card product-card border-0 text-center"
data-id-product="11550"
data-id-product-attribute="10461">
<a href="https://www.yousarssif.com/10461maquillage/11550-mood-gleamy-lip-glaze.html#/2892-choisissez_votre_reference-201" class="text-decoration-none text-reset">
<ul class="product-flags js-product-flags">
</ul>
<picture>
<img
class="product-miniature__image card-img-top"
srcset=" https://www.yousarssif.com/19933-default_xs/mood-gleamy-lip-glaze.jpg 120w, https://www.yousarssif.com/19933-default_m/mood-gleamy-lip-glaze.jpg 200w, https://www.yousarssif.com/19933-default_md/mood-gleamy-lip-glaze.jpg 320w, https://www.yousarssif.com/19933-product_main/mood-gleamy-lip-glaze.jpg 720w"
sizes="(min-width: 1300px) 320px, (min-width: 768px) 120px, 50vw"
src="https://www.yousarssif.com/19933-default_md/mood-gleamy-lip-glaze.jpg"
width="320"
height="320"
loading="lazy"
alt="GOLDEN ROSE Mood Gleamy Lip Glaze"
title="GOLDEN ROSE Mood Gleamy Lip Glaze"
data-full-size-image-url="https://www.yousarssif.com/19933-home_default/mood-gleamy-lip-glaze.jpg"
>
</picture>
</a>
<button class="product-miniature__quickview_button btn btn-primary js-quickview btn-with-icon" data-link-action="quickview">
<i class="material-icons" aria-hidden="true"></i>
Aperçu rapide
</button>
<div class="card-body">
<p class="card-text brand-name">
GOLDEN ROSE
</p>
<p class="card-text category-name">Maquillage</p>
<h5 class="product-miniature__infos__top card-title">
<a href="https://www.yousarssif.com/10461maquillage/11550-mood-gleamy-lip-glaze.html#/2892-choisissez_votre_reference-201"><p class="product-miniature__title">Mood Gleamy Lip Glaze</p></a>
</h5>
<!-- price block -->
<p class="card-text">
<span class="product-miniature__price" aria-label="Prix">
24,900 TND
</span>
<div class="product-miniature__discount-price">
</div>
</p>
<!--eof price block -->
</div>
</div>
</div> <style>
.js-quickview {
position: absolute;
z-index: 9999;
bottom: -50px;
left: 0;
right: 0;
opacity: 0;
transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.product-card {
position: relative;
overflow: hidden;
}
.product-card:hover .js-quickview {
bottom: 0;
opacity: 1;
}
.product-card .card-body {
transition: transform 0.3s ease-in-out;
}
.product-card:hover .card-body {
transform: translateY(-10px);
}
.product-miniature .card {
height: auto;
}
.badge.on-sale {
background-color: #f8d7da;
color: #721c24;
}
.badge.new {
background-color: #d1ecf1;
color: #0c5460;
}
.badge.discount {
background-color: #fefefe;
color: #721c24;
border-color:#721c24;
}
</style>
<div class="swiper-slide product-miniature js-product-miniature"
data-id-product="11474"
data-id-product-attribute="0"
>
<div class="card product-card border-0 text-center"
data-id-product="11474"
data-id-product-attribute="0">
<a href="https://www.yousarssif.com/fer-a-boucler-tunisie/11474-beurer-fer-a-boucler-automatique-32-mm2a.html" class="text-decoration-none text-reset">
<ul class="product-flags js-product-flags">
<li class="badge on-sale">Promo !</li>
</ul>
<picture>
<img
class="product-miniature__image card-img-top"
srcset=" https://www.yousarssif.com/19523-default_xs/beurer-fer-a-boucler-automatique-32-mm2a.jpg 120w, https://www.yousarssif.com/19523-default_m/beurer-fer-a-boucler-automatique-32-mm2a.jpg 200w, https://www.yousarssif.com/19523-default_md/beurer-fer-a-boucler-automatique-32-mm2a.jpg 320w, https://www.yousarssif.com/19523-product_main/beurer-fer-a-boucler-automatique-32-mm2a.jpg 720w"
sizes="(min-width: 1300px) 320px, (min-width: 768px) 120px, 50vw"
src="https://www.yousarssif.com/19523-default_md/beurer-fer-a-boucler-automatique-32-mm2a.jpg"
width="320"
height="320"
loading="lazy"
alt="BEURER FER A BOUCLER AUTOMATIQUE 32 MM((2A))"
title="BEURER FER A BOUCLER AUTOMATIQUE 32 MM((2A))"
data-full-size-image-url="https://www.yousarssif.com/19523-home_default/beurer-fer-a-boucler-automatique-32-mm2a.jpg"
>
</picture>
</a>
<button class="product-miniature__quickview_button btn btn-primary js-quickview btn-with-icon" data-link-action="quickview">
<i class="material-icons" aria-hidden="true"></i>
Aperçu rapide
</button>
<div class="card-body">
<p class="card-text brand-name">
BURBERRY
</p>
<p class="card-text category-name">Fer à Boucler</p>
<h5 class="product-miniature__infos__top card-title">
<a href="https://www.yousarssif.com/fer-a-boucler-tunisie/11474-beurer-fer-a-boucler-automatique-32-mm2a.html"><p class="product-miniature__title">FER à boucler AUTOMATIQUE 32</p></a>
</h5>
<!-- price block -->
<p class="card-text">
<span class="product-miniature__price" aria-label="Prix">
311,900 TND
</span>
<div class="product-miniature__discount-price">
</div>
</p>
<!--eof price block -->
</div>
</div>
</div> <style>
.js-quickview {
position: absolute;
z-index: 9999;
bottom: -50px;
left: 0;
right: 0;
opacity: 0;
transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.product-card {
position: relative;
overflow: hidden;
}
.product-card:hover .js-quickview {
bottom: 0;
opacity: 1;
}
.product-card .card-body {
transition: transform 0.3s ease-in-out;
}
.product-card:hover .card-body {
transform: translateY(-10px);
}
.product-miniature .card {
height: auto;
}
.badge.on-sale {
background-color: #f8d7da;
color: #721c24;
}
.badge.new {
background-color: #d1ecf1;
color: #0c5460;
}
.badge.discount {
background-color: #fefefe;
color: #721c24;
border-color:#721c24;
}
</style>
<div class="swiper-slide product-miniature js-product-miniature"
data-id-product="11380"
data-id-product-attribute="0"
>
<div class="card product-card border-0 text-center"
data-id-product="11380"
data-id-product-attribute="0">
<a href="https://www.yousarssif.com/parfum-/11380-up-body-mist-coco-island-.html" class="text-decoration-none text-reset">
<ul class="product-flags js-product-flags">
</ul>
<picture>
<img
class="product-miniature__image card-img-top"
srcset=" https://www.yousarssif.com/19371-default_xs/up-body-mist-coco-island-.jpg 120w, https://www.yousarssif.com/19371-default_m/up-body-mist-coco-island-.jpg 200w, https://www.yousarssif.com/19371-default_md/up-body-mist-coco-island-.jpg 320w, https://www.yousarssif.com/19371-product_main/up-body-mist-coco-island-.jpg 720w"
sizes="(min-width: 1300px) 320px, (min-width: 768px) 120px, 50vw"
src="https://www.yousarssif.com/19371-default_md/up-body-mist-coco-island-.jpg"
width="320"
height="320"
loading="lazy"
alt="UP Body Mist Coco Island 250ml | Brume Parfumée Coco Tropicale"
title="UP Body Mist Coco Island 250ml | Brume Parfumée Coco Tropicale"
data-full-size-image-url="https://www.yousarssif.com/19371-home_default/up-body-mist-coco-island-.jpg"
>
</picture>
</a>
<button class="product-miniature__quickview_button btn btn-primary js-quickview btn-with-icon" data-link-action="quickview">
<i class="material-icons" aria-hidden="true"></i>
Aperçu rapide
</button>
<div class="card-body">
<p class="card-text brand-name">
ENNOUR
</p>
<p class="card-text category-name">Parfum</p>
<h5 class="product-miniature__infos__top card-title">
<a href="https://www.yousarssif.com/parfum-/11380-up-body-mist-coco-island-.html"><p class="product-miniature__title">UP Body Mist COCO ISLAND</p></a>
</h5>
<!-- price block -->
<p class="card-text">
<span class="product-miniature__price" aria-label="Prix">
15,500 TND
</span>
<div class="product-miniature__discount-price">
</div>
</p>
<!--eof price block -->
</div>
</div>
</div> <style>
.js-quickview {
position: absolute;
z-index: 9999;
bottom: -50px;
left: 0;
right: 0;
opacity: 0;
transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.product-card {
position: relative;
overflow: hidden;
}
.product-card:hover .js-quickview {
bottom: 0;
opacity: 1;
}
.product-card .card-body {
transition: transform 0.3s ease-in-out;
}
.product-card:hover .card-body {
transform: translateY(-10px);
}
.product-miniature .card {
height: auto;
}
.badge.on-sale {
background-color: #f8d7da;
color: #721c24;
}
.badge.new {
background-color: #d1ecf1;
color: #0c5460;
}
.badge.discount {
background-color: #fefefe;
color: #721c24;
border-color:#721c24;
}
</style>
<div class="swiper-slide product-miniature js-product-miniature"
data-id-product="11032"
data-id-product-attribute="9382"
>
<div class="card product-card border-0 text-center"
data-id-product="11032"
data-id-product-attribute="9382">
<a href="https://www.yousarssif.com/9382maquillage/11032-lip-oil-.html#/2780-choisissez_votre_reference-10" class="text-decoration-none text-reset">
<ul class="product-flags js-product-flags">
</ul>
<picture>
<img
class="product-miniature__image card-img-top"
srcset=" https://www.yousarssif.com/17429-default_xs/lip-oil-.jpg 120w, https://www.yousarssif.com/17429-default_m/lip-oil-.jpg 200w, https://www.yousarssif.com/17429-default_md/lip-oil-.jpg 320w, https://www.yousarssif.com/17429-product_main/lip-oil-.jpg 720w"
sizes="(min-width: 1300px) 320px, (min-width: 768px) 120px, 50vw"
src="https://www.yousarssif.com/17429-default_md/lip-oil-.jpg"
width="320"
height="320"
loading="lazy"
alt="Lip oil 40"
title="Lip oil 40"
data-full-size-image-url="https://www.yousarssif.com/17429-home_default/lip-oil-.jpg"
>
</picture>
</a>
<button class="product-miniature__quickview_button btn btn-primary js-quickview btn-with-icon" data-link-action="quickview">
<i class="material-icons" aria-hidden="true"></i>
Aperçu rapide
</button>
<div class="card-body">
<p class="card-text brand-name">
NOTE
</p>
<p class="card-text category-name">Maquillage</p>
<h5 class="product-miniature__infos__top card-title">
<a href="https://www.yousarssif.com/9382maquillage/11032-lip-oil-.html#/2780-choisissez_votre_reference-10"><p class="product-miniature__title">Lip oil</p></a>
</h5>
<!-- price block -->
<p class="card-text">
<span class="product-miniature__price" aria-label="Prix">
26,500 TND
</span>
<div class="product-miniature__discount-price">
</div>
</p>
<!--eof price block -->
</div>
</div>
</div> <style>
.js-quickview {
position: absolute;
z-index: 9999;
bottom: -50px;
left: 0;
right: 0;
opacity: 0;
transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.product-card {
position: relative;
overflow: hidden;
}
.product-card:hover .js-quickview {
bottom: 0;
opacity: 1;
}
.product-card .card-body {
transition: transform 0.3s ease-in-out;
}
.product-card:hover .card-body {
transform: translateY(-10px);
}
.product-miniature .card {
height: auto;
}
.badge.on-sale {
background-color: #f8d7da;
color: #721c24;
}
.badge.new {
background-color: #d1ecf1;
color: #0c5460;
}
.badge.discount {
background-color: #fefefe;
color: #721c24;
border-color:#721c24;
}
</style>
<div class="swiper-slide product-miniature js-product-miniature"
data-id-product="10337"
data-id-product-attribute="8708"
>
<div class="card product-card border-0 text-center"
data-id-product="10337"
data-id-product-attribute="8708">
<a href="https://www.yousarssif.com/8708maquillage/10337-eyebrow-gel-addict-tint-and-shaping-.html#/3072-couleur-03_dark_brown_" class="text-decoration-none text-reset">
<ul class="product-flags js-product-flags">
</ul>
<picture>
<img
class="product-miniature__image card-img-top"
srcset=" https://www.yousarssif.com/14723-default_xs/eyebrow-gel-addict-tint-and-shaping-.jpg 120w, https://www.yousarssif.com/14723-default_m/eyebrow-gel-addict-tint-and-shaping-.jpg 200w, https://www.yousarssif.com/14723-default_md/eyebrow-gel-addict-tint-and-shaping-.jpg 320w, https://www.yousarssif.com/14723-product_main/eyebrow-gel-addict-tint-and-shaping-.jpg 720w"
sizes="(min-width: 1300px) 320px, (min-width: 768px) 120px, 50vw"
src="https://www.yousarssif.com/14723-default_md/eyebrow-gel-addict-tint-and-shaping-.jpg"
width="320"
height="320"
loading="lazy"
alt="NOTE EYEBROW GEL ADDICT TINT AND SHAPING 01"
title="NOTE EYEBROW GEL ADDICT TINT AND SHAPING 01"
data-full-size-image-url="https://www.yousarssif.com/14723-home_default/eyebrow-gel-addict-tint-and-shaping-.jpg"
>
</picture>
</a>
<button class="product-miniature__quickview_button btn btn-primary js-quickview btn-with-icon" data-link-action="quickview">
<i class="material-icons" aria-hidden="true"></i>
Aperçu rapide
</button>
<div class="card-body">
<p class="card-text brand-name">
NOTE
</p>
<p class="card-text category-name">Maquillage</p>
<h5 class="product-miniature__infos__top card-title">
<a href="https://www.yousarssif.com/8708maquillage/10337-eyebrow-gel-addict-tint-and-shaping-.html#/3072-couleur-03_dark_brown_"><p class="product-miniature__title">Eyebrow Gel Addict Tint and Shaping</p></a>
</h5>
<!-- price block -->
<p class="card-text">
<span class="product-miniature__price" aria-label="Prix">
35,500 TND
</span>
<div class="product-miniature__discount-price">
</div>
</p>
<!--eof price block -->
</div>
</div>
</div> <style>
.js-quickview {
position: absolute;
z-index: 9999;
bottom: -50px;
left: 0;
right: 0;
opacity: 0;
transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.product-card {
position: relative;
overflow: hidden;
}
.product-card:hover .js-quickview {
bottom: 0;
opacity: 1;
}
.product-card .card-body {
transition: transform 0.3s ease-in-out;
}
.product-card:hover .card-body {
transform: translateY(-10px);
}
.product-miniature .card {
height: auto;
}
.badge.on-sale {
background-color: #f8d7da;
color: #721c24;
}
.badge.new {
background-color: #d1ecf1;
color: #0c5460;
}
.badge.discount {
background-color: #fefefe;
color: #721c24;
border-color:#721c24;
}
</style>
<div class="swiper-slide product-miniature js-product-miniature"
data-id-product="1753"
data-id-product-attribute="3611"
>
<div class="card product-card border-0 text-center"
data-id-product="1753"
data-id-product-attribute="3611">
<a href="https://www.yousarssif.com/3611fond-de-teint/1753-fond-de-teint-vitacolor-paint-tube.html#/2098-couleur-gg" class="text-decoration-none text-reset">
<ul class="product-flags js-product-flags">
</ul>
<picture>
<img
class="product-miniature__image card-img-top"
srcset=" https://www.yousarssif.com/10351-default_xs/fond-de-teint-vitacolor-paint-tube.jpg 120w, https://www.yousarssif.com/10351-default_m/fond-de-teint-vitacolor-paint-tube.jpg 200w, https://www.yousarssif.com/10351-default_md/fond-de-teint-vitacolor-paint-tube.jpg 320w, https://www.yousarssif.com/10351-product_main/fond-de-teint-vitacolor-paint-tube.jpg 720w"
sizes="(min-width: 1300px) 320px, (min-width: 768px) 120px, 50vw"
src="https://www.yousarssif.com/10351-default_md/fond-de-teint-vitacolor-paint-tube.jpg"
width="320"
height="320"
loading="lazy"
alt="KRYOLAN FDT LIQUID VITACOLOR PAINT TUBE OB1"
title="KRYOLAN FDT LIQUID VITACOLOR PAINT TUBE OB1"
data-full-size-image-url="https://www.yousarssif.com/10351-home_default/fond-de-teint-vitacolor-paint-tube.jpg"
>
</picture>
</a>
<button class="product-miniature__quickview_button btn btn-primary js-quickview btn-with-icon" data-link-action="quickview">
<i class="material-icons" aria-hidden="true"></i>
Aperçu rapide
</button>
<div class="card-body">
<p class="card-text brand-name">
KRYOLAN
</p>
<p class="card-text category-name">Fond de teint</p>
<h5 class="product-miniature__infos__top card-title">
<a href="https://www.yousarssif.com/3611fond-de-teint/1753-fond-de-teint-vitacolor-paint-tube.html#/2098-couleur-gg"><p class="product-miniature__title">Vitacolor paint Tube</p></a>
</h5>
<!-- price block -->
<p class="card-text">
<span class="product-miniature__price" aria-label="Prix">
66,500 TND
</span>
<div class="product-miniature__discount-price">
</div>
</p>
<!--eof price block -->
</div>
</div>
</div> <style>
.js-quickview {
position: absolute;
z-index: 9999;
bottom: -50px;
left: 0;
right: 0;
opacity: 0;
transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.product-card {
position: relative;
overflow: hidden;
}
.product-card:hover .js-quickview {
bottom: 0;
opacity: 1;
}
.product-card .card-body {
transition: transform 0.3s ease-in-out;
}
.product-card:hover .card-body {
transform: translateY(-10px);
}
.product-miniature .card {
height: auto;
}
.badge.on-sale {
background-color: #f8d7da;
color: #721c24;
}
.badge.new {
background-color: #d1ecf1;
color: #0c5460;
}
.badge.discount {
background-color: #fefefe;
color: #721c24;
border-color:#721c24;
}
</style>
<div class="swiper-slide product-miniature js-product-miniature"
data-id-product="1475"
data-id-product-attribute="3319"
>
<div class="card product-card border-0 text-center"
data-id-product="1475"
data-id-product-attribute="3319">
<a href="https://www.yousarssif.com/3319lip-gloss/1475-lipgloss-plumping-.html#/1873-couleur-10_rosy_sunshine" class="text-decoration-none text-reset">
<ul class="product-flags js-product-flags">
</ul>
<picture>
<img
class="product-miniature__image card-img-top"
srcset=" https://www.yousarssif.com/8954-default_xs/lipgloss-plumping-.jpg 120w, https://www.yousarssif.com/8954-default_m/lipgloss-plumping-.jpg 200w, https://www.yousarssif.com/8954-default_md/lipgloss-plumping-.jpg 320w, https://www.yousarssif.com/8954-product_main/lipgloss-plumping-.jpg 720w"
sizes="(min-width: 1300px) 320px, (min-width: 768px) 120px, 50vw"
src="https://www.yousarssif.com/8954-default_md/lipgloss-plumping-.jpg"
width="320"
height="320"
loading="lazy"
alt="ARTDECO LIPGLOSS PLUMPING- Acheter en ligne | Yousarssif Tunisie"
title="ARTDECO LIPGLOSS PLUMPING- Acheter en ligne | Yousarssif Tunisie"
data-full-size-image-url="https://www.yousarssif.com/8954-home_default/lipgloss-plumping-.jpg"
>
</picture>
</a>
<button class="product-miniature__quickview_button btn btn-primary js-quickview btn-with-icon" data-link-action="quickview">
<i class="material-icons" aria-hidden="true"></i>
Aperçu rapide
</button>
<div class="card-body">
<p class="card-text brand-name">
ARTDECO
</p>
<p class="card-text category-name">Lip gloss</p>
<h5 class="product-miniature__infos__top card-title">
<a href="https://www.yousarssif.com/3319lip-gloss/1475-lipgloss-plumping-.html#/1873-couleur-10_rosy_sunshine"><p class="product-miniature__title">PLUMPING</p></a>
</h5>
<!-- price block -->
<p class="card-text">
<span class="product-miniature__price" aria-label="Prix">
32,900 TND
</span>
<div class="product-miniature__discount-price">
</div>
</p>
<!--eof price block -->
</div>
</div>
</div> <style>
.js-quickview {
position: absolute;
z-index: 9999;
bottom: -50px;
left: 0;
right: 0;
opacity: 0;
transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.product-card {
position: relative;
overflow: hidden;
}
.product-card:hover .js-quickview {
bottom: 0;
opacity: 1;
}
.product-card .card-body {
transition: transform 0.3s ease-in-out;
}
.product-card:hover .card-body {
transform: translateY(-10px);
}
.product-miniature .card {
height: auto;
}
.badge.on-sale {
background-color: #f8d7da;
color: #721c24;
}
.badge.new {
background-color: #d1ecf1;
color: #0c5460;
}
.badge.discount {
background-color: #fefefe;
color: #721c24;
border-color:#721c24;
}
</style>
<div class="swiper-slide product-miniature js-product-miniature"
data-id-product="1308"
data-id-product-attribute="0"
>
<div class="card product-card border-0 text-center"
data-id-product="1308"
data-id-product-attribute="0">
<a href="https://www.yousarssif.com/faux-ongles/1308-faux-ongles-impress-mains-miracle-kim014c.html" class="text-decoration-none text-reset">
<ul class="product-flags js-product-flags">
</ul>
<picture>
<img
class="product-miniature__image card-img-top"
srcset=" https://www.yousarssif.com/7861-default_xs/faux-ongles-impress-mains-miracle-kim014c.jpg 120w, https://www.yousarssif.com/7861-default_m/faux-ongles-impress-mains-miracle-kim014c.jpg 200w, https://www.yousarssif.com/7861-default_md/faux-ongles-impress-mains-miracle-kim014c.jpg 320w, https://www.yousarssif.com/7861-product_main/faux-ongles-impress-mains-miracle-kim014c.jpg 720w"
sizes="(min-width: 1300px) 320px, (min-width: 768px) 120px, 50vw"
src="https://www.yousarssif.com/7861-default_md/faux-ongles-impress-mains-miracle-kim014c.jpg"
width="320"
height="320"
loading="lazy"
alt="imPRESS Faux Ongles Mains Miracle KIM014C – Faux Ongles Adhésifs"
title="imPRESS Faux Ongles Mains Miracle KIM014C – Faux Ongles Adhésifs"
data-full-size-image-url="https://www.yousarssif.com/7861-home_default/faux-ongles-impress-mains-miracle-kim014c.jpg"
>
</picture>
</a>
<button class="product-miniature__quickview_button btn btn-primary js-quickview btn-with-icon" data-link-action="quickview">
<i class="material-icons" aria-hidden="true"></i>
Aperçu rapide
</button>
<div class="card-body">
<p class="card-text brand-name">
KISS
</p>
<p class="card-text category-name">Faux ongles</p>
<h5 class="product-miniature__infos__top card-title">
<a href="https://www.yousarssif.com/faux-ongles/1308-faux-ongles-impress-mains-miracle-kim014c.html"><p class="product-miniature__title">FAUX ONGLES IMPRESS MAINS MIRACLE (KIM014C)</p></a>
</h5>
<!-- price block -->
<p class="card-text">
<span class="product-miniature__price" aria-label="Prix">
33,900 TND
</span>
<div class="product-miniature__discount-price">
</div>
</p>
<!--eof price block -->
</div>
</div>
</div> <style>
.js-quickview {
position: absolute;
z-index: 9999;
bottom: -50px;
left: 0;
right: 0;
opacity: 0;
transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.product-card {
position: relative;
overflow: hidden;
}
.product-card:hover .js-quickview {
bottom: 0;
opacity: 1;
}
.product-card .card-body {
transition: transform 0.3s ease-in-out;
}
.product-card:hover .card-body {
transform: translateY(-10px);
}
.product-miniature .card {
height: auto;
}
.badge.on-sale {
background-color: #f8d7da;
color: #721c24;
}
.badge.new {
background-color: #d1ecf1;
color: #0c5460;
}
.badge.discount {
background-color: #fefefe;
color: #721c24;
border-color:#721c24;
}
</style>
<div class="swiper-slide product-miniature js-product-miniature"
data-id-product="1073"
data-id-product-attribute="0"
>
<div class="card product-card border-0 text-center"
data-id-product="1073"
data-id-product-attribute="0">
<a href="https://www.yousarssif.com/protection-cheveux/1073-sun-sea-pre-swim-hair-protection.html" class="text-decoration-none text-reset">
<ul class="product-flags js-product-flags">
</ul>
<picture>
<img
class="product-miniature__image card-img-top"
srcset=" https://www.yousarssif.com/8307-default_xs/sun-sea-pre-swim-hair-protection.jpg 120w, https://www.yousarssif.com/8307-default_m/sun-sea-pre-swim-hair-protection.jpg 200w, https://www.yousarssif.com/8307-default_md/sun-sea-pre-swim-hair-protection.jpg 320w, https://www.yousarssif.com/8307-product_main/sun-sea-pre-swim-hair-protection.jpg 720w"
sizes="(min-width: 1300px) 320px, (min-width: 768px) 120px, 50vw"
src="https://www.yousarssif.com/8307-default_md/sun-sea-pre-swim-hair-protection.jpg"
width="320"
height="320"
loading="lazy"
alt="KREINE Sun & Sea Pre Swim Hair Protection – Soin Protecteur Cheveux Avant Baignade."
title="KREINE Sun & Sea Pre Swim Hair Protection – Soin Protecteur Cheveux Avant Baignade."
data-full-size-image-url="https://www.yousarssif.com/8307-home_default/sun-sea-pre-swim-hair-protection.jpg"
>
</picture>
</a>
<button class="product-miniature__quickview_button btn btn-primary js-quickview btn-with-icon" data-link-action="quickview">
<i class="material-icons" aria-hidden="true"></i>
Aperçu rapide
</button>
<div class="card-body">
<p class="card-text brand-name">
K-REINE
</p>
<p class="card-text category-name">Ecran Cheveux</p>
<h5 class="product-miniature__infos__top card-title">
<a href="https://www.yousarssif.com/protection-cheveux/1073-sun-sea-pre-swim-hair-protection.html"><p class="product-miniature__title">Sun & Sea Pre swim Hair protection</p></a>
</h5>
<!-- price block -->
<p class="card-text">
<span class="product-miniature__price" aria-label="Prix">
32,500 TND
</span>
<div class="product-miniature__discount-price">
</div>
</p>
<!--eof price block -->
</div>
</div>
</div> <style>
.js-quickview {
position: absolute;
z-index: 9999;
bottom: -50px;
left: 0;
right: 0;
opacity: 0;
transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.product-card {
position: relative;
overflow: hidden;
}
.product-card:hover .js-quickview {
bottom: 0;
opacity: 1;
}
.product-card .card-body {
transition: transform 0.3s ease-in-out;
}
.product-card:hover .card-body {
transform: translateY(-10px);
}
.product-miniature .card {
height: auto;
}
.badge.on-sale {
background-color: #f8d7da;
color: #721c24;
}
.badge.new {
background-color: #d1ecf1;
color: #0c5460;
}
.badge.discount {
background-color: #fefefe;
color: #721c24;
border-color:#721c24;
}
</style>
<div class="swiper-slide product-miniature js-product-miniature"
data-id-product="713"
data-id-product-attribute="1784"
>
<div class="card product-card border-0 text-center"
data-id-product="713"
data-id-product-attribute="1784">
<a href="https://www.yousarssif.com/1784rouge-a-levres/713-gosh-rouge-a-levres-luxury-rose-.html#/958-couleur-005_seduce" class="text-decoration-none text-reset">
<ul class="product-flags js-product-flags">
</ul>
<picture>
<img
class="product-miniature__image card-img-top"
srcset=" https://www.yousarssif.com/4526-default_xs/gosh-rouge-a-levres-luxury-rose-.jpg 120w, https://www.yousarssif.com/4526-default_m/gosh-rouge-a-levres-luxury-rose-.jpg 200w, https://www.yousarssif.com/4526-default_md/gosh-rouge-a-levres-luxury-rose-.jpg 320w, https://www.yousarssif.com/4526-product_main/gosh-rouge-a-levres-luxury-rose-.jpg 720w"
sizes="(min-width: 1300px) 320px, (min-width: 768px) 120px, 50vw"
src="https://www.yousarssif.com/4526-default_md/gosh-rouge-a-levres-luxury-rose-.jpg"
width="320"
height="320"
loading="lazy"
alt="GOSH ROUGE À LÈVRES LUXURY ROSE"
title="GOSH ROUGE À LÈVRES LUXURY ROSE"
data-full-size-image-url="https://www.yousarssif.com/4526-home_default/gosh-rouge-a-levres-luxury-rose-.jpg"
>
</picture>
</a>
<button class="product-miniature__quickview_button btn btn-primary js-quickview btn-with-icon" data-link-action="quickview">
<i class="material-icons" aria-hidden="true"></i>
Aperçu rapide
</button>
<div class="card-body">
<p class="card-text brand-name">
GOSH
</p>
<p class="card-text category-name">Rouge à lèvres</p>
<h5 class="product-miniature__infos__top card-title">
<a href="https://www.yousarssif.com/1784rouge-a-levres/713-gosh-rouge-a-levres-luxury-rose-.html#/958-couleur-005_seduce"><p class="product-miniature__title">LUXURY ROSE</p></a>
</h5>
<!-- price block -->
<p class="card-text">
<span class="product-miniature__price" aria-label="Prix">
37,000 TND
</span>
<div class="product-miniature__discount-price">
</div>
</p>
<!--eof price block -->
</div>
</div>
</div> <style>
.js-quickview {
position: absolute;
z-index: 9999;
bottom: -50px;
left: 0;
right: 0;
opacity: 0;
transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.product-card {
position: relative;
overflow: hidden;
}
.product-card:hover .js-quickview {
bottom: 0;
opacity: 1;
}
.product-card .card-body {
transition: transform 0.3s ease-in-out;
}
.product-card:hover .card-body {
transform: translateY(-10px);
}
.product-miniature .card {
height: auto;
}
.badge.on-sale {
background-color: #f8d7da;
color: #721c24;
}
.badge.new {
background-color: #d1ecf1;
color: #0c5460;
}
.badge.discount {
background-color: #fefefe;
color: #721c24;
border-color:#721c24;
}
</style>
<div class="swiper-slide product-miniature js-product-miniature"
data-id-product="467"
data-id-product-attribute="0"
>
<div class="card product-card border-0 text-center"
data-id-product="467"
data-id-product-attribute="0">
<a href="https://www.yousarssif.com/fer-a-lisser-tunisie/467-lisseur-advanced-colour-protect-remington-s8605.html" class="text-decoration-none text-reset">
<ul class="product-flags js-product-flags">
<li class="badge out_of_stock">Rupture de stock</li>
</ul>
<picture>
<img
class="product-miniature__image card-img-top"
srcset=" https://www.yousarssif.com/2354-default_xs/lisseur-advanced-colour-protect-remington-s8605.jpg 120w, https://www.yousarssif.com/2354-default_m/lisseur-advanced-colour-protect-remington-s8605.jpg 200w, https://www.yousarssif.com/2354-default_md/lisseur-advanced-colour-protect-remington-s8605.jpg 320w, https://www.yousarssif.com/2354-product_main/lisseur-advanced-colour-protect-remington-s8605.jpg 720w"
sizes="(min-width: 1300px) 320px, (min-width: 768px) 120px, 50vw"
src="https://www.yousarssif.com/2354-default_md/lisseur-advanced-colour-protect-remington-s8605.jpg"
width="320"
height="320"
loading="lazy"
alt="REMINGTON FER A LISSER ADVANCED COLOUR PROTECT S8605 ((1A))"
title="REMINGTON FER A LISSER ADVANCED COLOUR PROTECT S8605 ((1A))"
data-full-size-image-url="https://www.yousarssif.com/2354-home_default/lisseur-advanced-colour-protect-remington-s8605.jpg"
>
</picture>
</a>
<button class="product-miniature__quickview_button btn btn-primary js-quickview btn-with-icon" data-link-action="quickview">
<i class="material-icons" aria-hidden="true"></i>
Aperçu rapide
</button>
<div class="card-body">
<p class="card-text brand-name">
REMINGTON
</p>
<p class="card-text category-name">Fer à lisser</p>
<h5 class="product-miniature__infos__top card-title">
<a href="https://www.yousarssif.com/fer-a-lisser-tunisie/467-lisseur-advanced-colour-protect-remington-s8605.html"><p class="product-miniature__title">ADVANCED COLOUR PROTECT S8605</p></a>
</h5>
<!-- price block -->
<p class="card-text">
<span class="product-miniature__price" aria-label="Prix">
370,000 TND
</span>
<div class="product-miniature__discount-price">
</div>
</p>
<!--eof price block -->
</div>
</div>
</div>
</div>
<div class="swiper-pagination"></div>
<div class="custom-next">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path d="M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM241 377c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l87-87-87-87c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L345 239c9.4 9.4 9.4 24.6 0 33.9L241 377z"/></svg>
</div>
<div class="custom-prev">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path d="M512 256A256 256 0 1 0 0 256a256 256 0 1 0 512 0zM271 135c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-87 87 87 87c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0L167 273c-9.4-9.4-9.4-24.6 0-33.9L271 135z"/></svg>
</div>
</div>
</section>
<section class="best-products container mt-5">
<div class="d-md-flex justify-content-between align-items-md-center pt-4 pb-5">
<h2 class="mb-0">TON PARFUM, TON MOOD</h2>
<a href="https://www.yousarssif.com/223-viral-on-social-media" class="view-all">Tous les produits</a>
</div>
<div class="swiper y-swiper best-swiper">
<div class="swiper-wrapper">
<style>
.js-quickview {
position: absolute;
z-index: 9999;
bottom: -50px;
left: 0;
right: 0;
opacity: 0;
transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.product-card {
position: relative;
overflow: hidden;
}
.product-card:hover .js-quickview {
bottom: 0;
opacity: 1;
}
.product-card .card-body {
transition: transform 0.3s ease-in-out;
}
.product-card:hover .card-body {
transform: translateY(-10px);
}
.product-miniature .card {
height: auto;
}
.badge.on-sale {
background-color: #f8d7da;
color: #721c24;
}
.badge.new {
background-color: #d1ecf1;
color: #0c5460;
}
.badge.discount {
background-color: #fefefe;
color: #721c24;
border-color:#721c24;
}
</style>
<div class="swiper-slide product-miniature js-product-miniature"
data-id-product="11884"
data-id-product-attribute="0"
>
<div class="card product-card border-0 text-center"
data-id-product="11884"
data-id-product-attribute="0">
<a href="https://www.yousarssif.com/parfum-/11884-odyssey-lichi-lush-eau-de-parfum-femme.html" class="text-decoration-none text-reset">
<ul class="product-flags js-product-flags">
</ul>
<picture>
<img
class="product-miniature__image card-img-top"
srcset=" https://www.yousarssif.com/21238-default_xs/odyssey-lichi-lush-eau-de-parfum-femme.jpg 120w, https://www.yousarssif.com/21238-default_m/odyssey-lichi-lush-eau-de-parfum-femme.jpg 200w, https://www.yousarssif.com/21238-default_md/odyssey-lichi-lush-eau-de-parfum-femme.jpg 320w, https://www.yousarssif.com/21238-product_main/odyssey-lichi-lush-eau-de-parfum-femme.jpg 720w"
sizes="(min-width: 1300px) 320px, (min-width: 768px) 120px, 50vw"
src="https://www.yousarssif.com/21238-default_md/odyssey-lichi-lush-eau-de-parfum-femme.jpg"
width="320"
height="320"
loading="lazy"
alt="ARMAF Odyssey Li’chi Lush Eau de Parfum 100 ml"
title="ARMAF Odyssey Li’chi Lush Eau de Parfum 100 ml"
data-full-size-image-url="https://www.yousarssif.com/21238-home_default/odyssey-lichi-lush-eau-de-parfum-femme.jpg"
>
</picture>
</a>
<button class="product-miniature__quickview_button btn btn-primary js-quickview btn-with-icon" data-link-action="quickview">
<i class="material-icons" aria-hidden="true"></i>
Aperçu rapide
</button>
<div class="card-body">
<p class="card-text brand-name">
ARMAF
</p>
<p class="card-text category-name">Parfum</p>
<h5 class="product-miniature__infos__top card-title">
<a href="https://www.yousarssif.com/parfum-/11884-odyssey-lichi-lush-eau-de-parfum-femme.html"><p class="product-miniature__title">Odyssey Li’chi Lush Eau de Parfum Femme</p></a>
</h5>
<!-- price block -->
<p class="card-text">
<span class="product-miniature__price" aria-label="Prix">
127,000 TND
</span>
<div class="product-miniature__discount-price">
</div>
</p>
<!--eof price block -->
</div>
</div>
</div> <style>
.js-quickview {
position: absolute;
z-index: 9999;
bottom: -50px;
left: 0;
right: 0;
opacity: 0;
transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.product-card {
position: relative;
overflow: hidden;
}
.product-card:hover .js-quickview {
bottom: 0;
opacity: 1;
}
.product-card .card-body {
transition: transform 0.3s ease-in-out;
}
.product-card:hover .card-body {
transform: translateY(-10px);
}
.product-miniature .card {
height: auto;
}
.badge.on-sale {
background-color: #f8d7da;
color: #721c24;
}
.badge.new {
background-color: #d1ecf1;
color: #0c5460;
}
.badge.discount {
background-color: #fefefe;
color: #721c24;
border-color:#721c24;
}
</style>
<div class="swiper-slide product-miniature js-product-miniature"
data-id-product="11883"
data-id-product-attribute="0"
>
<div class="card product-card border-0 text-center"
data-id-product="11883"
data-id-product-attribute="0">
<a href="https://www.yousarssif.com/parfum-/11883-odyssey-pink-pop-eau-de-parfum-femme.html" class="text-decoration-none text-reset">
<ul class="product-flags js-product-flags">
</ul>
<picture>
<img
class="product-miniature__image card-img-top"
srcset=" https://www.yousarssif.com/21237-default_xs/odyssey-pink-pop-eau-de-parfum-femme.jpg 120w, https://www.yousarssif.com/21237-default_m/odyssey-pink-pop-eau-de-parfum-femme.jpg 200w, https://www.yousarssif.com/21237-default_md/odyssey-pink-pop-eau-de-parfum-femme.jpg 320w, https://www.yousarssif.com/21237-product_main/odyssey-pink-pop-eau-de-parfum-femme.jpg 720w"
sizes="(min-width: 1300px) 320px, (min-width: 768px) 120px, 50vw"
src="https://www.yousarssif.com/21237-default_md/odyssey-pink-pop-eau-de-parfum-femme.jpg"
width="320"
height="320"
loading="lazy"
alt="ARMAF Odyssey Pink Pop Eau de Parfum 100 ml"
title="ARMAF Odyssey Pink Pop Eau de Parfum 100 ml"
data-full-size-image-url="https://www.yousarssif.com/21237-home_default/odyssey-pink-pop-eau-de-parfum-femme.jpg"
>
</picture>
</a>
<button class="product-miniature__quickview_button btn btn-primary js-quickview btn-with-icon" data-link-action="quickview">
<i class="material-icons" aria-hidden="true"></i>
Aperçu rapide
</button>
<div class="card-body">
<p class="card-text brand-name">
ARMAF
</p>
<p class="card-text category-name">Parfum</p>
<h5 class="product-miniature__infos__top card-title">
<a href="https://www.yousarssif.com/parfum-/11883-odyssey-pink-pop-eau-de-parfum-femme.html"><p class="product-miniature__title">Odyssey Pink Pop Eau de Parfum Femme</p></a>
</h5>
<!-- price block -->
<p class="card-text">
<span class="product-miniature__price" aria-label="Prix">
127,000 TND
</span>
<div class="product-miniature__discount-price">
</div>
</p>
<!--eof price block -->
</div>
</div>
</div> <style>
.js-quickview {
position: absolute;
z-index: 9999;
bottom: -50px;
left: 0;
right: 0;
opacity: 0;
transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.product-card {
position: relative;
overflow: hidden;
}
.product-card:hover .js-quickview {
bottom: 0;
opacity: 1;
}
.product-card .card-body {
transition: transform 0.3s ease-in-out;
}
.product-card:hover .card-body {
transform: translateY(-10px);
}
.product-miniature .card {
height: auto;
}
.badge.on-sale {
background-color: #f8d7da;
color: #721c24;
}
.badge.new {
background-color: #d1ecf1;
color: #0c5460;
}
.badge.discount {
background-color: #fefefe;
color: #721c24;
border-color:#721c24;
}
</style>
<div class="swiper-slide product-miniature js-product-miniature"
data-id-product="11882"
data-id-product-attribute="0"
>
<div class="card product-card border-0 text-center"
data-id-product="11882"
data-id-product-attribute="0">
<a href="https://www.yousarssif.com/parfum-/11882-odyssey-eau-de-montagne-deodorant-femme.html" class="text-decoration-none text-reset">
<ul class="product-flags js-product-flags">
</ul>
<picture>
<img
class="product-miniature__image card-img-top"
srcset=" https://www.yousarssif.com/21236-default_xs/odyssey-eau-de-montagne-deodorant-femme.jpg 120w, https://www.yousarssif.com/21236-default_m/odyssey-eau-de-montagne-deodorant-femme.jpg 200w, https://www.yousarssif.com/21236-default_md/odyssey-eau-de-montagne-deodorant-femme.jpg 320w, https://www.yousarssif.com/21236-product_main/odyssey-eau-de-montagne-deodorant-femme.jpg 720w"
sizes="(min-width: 1300px) 320px, (min-width: 768px) 120px, 50vw"
src="https://www.yousarssif.com/21236-default_md/odyssey-eau-de-montagne-deodorant-femme.jpg"
width="320"
height="320"
loading="lazy"
alt="ARMAF Odyssey Eau de Montagne Déodorant 200 ml"
title="ARMAF Odyssey Eau de Montagne Déodorant 200 ml"
data-full-size-image-url="https://www.yousarssif.com/21236-home_default/odyssey-eau-de-montagne-deodorant-femme.jpg"
>
</picture>
</a>
<button class="product-miniature__quickview_button btn btn-primary js-quickview btn-with-icon" data-link-action="quickview">
<i class="material-icons" aria-hidden="true"></i>
Aperçu rapide
</button>
<div class="card-body">
<p class="card-text brand-name">
ARMAF
</p>
<p class="card-text category-name">Parfum</p>
<h5 class="product-miniature__infos__top card-title">
<a href="https://www.yousarssif.com/parfum-/11882-odyssey-eau-de-montagne-deodorant-femme.html"><p class="product-miniature__title">Odyssey Eau de Montagne Déodorant Homme</p></a>
</h5>
<!-- price block -->
<p class="card-text">
<span class="product-miniature__price" aria-label="Prix">
11,000 TND
</span>
<div class="product-miniature__discount-price">
</div>
</p>
<!--eof price block -->
</div>
</div>
</div> <style>
.js-quickview {
position: absolute;
z-index: 9999;
bottom: -50px;
left: 0;
right: 0;
opacity: 0;
transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.product-card {
position: relative;
overflow: hidden;
}
.product-card:hover .js-quickview {
bottom: 0;
opacity: 1;
}
.product-card .card-body {
transition: transform 0.3s ease-in-out;
}
.product-card:hover .card-body {
transform: translateY(-10px);
}
.product-miniature .card {
height: auto;
}
.badge.on-sale {
background-color: #f8d7da;
color: #721c24;
}
.badge.new {
background-color: #d1ecf1;
color: #0c5460;
}
.badge.discount {
background-color: #fefefe;
color: #721c24;
border-color:#721c24;
}
</style>
<div class="swiper-slide product-miniature js-product-miniature"
data-id-product="11880"
data-id-product-attribute="0"
>
<div class="card product-card border-0 text-center"
data-id-product="11880"
data-id-product-attribute="0">
<a href="https://www.yousarssif.com/parfum-/11880-odyssey-marshmallow-deodorant-femme.html" class="text-decoration-none text-reset">
<ul class="product-flags js-product-flags">
</ul>
<picture>
<img
class="product-miniature__image card-img-top"
srcset=" https://www.yousarssif.com/21234-default_xs/odyssey-marshmallow-deodorant-femme.jpg 120w, https://www.yousarssif.com/21234-default_m/odyssey-marshmallow-deodorant-femme.jpg 200w, https://www.yousarssif.com/21234-default_md/odyssey-marshmallow-deodorant-femme.jpg 320w, https://www.yousarssif.com/21234-product_main/odyssey-marshmallow-deodorant-femme.jpg 720w"
sizes="(min-width: 1300px) 320px, (min-width: 768px) 120px, 50vw"
src="https://www.yousarssif.com/21234-default_md/odyssey-marshmallow-deodorant-femme.jpg"
width="320"
height="320"
loading="lazy"
alt="ARMAF Odyssey Marshmallow Déodorant 200 ml"
title="ARMAF Odyssey Marshmallow Déodorant 200 ml"
data-full-size-image-url="https://www.yousarssif.com/21234-home_default/odyssey-marshmallow-deodorant-femme.jpg"
>
</picture>
</a>
<button class="product-miniature__quickview_button btn btn-primary js-quickview btn-with-icon" data-link-action="quickview">
<i class="material-icons" aria-hidden="true"></i>
Aperçu rapide
</button>
<div class="card-body">
<p class="card-text brand-name">
ARMAF
</p>
<p class="card-text category-name">Parfum</p>
<h5 class="product-miniature__infos__top card-title">
<a href="https://www.yousarssif.com/parfum-/11880-odyssey-marshmallow-deodorant-femme.html"><p class="product-miniature__title">Odyssey Marshmallow Déodorant Femme</p></a>
</h5>
<!-- price block -->
<p class="card-text">
<span class="product-miniature__price" aria-label="Prix">
11,000 TND
</span>
<div class="product-miniature__discount-price">
</div>
</p>
<!--eof price block -->
</div>
</div>
</div> <style>
.js-quickview {
position: absolute;
z-index: 9999;
bottom: -50px;
left: 0;
right: 0;
opacity: 0;
transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.product-card {
position: relative;
overflow: hidden;
}
.product-card:hover .js-quickview {
bottom: 0;
opacity: 1;
}
.product-card .card-body {
transition: transform 0.3s ease-in-out;
}
.product-card:hover .card-body {
transform: translateY(-10px);
}
.product-miniature .card {
height: auto;
}
.badge.on-sale {
background-color: #f8d7da;
color: #721c24;
}
.badge.new {
background-color: #d1ecf1;
color: #0c5460;
}
.badge.discount {
background-color: #fefefe;
color: #721c24;
border-color:#721c24;
}
</style>
<div class="swiper-slide product-miniature js-product-miniature"
data-id-product="11878"
data-id-product-attribute="0"
>
<div class="card product-card border-0 text-center"
data-id-product="11878"
data-id-product-attribute="0">
<a href="https://www.yousarssif.com/parfum-/11878-elegant-woman-deodorant-femme.html" class="text-decoration-none text-reset">
<ul class="product-flags js-product-flags">
</ul>
<picture>
<img
class="product-miniature__image card-img-top"
srcset=" https://www.yousarssif.com/21230-default_xs/elegant-woman-deodorant-femme.jpg 120w, https://www.yousarssif.com/21230-default_m/elegant-woman-deodorant-femme.jpg 200w, https://www.yousarssif.com/21230-default_md/elegant-woman-deodorant-femme.jpg 320w, https://www.yousarssif.com/21230-product_main/elegant-woman-deodorant-femme.jpg 720w"
sizes="(min-width: 1300px) 320px, (min-width: 768px) 120px, 50vw"
src="https://www.yousarssif.com/21230-default_md/elegant-woman-deodorant-femme.jpg"
width="320"
height="320"
loading="lazy"
alt="ARMAF Beau Elegant Woman Déodorant Spray 200 ml"
title="ARMAF Beau Elegant Woman Déodorant Spray 200 ml"
data-full-size-image-url="https://www.yousarssif.com/21230-home_default/elegant-woman-deodorant-femme.jpg"
>
</picture>
</a>
<button class="product-miniature__quickview_button btn btn-primary js-quickview btn-with-icon" data-link-action="quickview">
<i class="material-icons" aria-hidden="true"></i>
Aperçu rapide
</button>
<div class="card-body">
<p class="card-text brand-name">
ARMAF
</p>
<p class="card-text category-name">Parfum</p>
<h5 class="product-miniature__infos__top card-title">
<a href="https://www.yousarssif.com/parfum-/11878-elegant-woman-deodorant-femme.html"><p class="product-miniature__title">Beau Elégant Woman Déodorant Femme</p></a>
</h5>
<!-- price block -->
<p class="card-text">
<span class="product-miniature__price" aria-label="Prix">
9,900 TND
</span>
<div class="product-miniature__discount-price">
</div>
</p>
<!--eof price block -->
</div>
</div>
</div> <style>
.js-quickview {
position: absolute;
z-index: 9999;
bottom: -50px;
left: 0;
right: 0;
opacity: 0;
transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.product-card {
position: relative;
overflow: hidden;
}
.product-card:hover .js-quickview {
bottom: 0;
opacity: 1;
}
.product-card .card-body {
transition: transform 0.3s ease-in-out;
}
.product-card:hover .card-body {
transform: translateY(-10px);
}
.product-miniature .card {
height: auto;
}
.badge.on-sale {
background-color: #f8d7da;
color: #721c24;
}
.badge.new {
background-color: #d1ecf1;
color: #0c5460;
}
.badge.discount {
background-color: #fefefe;
color: #721c24;
border-color:#721c24;
}
</style>
<div class="swiper-slide product-miniature js-product-miniature"
data-id-product="11877"
data-id-product-attribute="0"
>
<div class="card product-card border-0 text-center"
data-id-product="11877"
data-id-product-attribute="0">
<a href="https://www.yousarssif.com/parfum-/11877-deodorant-spray-de-la-marque-rouge-woman.html" class="text-decoration-none text-reset">
<ul class="product-flags js-product-flags">
</ul>
<picture>
<img
class="product-miniature__image card-img-top"
srcset=" https://www.yousarssif.com/21229-default_xs/deodorant-spray-de-la-marque-rouge-woman.jpg 120w, https://www.yousarssif.com/21229-default_m/deodorant-spray-de-la-marque-rouge-woman.jpg 200w, https://www.yousarssif.com/21229-default_md/deodorant-spray-de-la-marque-rouge-woman.jpg 320w, https://www.yousarssif.com/21229-product_main/deodorant-spray-de-la-marque-rouge-woman.jpg 720w"
sizes="(min-width: 1300px) 320px, (min-width: 768px) 120px, 50vw"
src="https://www.yousarssif.com/21229-default_md/deodorant-spray-de-la-marque-rouge-woman.jpg"
width="320"
height="320"
loading="lazy"
alt="ARMAF De La Marque Rouge Woman Déodorant Spray 200 ml"
title="ARMAF De La Marque Rouge Woman Déodorant Spray 200 ml"
data-full-size-image-url="https://www.yousarssif.com/21229-home_default/deodorant-spray-de-la-marque-rouge-woman.jpg"
>
</picture>
</a>
<button class="product-miniature__quickview_button btn btn-primary js-quickview btn-with-icon" data-link-action="quickview">
<i class="material-icons" aria-hidden="true"></i>
Aperçu rapide
</button>
<div class="card-body">
<p class="card-text brand-name">
ARMAF
</p>
<p class="card-text category-name">Parfum</p>
<h5 class="product-miniature__infos__top card-title">
<a href="https://www.yousarssif.com/parfum-/11877-deodorant-spray-de-la-marque-rouge-woman.html"><p class="product-miniature__title">De La Marque Rouge Déodorant Femme</p></a>
</h5>
<!-- price block -->
<p class="card-text">
<span class="product-miniature__price" aria-label="Prix">
9,900 TND
</span>
<div class="product-miniature__discount-price">
</div>
</p>
<!--eof price block -->
</div>
</div>
</div> <style>
.js-quickview {
position: absolute;
z-index: 9999;
bottom: -50px;
left: 0;
right: 0;
opacity: 0;
transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.product-card {
position: relative;
overflow: hidden;
}
.product-card:hover .js-quickview {
bottom: 0;
opacity: 1;
}
.product-card .card-body {
transition: transform 0.3s ease-in-out;
}
.product-card:hover .card-body {
transform: translateY(-10px);
}
.product-miniature .card {
height: auto;
}
.badge.on-sale {
background-color: #f8d7da;
color: #721c24;
}
.badge.new {
background-color: #d1ecf1;
color: #0c5460;
}
.badge.discount {
background-color: #fefefe;
color: #721c24;
border-color:#721c24;
}
</style>
<div class="swiper-slide product-miniature js-product-miniature"
data-id-product="11876"
data-id-product-attribute="11124"
>
<div class="card product-card border-0 text-center"
data-id-product="11876"
data-id-product-attribute="11124">
<a href="https://www.yousarssif.com/11124parfum-/11876-all-of-me-essentiel-eau-de-parfum-femme.html#/26-contenance-30_ml" class="text-decoration-none text-reset">
<ul class="product-flags js-product-flags">
</ul>
<picture>
<img
class="product-miniature__image card-img-top"
srcset=" https://www.yousarssif.com/21227-default_xs/all-of-me-essentiel-eau-de-parfum-femme.jpg 120w, https://www.yousarssif.com/21227-default_m/all-of-me-essentiel-eau-de-parfum-femme.jpg 200w, https://www.yousarssif.com/21227-default_md/all-of-me-essentiel-eau-de-parfum-femme.jpg 320w, https://www.yousarssif.com/21227-product_main/all-of-me-essentiel-eau-de-parfum-femme.jpg 720w"
sizes="(min-width: 1300px) 320px, (min-width: 768px) 120px, 50vw"
src="https://www.yousarssif.com/21227-default_md/all-of-me-essentiel-eau-de-parfum-femme.jpg"
width="320"
height="320"
loading="lazy"
alt="NARCISO RODRIGUEZ All Of Me Essentiel Eau de Parfum Femme"
title="NARCISO RODRIGUEZ All Of Me Essentiel Eau de Parfum Femme"
data-full-size-image-url="https://www.yousarssif.com/21227-home_default/all-of-me-essentiel-eau-de-parfum-femme.jpg"
>
</picture>
</a>
<button class="product-miniature__quickview_button btn btn-primary js-quickview btn-with-icon" data-link-action="quickview">
<i class="material-icons" aria-hidden="true"></i>
Aperçu rapide
</button>
<div class="card-body">
<p class="card-text brand-name">
NARCISO RODRIGUEZ
</p>
<p class="card-text category-name">Parfum</p>
<h5 class="product-miniature__infos__top card-title">
<a href="https://www.yousarssif.com/11124parfum-/11876-all-of-me-essentiel-eau-de-parfum-femme.html#/26-contenance-30_ml"><p class="product-miniature__title">All Of Me Essentiel Eau de Parfum Femme</p></a>
</h5>
<!-- price block -->
<p class="card-text">
<span class="product-miniature__price" aria-label="Prix">
338,000 TND
</span>
<div class="product-miniature__discount-price">
</div>
</p>
<!--eof price block -->
</div>
</div>
</div> <style>
.js-quickview {
position: absolute;
z-index: 9999;
bottom: -50px;
left: 0;
right: 0;
opacity: 0;
transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.product-card {
position: relative;
overflow: hidden;
}
.product-card:hover .js-quickview {
bottom: 0;
opacity: 1;
}
.product-card .card-body {
transition: transform 0.3s ease-in-out;
}
.product-card:hover .card-body {
transform: translateY(-10px);
}
.product-miniature .card {
height: auto;
}
.badge.on-sale {
background-color: #f8d7da;
color: #721c24;
}
.badge.new {
background-color: #d1ecf1;
color: #0c5460;
}
.badge.discount {
background-color: #fefefe;
color: #721c24;
border-color:#721c24;
}
</style>
<div class="swiper-slide product-miniature js-product-miniature"
data-id-product="11874"
data-id-product-attribute="11118"
>
<div class="card product-card border-0 text-center"
data-id-product="11874"
data-id-product-attribute="11118">
<a href="https://www.yousarssif.com/11118parfum-/11874-le-sel-dissey-eau-de-parfum-homme.html#/27-contenance-50_ml" class="text-decoration-none text-reset">
<ul class="product-flags js-product-flags">
</ul>
<picture>
<img
class="product-miniature__image card-img-top"
srcset=" https://www.yousarssif.com/21215-default_xs/le-sel-dissey-eau-de-parfum-homme.jpg 120w, https://www.yousarssif.com/21215-default_m/le-sel-dissey-eau-de-parfum-homme.jpg 200w, https://www.yousarssif.com/21215-default_md/le-sel-dissey-eau-de-parfum-homme.jpg 320w, https://www.yousarssif.com/21215-product_main/le-sel-dissey-eau-de-parfum-homme.jpg 720w"
sizes="(min-width: 1300px) 320px, (min-width: 768px) 120px, 50vw"
src="https://www.yousarssif.com/21215-default_md/le-sel-dissey-eau-de-parfum-homme.jpg"
width="320"
height="320"
loading="lazy"
alt="ISSEY MIYAKE Le Sel d’Issey Parfum Homme 100 ml"
title="ISSEY MIYAKE Le Sel d’Issey Parfum Homme 100 ml"
data-full-size-image-url="https://www.yousarssif.com/21215-home_default/le-sel-dissey-eau-de-parfum-homme.jpg"
>
</picture>
</a>
<button class="product-miniature__quickview_button btn btn-primary js-quickview btn-with-icon" data-link-action="quickview">
<i class="material-icons" aria-hidden="true"></i>
Aperçu rapide
</button>
<div class="card-body">
<p class="card-text brand-name">
Issey Miyake
</p>
<p class="card-text category-name">Parfum</p>
<h5 class="product-miniature__infos__top card-title">
<a href="https://www.yousarssif.com/11118parfum-/11874-le-sel-dissey-eau-de-parfum-homme.html#/27-contenance-50_ml"><p class="product-miniature__title">Le Sel d’Issey Eau de Parfum Homme</p></a>
</h5>
<!-- price block -->
<p class="card-text">
<span class="product-miniature__price" aria-label="Prix">
489,000 TND
</span>
<div class="product-miniature__discount-price">
</div>
</p>
<!--eof price block -->
</div>
</div>
</div> <style>
.js-quickview {
position: absolute;
z-index: 9999;
bottom: -50px;
left: 0;
right: 0;
opacity: 0;
transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.product-card {
position: relative;
overflow: hidden;
}
.product-card:hover .js-quickview {
bottom: 0;
opacity: 1;
}
.product-card .card-body {
transition: transform 0.3s ease-in-out;
}
.product-card:hover .card-body {
transform: translateY(-10px);
}
.product-miniature .card {
height: auto;
}
.badge.on-sale {
background-color: #f8d7da;
color: #721c24;
}
.badge.new {
background-color: #d1ecf1;
color: #0c5460;
}
.badge.discount {
background-color: #fefefe;
color: #721c24;
border-color:#721c24;
}
</style>
<div class="swiper-slide product-miniature js-product-miniature"
data-id-product="11873"
data-id-product-attribute="11115"
>
<div class="card product-card border-0 text-center"
data-id-product="11873"
data-id-product-attribute="11115">
<a href="https://www.yousarssif.com/11115parfum-/11873-good-girl-jasmine-absolute-eau-de-parfum-femme.html#/26-contenance-30_ml" class="text-decoration-none text-reset">
<ul class="product-flags js-product-flags">
</ul>
<picture>
<img
class="product-miniature__image card-img-top"
srcset=" https://www.yousarssif.com/21212-default_xs/good-girl-jasmine-absolute-eau-de-parfum-femme.jpg 120w, https://www.yousarssif.com/21212-default_m/good-girl-jasmine-absolute-eau-de-parfum-femme.jpg 200w, https://www.yousarssif.com/21212-default_md/good-girl-jasmine-absolute-eau-de-parfum-femme.jpg 320w, https://www.yousarssif.com/21212-product_main/good-girl-jasmine-absolute-eau-de-parfum-femme.jpg 720w"
sizes="(min-width: 1300px) 320px, (min-width: 768px) 120px, 50vw"
src="https://www.yousarssif.com/21212-default_md/good-girl-jasmine-absolute-eau-de-parfum-femme.jpg"
width="320"
height="320"
loading="lazy"
alt="CAROLINA HERRERA Good Girl Jasmine Absolute Eau de Parfum Femme 80ml"
title="CAROLINA HERRERA Good Girl Jasmine Absolute Eau de Parfum Femme 80ml"
data-full-size-image-url="https://www.yousarssif.com/21212-home_default/good-girl-jasmine-absolute-eau-de-parfum-femme.jpg"
>
</picture>
</a>
<button class="product-miniature__quickview_button btn btn-primary js-quickview btn-with-icon" data-link-action="quickview">
<i class="material-icons" aria-hidden="true"></i>
Aperçu rapide
</button>
<div class="card-body">
<p class="card-text brand-name">
CAROLINA HERRERA
</p>
<p class="card-text category-name">Parfum</p>
<h5 class="product-miniature__infos__top card-title">
<a href="https://www.yousarssif.com/11115parfum-/11873-good-girl-jasmine-absolute-eau-de-parfum-femme.html#/26-contenance-30_ml"><p class="product-miniature__title">Good Girl Jasmine Absolute Eau de Parfum Femme</p></a>
</h5>
<!-- price block -->
<p class="card-text">
<span class="product-miniature__price" aria-label="Prix">
290,900 TND
</span>
<div class="product-miniature__discount-price">
</div>
</p>
<!--eof price block -->
</div>
</div>
</div> <style>
.js-quickview {
position: absolute;
z-index: 9999;
bottom: -50px;
left: 0;
right: 0;
opacity: 0;
transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.product-card {
position: relative;
overflow: hidden;
}
.product-card:hover .js-quickview {
bottom: 0;
opacity: 1;
}
.product-card .card-body {
transition: transform 0.3s ease-in-out;
}
.product-card:hover .card-body {
transform: translateY(-10px);
}
.product-miniature .card {
height: auto;
}
.badge.on-sale {
background-color: #f8d7da;
color: #721c24;
}
.badge.new {
background-color: #d1ecf1;
color: #0c5460;
}
.badge.discount {
background-color: #fefefe;
color: #721c24;
border-color:#721c24;
}
</style>
<div class="swiper-slide product-miniature js-product-miniature"
data-id-product="11872"
data-id-product-attribute="11114"
>
<div class="card product-card border-0 text-center"
data-id-product="11872"
data-id-product-attribute="11114">
<a href="https://www.yousarssif.com/11114parfum-/11872-irresistible-nude-velvet-eau-de-parfum-femme.html#/27-contenance-50_ml" class="text-decoration-none text-reset">
<ul class="product-flags js-product-flags">
</ul>
<picture>
<img
class="product-miniature__image card-img-top"
srcset=" https://www.yousarssif.com/21208-default_xs/irresistible-nude-velvet-eau-de-parfum-femme.jpg 120w, https://www.yousarssif.com/21208-default_m/irresistible-nude-velvet-eau-de-parfum-femme.jpg 200w, https://www.yousarssif.com/21208-default_md/irresistible-nude-velvet-eau-de-parfum-femme.jpg 320w, https://www.yousarssif.com/21208-product_main/irresistible-nude-velvet-eau-de-parfum-femme.jpg 720w"
sizes="(min-width: 1300px) 320px, (min-width: 768px) 120px, 50vw"
src="https://www.yousarssif.com/21208-default_md/irresistible-nude-velvet-eau-de-parfum-femme.jpg"
width="320"
height="320"
loading="lazy"
alt="GIVENCHY Irresistible Nude Velvet Eau de Parfum Femme"
title="GIVENCHY Irresistible Nude Velvet Eau de Parfum Femme"
data-full-size-image-url="https://www.yousarssif.com/21208-home_default/irresistible-nude-velvet-eau-de-parfum-femme.jpg"
>
</picture>
</a>
<button class="product-miniature__quickview_button btn btn-primary js-quickview btn-with-icon" data-link-action="quickview">
<i class="material-icons" aria-hidden="true"></i>
Aperçu rapide
</button>
<div class="card-body">
<p class="card-text brand-name">
GIVENCHY
</p>
<p class="card-text category-name">Parfum</p>
<h5 class="product-miniature__infos__top card-title">
<a href="https://www.yousarssif.com/11114parfum-/11872-irresistible-nude-velvet-eau-de-parfum-femme.html#/27-contenance-50_ml"><p class="product-miniature__title">Irresistible Nude Velvet Eau de Parfum Femme</p></a>
</h5>
<!-- price block -->
<p class="card-text">
<span class="product-miniature__price" aria-label="Prix">
324,900 TND
</span>
<div class="product-miniature__discount-price">
</div>
</p>
<!--eof price block -->
</div>
</div>
</div> <style>
.js-quickview {
position: absolute;
z-index: 9999;
bottom: -50px;
left: 0;
right: 0;
opacity: 0;
transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.product-card {
position: relative;
overflow: hidden;
}
.product-card:hover .js-quickview {
bottom: 0;
opacity: 1;
}
.product-card .card-body {
transition: transform 0.3s ease-in-out;
}
.product-card:hover .card-body {
transform: translateY(-10px);
}
.product-miniature .card {
height: auto;
}
.badge.on-sale {
background-color: #f8d7da;
color: #721c24;
}
.badge.new {
background-color: #d1ecf1;
color: #0c5460;
}
.badge.discount {
background-color: #fefefe;
color: #721c24;
border-color:#721c24;
}
</style>
<div class="swiper-slide product-miniature js-product-miniature"
data-id-product="11871"
data-id-product-attribute="0"
>
<div class="card product-card border-0 text-center"
data-id-product="11871"
data-id-product-attribute="0">
<a href="https://www.yousarssif.com/parfum-/11871-linterdit-narcisse-blanc-eau-de-parfum.html" class="text-decoration-none text-reset">
<ul class="product-flags js-product-flags">
<li class="badge on-sale">Promo !</li>
<li class="badge discount">-25%</li>
</ul>
<picture>
<img
class="product-miniature__image card-img-top"
srcset=" https://www.yousarssif.com/21206-default_xs/linterdit-narcisse-blanc-eau-de-parfum.jpg 120w, https://www.yousarssif.com/21206-default_m/linterdit-narcisse-blanc-eau-de-parfum.jpg 200w, https://www.yousarssif.com/21206-default_md/linterdit-narcisse-blanc-eau-de-parfum.jpg 320w, https://www.yousarssif.com/21206-product_main/linterdit-narcisse-blanc-eau-de-parfum.jpg 720w"
sizes="(min-width: 1300px) 320px, (min-width: 768px) 120px, 50vw"
src="https://www.yousarssif.com/21206-default_md/linterdit-narcisse-blanc-eau-de-parfum.jpg"
width="320"
height="320"
loading="lazy"
alt="GIVENCHY L’Interdit Narcisse Blanc Eau de Parfum 50 ml"
title="GIVENCHY L’Interdit Narcisse Blanc Eau de Parfum 50 ml"
data-full-size-image-url="https://www.yousarssif.com/21206-home_default/linterdit-narcisse-blanc-eau-de-parfum.jpg"
>
</picture>
</a>
<button class="product-miniature__quickview_button btn btn-primary js-quickview btn-with-icon" data-link-action="quickview">
<i class="material-icons" aria-hidden="true"></i>
Aperçu rapide
</button>
<div class="card-body">
<p class="card-text brand-name">
GIVENCHY
</p>
<p class="card-text category-name">Parfum</p>
<h5 class="product-miniature__infos__top card-title">
<a href="https://www.yousarssif.com/parfum-/11871-linterdit-narcisse-blanc-eau-de-parfum.html"><p class="product-miniature__title">L’Interdit Narcisse Blanc Eau de Parfum</p></a>
</h5>
<!-- price block -->
<p class="card-text">
<span class="product-miniature__price" aria-label="Prix">
390,000 TND
</span>
<div class="product-miniature__discount-price">
<span class="product-miniature__regular-price" aria-label="Prix de base">520,000 TND</span>
</div>
</p>
<!--eof price block -->
</div>
</div>
</div> <style>
.js-quickview {
position: absolute;
z-index: 9999;
bottom: -50px;
left: 0;
right: 0;
opacity: 0;
transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.product-card {
position: relative;
overflow: hidden;
}
.product-card:hover .js-quickview {
bottom: 0;
opacity: 1;
}
.product-card .card-body {
transition: transform 0.3s ease-in-out;
}
.product-card:hover .card-body {
transform: translateY(-10px);
}
.product-miniature .card {
height: auto;
}
.badge.on-sale {
background-color: #f8d7da;
color: #721c24;
}
.badge.new {
background-color: #d1ecf1;
color: #0c5460;
}
.badge.discount {
background-color: #fefefe;
color: #721c24;
border-color:#721c24;
}
</style>
<div class="swiper-slide product-miniature js-product-miniature"
data-id-product="11863"
data-id-product-attribute="0"
>
<div class="card product-card border-0 text-center"
data-id-product="11863"
data-id-product-attribute="0">
<a href="https://www.yousarssif.com/parfum-/11863-million-gold-intense-.html" class="text-decoration-none text-reset">
<ul class="product-flags js-product-flags">
<li class="badge on-sale">Promo !</li>
<li class="badge out_of_stock">Rupture de stock</li>
</ul>
<picture>
<img
class="product-miniature__image card-img-top"
srcset=" https://www.yousarssif.com/21193-default_xs/million-gold-intense-.jpg 120w, https://www.yousarssif.com/21193-default_m/million-gold-intense-.jpg 200w, https://www.yousarssif.com/21193-default_md/million-gold-intense-.jpg 320w, https://www.yousarssif.com/21193-product_main/million-gold-intense-.jpg 720w"
sizes="(min-width: 1300px) 320px, (min-width: 768px) 120px, 50vw"
src="https://www.yousarssif.com/21193-default_md/million-gold-intense-.jpg"
width="320"
height="320"
loading="lazy"
alt="PACO RABANNE Million Gold Intense EDP Homme 50 ml – Parfum Homme"
title="PACO RABANNE Million Gold Intense EDP Homme 50 ml – Parfum Homme"
data-full-size-image-url="https://www.yousarssif.com/21193-home_default/million-gold-intense-.jpg"
>
</picture>
</a>
<button class="product-miniature__quickview_button btn btn-primary js-quickview btn-with-icon" data-link-action="quickview">
<i class="material-icons" aria-hidden="true"></i>
Aperçu rapide
</button>
<div class="card-body">
<p class="card-text brand-name">
PACO RABANNE
</p>
<p class="card-text category-name">Parfum</p>
<h5 class="product-miniature__infos__top card-title">
<a href="https://www.yousarssif.com/parfum-/11863-million-gold-intense-.html"><p class="product-miniature__title">MILLION GOLD INTENSE</p></a>
</h5>
<!-- price block -->
<p class="card-text">
<span class="product-miniature__price" aria-label="Prix">
264,000 TND
</span>
<div class="product-miniature__discount-price">
</div>
</p>
<!--eof price block -->
</div>
</div>
</div> <style>
.js-quickview {
position: absolute;
z-index: 9999;
bottom: -50px;
left: 0;
right: 0;
opacity: 0;
transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.product-card {
position: relative;
overflow: hidden;
}
.product-card:hover .js-quickview {
bottom: 0;
opacity: 1;
}
.product-card .card-body {
transition: transform 0.3s ease-in-out;
}
.product-card:hover .card-body {
transform: translateY(-10px);
}
.product-miniature .card {
height: auto;
}
.badge.on-sale {
background-color: #f8d7da;
color: #721c24;
}
.badge.new {
background-color: #d1ecf1;
color: #0c5460;
}
.badge.discount {
background-color: #fefefe;
color: #721c24;
border-color:#721c24;
}
</style>
<div class="swiper-slide product-miniature js-product-miniature"
data-id-product="11862"
data-id-product-attribute="11111"
>
<div class="card product-card border-0 text-center"
data-id-product="11862"
data-id-product-attribute="11111">
<a href="https://www.yousarssif.com/11111parfum-/11862-ch-edp-h-bad-boy-cobalt-elixir-.html#/28-contenance-100_ml" class="text-decoration-none text-reset">
<ul class="product-flags js-product-flags">
<li class="badge on-sale">Promo !</li>
</ul>
<picture>
<img
class="product-miniature__image card-img-top"
srcset=" https://www.yousarssif.com/21191-default_xs/ch-edp-h-bad-boy-cobalt-elixir-.jpg 120w, https://www.yousarssif.com/21191-default_m/ch-edp-h-bad-boy-cobalt-elixir-.jpg 200w, https://www.yousarssif.com/21191-default_md/ch-edp-h-bad-boy-cobalt-elixir-.jpg 320w, https://www.yousarssif.com/21191-product_main/ch-edp-h-bad-boy-cobalt-elixir-.jpg 720w"
sizes="(min-width: 1300px) 320px, (min-width: 768px) 120px, 50vw"
src="https://www.yousarssif.com/21191-default_md/ch-edp-h-bad-boy-cobalt-elixir-.jpg"
width="320"
height="320"
loading="lazy"
alt="CH EDP H BAD BOY COBALT ELIXIR"
title="CH EDP H BAD BOY COBALT ELIXIR"
data-full-size-image-url="https://www.yousarssif.com/21191-home_default/ch-edp-h-bad-boy-cobalt-elixir-.jpg"
>
</picture>
</a>
<button class="product-miniature__quickview_button btn btn-primary js-quickview btn-with-icon" data-link-action="quickview">
<i class="material-icons" aria-hidden="true"></i>
Aperçu rapide
</button>
<div class="card-body">
<p class="card-text brand-name">
CAROLINA HERRERA
</p>
<p class="card-text category-name">Parfum</p>
<h5 class="product-miniature__infos__top card-title">
<a href="https://www.yousarssif.com/11111parfum-/11862-ch-edp-h-bad-boy-cobalt-elixir-.html#/28-contenance-100_ml"><p class="product-miniature__title">Bad BOY COBALT ELIXIR</p></a>
</h5>
<!-- price block -->
<p class="card-text">
<span class="product-miniature__price" aria-label="Prix">
330,000 TND
</span>
<div class="product-miniature__discount-price">
</div>
</p>
<!--eof price block -->
</div>
</div>
</div> <style>
.js-quickview {
position: absolute;
z-index: 9999;
bottom: -50px;
left: 0;
right: 0;
opacity: 0;
transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.product-card {
position: relative;
overflow: hidden;
}
.product-card:hover .js-quickview {
bottom: 0;
opacity: 1;
}
.product-card .card-body {
transition: transform 0.3s ease-in-out;
}
.product-card:hover .card-body {
transform: translateY(-10px);
}
.product-miniature .card {
height: auto;
}
.badge.on-sale {
background-color: #f8d7da;
color: #721c24;
}
.badge.new {
background-color: #d1ecf1;
color: #0c5460;
}
.badge.discount {
background-color: #fefefe;
color: #721c24;
border-color:#721c24;
}
</style>
<div class="swiper-slide product-miniature js-product-miniature"
data-id-product="11861"
data-id-product-attribute="11134"
>
<div class="card product-card border-0 text-center"
data-id-product="11861"
data-id-product-attribute="11134">
<a href="https://www.yousarssif.com/11134parfum-/11861-1-million-gold-elixir-intense-.html#/28-contenance-100_ml" class="text-decoration-none text-reset">
<ul class="product-flags js-product-flags">
<li class="badge on-sale">Promo !</li>
</ul>
<picture>
<img
class="product-miniature__image card-img-top"
srcset=" https://www.yousarssif.com/21294-default_xs/1-million-gold-elixir-intense-.jpg 120w, https://www.yousarssif.com/21294-default_m/1-million-gold-elixir-intense-.jpg 200w, https://www.yousarssif.com/21294-default_md/1-million-gold-elixir-intense-.jpg 320w, https://www.yousarssif.com/21294-product_main/1-million-gold-elixir-intense-.jpg 720w"
sizes="(min-width: 1300px) 320px, (min-width: 768px) 120px, 50vw"
src="https://www.yousarssif.com/21294-default_md/1-million-gold-elixir-intense-.jpg"
width="320"
height="320"
loading="lazy"
alt="1 MILLION Gold ELIXIR INTENSE"
title="1 MILLION Gold ELIXIR INTENSE"
data-full-size-image-url="https://www.yousarssif.com/21294-home_default/1-million-gold-elixir-intense-.jpg"
>
</picture>
</a>
<button class="product-miniature__quickview_button btn btn-primary js-quickview btn-with-icon" data-link-action="quickview">
<i class="material-icons" aria-hidden="true"></i>
Aperçu rapide
</button>
<div class="card-body">
<p class="card-text brand-name">
PACO RABANNE
</p>
<p class="card-text category-name">Parfum</p>
<h5 class="product-miniature__infos__top card-title">
<a href="https://www.yousarssif.com/11134parfum-/11861-1-million-gold-elixir-intense-.html#/28-contenance-100_ml"><p class="product-miniature__title">1 MILLION Gold ELIXIR INTENSE</p></a>
</h5>
<!-- price block -->
<p class="card-text">
<span class="product-miniature__price" aria-label="Prix">
359,900 TND
</span>
<div class="product-miniature__discount-price">
</div>
</p>
<!--eof price block -->
</div>
</div>
</div> <style>
.js-quickview {
position: absolute;
z-index: 9999;
bottom: -50px;
left: 0;
right: 0;
opacity: 0;
transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.product-card {
position: relative;
overflow: hidden;
}
.product-card:hover .js-quickview {
bottom: 0;
opacity: 1;
}
.product-card .card-body {
transition: transform 0.3s ease-in-out;
}
.product-card:hover .card-body {
transform: translateY(-10px);
}
.product-miniature .card {
height: auto;
}
.badge.on-sale {
background-color: #f8d7da;
color: #721c24;
}
.badge.new {
background-color: #d1ecf1;
color: #0c5460;
}
.badge.discount {
background-color: #fefefe;
color: #721c24;
border-color:#721c24;
}
</style>
<div class="swiper-slide product-miniature js-product-miniature"
data-id-product="11842"
data-id-product-attribute="11008"
>
<div class="card product-card border-0 text-center"
data-id-product="11842"
data-id-product-attribute="11008">
<a href="https://www.yousarssif.com/11008parfum-femme/11842-marc-jacobs-edp-f-perfect-100ml.html#/26-contenance-30_ml" class="text-decoration-none text-reset">
<ul class="product-flags js-product-flags">
<li class="badge on-sale">Promo !</li>
<li class="badge discount">-30%</li>
</ul>
<picture>
<img
class="product-miniature__image card-img-top"
srcset=" https://www.yousarssif.com/21138-default_xs/marc-jacobs-edp-f-perfect-100ml.jpg 120w, https://www.yousarssif.com/21138-default_m/marc-jacobs-edp-f-perfect-100ml.jpg 200w, https://www.yousarssif.com/21138-default_md/marc-jacobs-edp-f-perfect-100ml.jpg 320w, https://www.yousarssif.com/21138-product_main/marc-jacobs-edp-f-perfect-100ml.jpg 720w"
sizes="(min-width: 1300px) 320px, (min-width: 768px) 120px, 50vw"
src="https://www.yousarssif.com/21138-default_md/marc-jacobs-edp-f-perfect-100ml.jpg"
width="320"
height="320"
loading="lazy"
alt="MARC JACOBS EDP F PERFECT 100ml"
title="MARC JACOBS EDP F PERFECT 100ml"
data-full-size-image-url="https://www.yousarssif.com/21138-home_default/marc-jacobs-edp-f-perfect-100ml.jpg"
>
</picture>
</a>
<button class="product-miniature__quickview_button btn btn-primary js-quickview btn-with-icon" data-link-action="quickview">
<i class="material-icons" aria-hidden="true"></i>
Aperçu rapide
</button>
<div class="card-body">
<p class="card-text brand-name">
Marc Jacobs
</p>
<p class="card-text category-name">Parfum femme</p>
<h5 class="product-miniature__infos__top card-title">
<a href="https://www.yousarssif.com/11008parfum-femme/11842-marc-jacobs-edp-f-perfect-100ml.html#/26-contenance-30_ml"><p class="product-miniature__title">PERFECT Femme</p></a>
</h5>
<!-- price block -->
<p class="card-text">
<span class="product-miniature__price" aria-label="Prix">
158,900 TND
</span>
<div class="product-miniature__discount-price">
<span class="product-miniature__regular-price" aria-label="Prix de base">227,000 TND</span>
</div>
</p>
<!--eof price block -->
</div>
</div>
</div> <style>
.js-quickview {
position: absolute;
z-index: 9999;
bottom: -50px;
left: 0;
right: 0;
opacity: 0;
transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.product-card {
position: relative;
overflow: hidden;
}
.product-card:hover .js-quickview {
bottom: 0;
opacity: 1;
}
.product-card .card-body {
transition: transform 0.3s ease-in-out;
}
.product-card:hover .card-body {
transform: translateY(-10px);
}
.product-miniature .card {
height: auto;
}
.badge.on-sale {
background-color: #f8d7da;
color: #721c24;
}
.badge.new {
background-color: #d1ecf1;
color: #0c5460;
}
.badge.discount {
background-color: #fefefe;
color: #721c24;
border-color:#721c24;
}
</style>
<div class="swiper-slide product-miniature js-product-miniature"
data-id-product="11630"
data-id-product-attribute="10579"
>
<div class="card product-card border-0 text-center"
data-id-product="11630"
data-id-product-attribute="10579">
<a href="https://www.yousarssif.com/10579parfum-/11630-genius-selina-eau-de-parfum.html#/28-contenance-100_ml" class="text-decoration-none text-reset">
<ul class="product-flags js-product-flags">
<li class="badge out_of_stock">Rupture de stock</li>
</ul>
<picture>
<img
class="product-miniature__image card-img-top"
srcset=" https://www.yousarssif.com/20193-default_xs/genius-selina-eau-de-parfum.jpg 120w, https://www.yousarssif.com/20193-default_m/genius-selina-eau-de-parfum.jpg 200w, https://www.yousarssif.com/20193-default_md/genius-selina-eau-de-parfum.jpg 320w, https://www.yousarssif.com/20193-product_main/genius-selina-eau-de-parfum.jpg 720w"
sizes="(min-width: 1300px) 320px, (min-width: 768px) 120px, 50vw"
src="https://www.yousarssif.com/20193-default_md/genius-selina-eau-de-parfum.jpg"
width="320"
height="320"
loading="lazy"
alt="EMPER Genius Selina Eau de Parfum 100ml"
title="EMPER Genius Selina Eau de Parfum 100ml"
data-full-size-image-url="https://www.yousarssif.com/20193-home_default/genius-selina-eau-de-parfum.jpg"
>
</picture>
</a>
<button class="product-miniature__quickview_button btn btn-primary js-quickview btn-with-icon" data-link-action="quickview">
<i class="material-icons" aria-hidden="true"></i>
Aperçu rapide
</button>
<div class="card-body">
<p class="card-text brand-name">
EMPER
</p>
<p class="card-text category-name">Parfum</p>
<h5 class="product-miniature__infos__top card-title">
<a href="https://www.yousarssif.com/10579parfum-/11630-genius-selina-eau-de-parfum.html#/28-contenance-100_ml"><p class="product-miniature__title">Genius Selina Eau de Parfum</p></a>
</h5>
<!-- price block -->
<p class="card-text">
<span class="product-miniature__price" aria-label="Prix">
89,900 TND
</span>
<div class="product-miniature__discount-price">
</div>
</p>
<!--eof price block -->
</div>
</div>
</div> <style>
.js-quickview {
position: absolute;
z-index: 9999;
bottom: -50px;
left: 0;
right: 0;
opacity: 0;
transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.product-card {
position: relative;
overflow: hidden;
}
.product-card:hover .js-quickview {
bottom: 0;
opacity: 1;
}
.product-card .card-body {
transition: transform 0.3s ease-in-out;
}
.product-card:hover .card-body {
transform: translateY(-10px);
}
.product-miniature .card {
height: auto;
}
.badge.on-sale {
background-color: #f8d7da;
color: #721c24;
}
.badge.new {
background-color: #d1ecf1;
color: #0c5460;
}
.badge.discount {
background-color: #fefefe;
color: #721c24;
border-color:#721c24;
}
</style>
<div class="swiper-slide product-miniature js-product-miniature"
data-id-product="11496"
data-id-product-attribute="10312"
>
<div class="card product-card border-0 text-center"
data-id-product="11496"
data-id-product-attribute="10312">
<a href="https://www.yousarssif.com/10312parfum-/11496-code-le-parfum-homme.html#/27-contenance-50_ml" class="text-decoration-none text-reset">
<ul class="product-flags js-product-flags">
<li class="badge on-sale">Promo !</li>
<li class="badge discount">-20%</li>
</ul>
<picture>
<img
class="product-miniature__image card-img-top"
srcset=" https://www.yousarssif.com/19617-default_xs/code-le-parfum-homme.jpg 120w, https://www.yousarssif.com/19617-default_m/code-le-parfum-homme.jpg 200w, https://www.yousarssif.com/19617-default_md/code-le-parfum-homme.jpg 320w, https://www.yousarssif.com/19617-product_main/code-le-parfum-homme.jpg 720w"
sizes="(min-width: 1300px) 320px, (min-width: 768px) 120px, 50vw"
src="https://www.yousarssif.com/19617-default_md/code-le-parfum-homme.jpg"
width="320"
height="320"
loading="lazy"
alt="Code Le Parfum Homme 50 ML"
title="Code Le Parfum Homme 50 ML"
data-full-size-image-url="https://www.yousarssif.com/19617-home_default/code-le-parfum-homme.jpg"
>
</picture>
</a>
<button class="product-miniature__quickview_button btn btn-primary js-quickview btn-with-icon" data-link-action="quickview">
<i class="material-icons" aria-hidden="true"></i>
Aperçu rapide
</button>
<div class="card-body">
<p class="card-text brand-name">
GIORGIO ARMANI
</p>
<p class="card-text category-name">Parfum</p>
<h5 class="product-miniature__infos__top card-title">
<a href="https://www.yousarssif.com/10312parfum-/11496-code-le-parfum-homme.html#/27-contenance-50_ml"><p class="product-miniature__title">Code Le Parfum Homme</p></a>
</h5>
<!-- price block -->
<p class="card-text">
<span class="product-miniature__price" aria-label="Prix">
333,600 TND
</span>
<div class="product-miniature__discount-price">
<span class="product-miniature__regular-price" aria-label="Prix de base">417,000 TND</span>
</div>
</p>
<!--eof price block -->
</div>
</div>
</div> <style>
.js-quickview {
position: absolute;
z-index: 9999;
bottom: -50px;
left: 0;
right: 0;
opacity: 0;
transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.product-card {
position: relative;
overflow: hidden;
}
.product-card:hover .js-quickview {
bottom: 0;
opacity: 1;
}
.product-card .card-body {
transition: transform 0.3s ease-in-out;
}
.product-card:hover .card-body {
transform: translateY(-10px);
}
.product-miniature .card {
height: auto;
}
.badge.on-sale {
background-color: #f8d7da;
color: #721c24;
}
.badge.new {
background-color: #d1ecf1;
color: #0c5460;
}
.badge.discount {
background-color: #fefefe;
color: #721c24;
border-color:#721c24;
}
</style>
<div class="swiper-slide product-miniature js-product-miniature"
data-id-product="10623"
data-id-product-attribute="7693"
>
<div class="card product-card border-0 text-center"
data-id-product="10623"
data-id-product-attribute="7693">
<a href="https://www.yousarssif.com/7693parfum-/10623-burberry-edp-f-for-her-london-dream-30ml.html#/26-contenance-30_ml" class="text-decoration-none text-reset">
<ul class="product-flags js-product-flags">
</ul>
<picture>
<img
class="product-miniature__image card-img-top"
srcset=" https://www.yousarssif.com/15357-default_xs/burberry-edp-f-for-her-london-dream-30ml.jpg 120w, https://www.yousarssif.com/15357-default_m/burberry-edp-f-for-her-london-dream-30ml.jpg 200w, https://www.yousarssif.com/15357-default_md/burberry-edp-f-for-her-london-dream-30ml.jpg 320w, https://www.yousarssif.com/15357-product_main/burberry-edp-f-for-her-london-dream-30ml.jpg 720w"
sizes="(min-width: 1300px) 320px, (min-width: 768px) 120px, 50vw"
src="https://www.yousarssif.com/15357-default_md/burberry-edp-f-for-her-london-dream-30ml.jpg"
width="320"
height="320"
loading="lazy"
alt="BURBERRY EDP F FOR HER LONDON DREAM 30ML"
title="BURBERRY EDP F FOR HER LONDON DREAM 30ML"
data-full-size-image-url="https://www.yousarssif.com/15357-home_default/burberry-edp-f-for-her-london-dream-30ml.jpg"
>
</picture>
</a>
<button class="product-miniature__quickview_button btn btn-primary js-quickview btn-with-icon" data-link-action="quickview">
<i class="material-icons" aria-hidden="true"></i>
Aperçu rapide
</button>
<div class="card-body">
<p class="card-text brand-name">
BURBERRY
</p>
<p class="card-text category-name">Parfum</p>
<h5 class="product-miniature__infos__top card-title">
<a href="https://www.yousarssif.com/7693parfum-/10623-burberry-edp-f-for-her-london-dream-30ml.html#/26-contenance-30_ml"><p class="product-miniature__title">LONDON DREAM for her</p></a>
</h5>
<!-- price block -->
<p class="card-text">
<span class="product-miniature__price" aria-label="Prix">
292,999 TND
</span>
<div class="product-miniature__discount-price">
</div>
</p>
<!--eof price block -->
</div>
</div>
</div> <style>
.js-quickview {
position: absolute;
z-index: 9999;
bottom: -50px;
left: 0;
right: 0;
opacity: 0;
transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.product-card {
position: relative;
overflow: hidden;
}
.product-card:hover .js-quickview {
bottom: 0;
opacity: 1;
}
.product-card .card-body {
transition: transform 0.3s ease-in-out;
}
.product-card:hover .card-body {
transform: translateY(-10px);
}
.product-miniature .card {
height: auto;
}
.badge.on-sale {
background-color: #f8d7da;
color: #721c24;
}
.badge.new {
background-color: #d1ecf1;
color: #0c5460;
}
.badge.discount {
background-color: #fefefe;
color: #721c24;
border-color:#721c24;
}
</style>
<div class="swiper-slide product-miniature js-product-miniature"
data-id-product="10601"
data-id-product-attribute="7664"
>
<div class="card product-card border-0 text-center"
data-id-product="10601"
data-id-product-attribute="7664">
<a href="https://www.yousarssif.com/7664parfum-/10601-valentino-edp-h-uomo-born-in-roma-coral-fantasy.html#/28-contenance-100_ml" class="text-decoration-none text-reset">
<ul class="product-flags js-product-flags">
<li class="badge out_of_stock">Rupture de stock</li>
</ul>
<picture>
<img
class="product-miniature__image card-img-top"
srcset=" https://www.yousarssif.com/15335-default_xs/valentino-edp-h-uomo-born-in-roma-coral-fantasy.jpg 120w, https://www.yousarssif.com/15335-default_m/valentino-edp-h-uomo-born-in-roma-coral-fantasy.jpg 200w, https://www.yousarssif.com/15335-default_md/valentino-edp-h-uomo-born-in-roma-coral-fantasy.jpg 320w, https://www.yousarssif.com/15335-product_main/valentino-edp-h-uomo-born-in-roma-coral-fantasy.jpg 720w"
sizes="(min-width: 1300px) 320px, (min-width: 768px) 120px, 50vw"
src="https://www.yousarssif.com/15335-default_md/valentino-edp-h-uomo-born-in-roma-coral-fantasy.jpg"
width="320"
height="320"
loading="lazy"
alt="VALENTINO EDP H UOMO BORN IN ROMA CORAL FANTASY"
title="VALENTINO EDP H UOMO BORN IN ROMA CORAL FANTASY"
data-full-size-image-url="https://www.yousarssif.com/15335-home_default/valentino-edp-h-uomo-born-in-roma-coral-fantasy.jpg"
>
</picture>
</a>
<button class="product-miniature__quickview_button btn btn-primary js-quickview btn-with-icon" data-link-action="quickview">
<i class="material-icons" aria-hidden="true"></i>
Aperçu rapide
</button>
<div class="card-body">
<p class="card-text brand-name">
VALENTINO
</p>
<p class="card-text category-name">Parfum</p>
<h5 class="product-miniature__infos__top card-title">
<a href="https://www.yousarssif.com/7664parfum-/10601-valentino-edp-h-uomo-born-in-roma-coral-fantasy.html#/28-contenance-100_ml"><p class="product-miniature__title">UOMO Born IN Roma CORAL FANTASY</p></a>
</h5>
<!-- price block -->
<p class="card-text">
<span class="product-miniature__price" aria-label="Prix">
369,000 TND
</span>
<div class="product-miniature__discount-price">
</div>
</p>
<!--eof price block -->
</div>
</div>
</div> <style>
.js-quickview {
position: absolute;
z-index: 9999;
bottom: -50px;
left: 0;
right: 0;
opacity: 0;
transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.product-card {
position: relative;
overflow: hidden;
}
.product-card:hover .js-quickview {
bottom: 0;
opacity: 1;
}
.product-card .card-body {
transition: transform 0.3s ease-in-out;
}
.product-card:hover .card-body {
transform: translateY(-10px);
}
.product-miniature .card {
height: auto;
}
.badge.on-sale {
background-color: #f8d7da;
color: #721c24;
}
.badge.new {
background-color: #d1ecf1;
color: #0c5460;
}
.badge.discount {
background-color: #fefefe;
color: #721c24;
border-color:#721c24;
}
</style>
<div class="swiper-slide product-miniature js-product-miniature"
data-id-product="10585"
data-id-product-attribute="7629"
>
<div class="card product-card border-0 text-center"
data-id-product="10585"
data-id-product-attribute="7629">
<a href="https://www.yousarssif.com/7629parfum-/10585-the-scent-magnetic.html#/26-contenance-30_ml" class="text-decoration-none text-reset">
<ul class="product-flags js-product-flags">
<li class="badge on-sale">Promo !</li>
<li class="badge discount">-30%</li>
</ul>
<picture>
<img
class="product-miniature__image card-img-top"
srcset=" https://www.yousarssif.com/19263-default_xs/the-scent-magnetic.jpg 120w, https://www.yousarssif.com/19263-default_m/the-scent-magnetic.jpg 200w, https://www.yousarssif.com/19263-default_md/the-scent-magnetic.jpg 320w, https://www.yousarssif.com/19263-product_main/the-scent-magnetic.jpg 720w"
sizes="(min-width: 1300px) 320px, (min-width: 768px) 120px, 50vw"
src="https://www.yousarssif.com/19263-default_md/the-scent-magnetic.jpg"
width="320"
height="320"
loading="lazy"
alt="BOSS The Scent Magnetic Eau de Parfum Homme | Parfum Oriental Vanillé"
title="BOSS The Scent Magnetic Eau de Parfum Homme | Parfum Oriental Vanillé"
data-full-size-image-url="https://www.yousarssif.com/19263-home_default/the-scent-magnetic.jpg"
>
</picture>
</a>
<button class="product-miniature__quickview_button btn btn-primary js-quickview btn-with-icon" data-link-action="quickview">
<i class="material-icons" aria-hidden="true"></i>
Aperçu rapide
</button>
<div class="card-body">
<p class="card-text brand-name">
BOSS
</p>
<p class="card-text category-name">Parfum</p>
<h5 class="product-miniature__infos__top card-title">
<a href="https://www.yousarssif.com/7629parfum-/10585-the-scent-magnetic.html#/26-contenance-30_ml"><p class="product-miniature__title">THE scent MAGNETIC</p></a>
</h5>
<!-- price block -->
<p class="card-text">
<span class="product-miniature__price" aria-label="Prix">
209,300 TND
</span>
<div class="product-miniature__discount-price">
<span class="product-miniature__regular-price" aria-label="Prix de base">299,001 TND</span>
</div>
</p>
<!--eof price block -->
</div>
</div>
</div>
</div>
<div class="swiper-pagination"></div>
<div class="custom-next">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path d="M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM241 377c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l87-87-87-87c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L345 239c9.4 9.4 9.4 24.6 0 33.9L241 377z"/></svg>
</div>
<div class="custom-prev">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path d="M512 256A256 256 0 1 0 0 256a256 256 0 1 0 512 0zM271 135c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-87 87 87 87c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0L167 273c-9.4-9.4-9.4-24.6 0-33.9L271 135z"/></svg>
</div>
</div>
</section>
<script>
var swiper = new Swiper(".best-swiper", {
slidesPerView: 1,
spaceBetween: 10,
pagination: {
el: ".swiper-pagination",
clickable: true,
},
navigation: {
nextEl: ".custom-next",
prevEl: ".custom-prev",
},
breakpoints: {
640: {
slidesPerView: 2,
spaceBetween: 20,
},
768: {
slidesPerView: 4,
spaceBetween: 40,
},
1024: {
slidesPerView: 4,
spaceBetween: 40,
},
},
});
</script><section class="sale-products container mt-5">
<div class="d-md-flex justify-content-between align-items-md-center pt-4 pb-5">
<h2 class="mb-0">En promo</h2>
<a href="https://www.yousarssif.com/bon-plan" class="view-all">Tous les produits en promotion</a>
</div>
<div class="swiper y-swiper lastest-swiper">
<div class="row">
<div class="col-md-6">
<style>
.js-quickview {
position: absolute;
bottom: -50px;
left: 0;
right: 0;
opacity: 0;
transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.product-card {
position: relative;
overflow: hidden;
}
.product-card:hover .js-quickview {
bottom: 0;
opacity: 1;
}
.product-card .card-body {
transition: transform 0.3s ease-in-out;
}
.product-card:hover .card-body {
transform: translateY(-10px);
}
.product-miniature .card {
height: auto;
}
.badge.on-sale {
background-color: #f8d7da;
color: #721c24;
}
.badge.new {
background-color: #d1ecf1;
color: #0c5460;
}
.badge.discount {
background-color: #fefefe;
color: #721c24;
border-color:#721c24;
}
</style>
<div class="swiper-slide product-miniature js-product-miniature"
data-id-product="10678"
data-id-product-attribute="0"
>
<div class="card product-card border-0 text-center"
data-id-product="10678"
data-id-product-attribute="0">
<div class="d-md-flex justify-content-between align-items-md-center pt-4 pb-5">
<div>
<!-- img -->
<a href="https://www.yousarssif.com/accueil/10678-gucci-edp-intense-oud-90ml.html" class="text-decoration-none text-reset">
<ul class="product-flags js-product-flags">
<li class="badge on-sale">Promo !</li>
<li class="badge discount">-20%</li>
</ul>
<picture>
<img
class="product-miniature__image card-img-top"
srcset=" https://www.yousarssif.com/15475-default_xs/gucci-edp-intense-oud-90ml.jpg 120w, https://www.yousarssif.com/15475-default_m/gucci-edp-intense-oud-90ml.jpg 200w, https://www.yousarssif.com/15475-default_md/gucci-edp-intense-oud-90ml.jpg 320w, https://www.yousarssif.com/15475-product_main/gucci-edp-intense-oud-90ml.jpg 720w"
sizes="(min-width: 1300px) 320px, (min-width: 768px) 120px, 50vw"
src="https://www.yousarssif.com/15475-default_md/gucci-edp-intense-oud-90ml.jpg"
width="320"
height="320"
loading="lazy"
alt="Découvrez INTENSE OUD eau de parfum oriental intense chez yousarssif."
title="Découvrez INTENSE OUD eau de parfum oriental intense chez yousarssif."
data-full-size-image-url="https://www.yousarssif.com/15475-home_default/gucci-edp-intense-oud-90ml.jpg"
>
</picture>
</a>
<!-- eof image -->
</div>
<div>
<button class="product-miniature__quickview_button btn btn-primary js-quickview btn-with-icon" data-link-action="quickview">
<i class="material-icons" aria-hidden="true"></i>
Aperçu rapide
</button>
<div class="card-body">
<p class="card-text brand-name">
GUCCI
</p>
<p class="card-text category-name">Accueil</p>
<h5 class="product-miniature__infos__top card-title">
<a href="https://www.yousarssif.com/accueil/10678-gucci-edp-intense-oud-90ml.html"><p class="product-miniature__title">INTENSE OUD eau de parfum 90ML</p></a>
</h5>
<!-- price block -->
<p class="card-text">
<span class="product-miniature__price" aria-label="Prix">
468,000 TND
</span>
</p>
<div class="product-miniature__discount-price">
<span class="product-miniature__regular-price" aria-label="Prix de base">585,000 TND</span>
</div>
</p>
<!--eof price block -->
<!-- counter block -->
<div class="countdown-timer"
data-end-date="2026-09-30 23:59:59">
<span class="days">00</span>d
<span class="hours">00</span>h
<span class="minutes">00</span>m
<span class="seconds">00</span>s
</div>
<!-- eof counter block -->
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<style>
.js-quickview {
position: absolute;
bottom: -50px;
left: 0;
right: 0;
opacity: 0;
transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.product-card {
position: relative;
overflow: hidden;
}
.product-card:hover .js-quickview {
bottom: 0;
opacity: 1;
}
.product-card .card-body {
transition: transform 0.3s ease-in-out;
}
.product-card:hover .card-body {
transform: translateY(-10px);
}
.product-miniature .card {
height: auto;
}
.badge.on-sale {
background-color: #f8d7da;
color: #721c24;
}
.badge.new {
background-color: #d1ecf1;
color: #0c5460;
}
.badge.discount {
background-color: #fefefe;
color: #721c24;
border-color:#721c24;
}
</style>
<div class="swiper-slide product-miniature js-product-miniature"
data-id-product="11319"
data-id-product-attribute="0"
>
<div class="card product-card border-0 text-center"
data-id-product="11319"
data-id-product-attribute="0">
<div class="d-md-flex justify-content-between align-items-md-center pt-4 pb-5">
<div>
<!-- img -->
<a href="https://www.yousarssif.com/parfum-/11319-coffret-gucci-guilty-edp90mledp10mlbl50ml.html" class="text-decoration-none text-reset">
<ul class="product-flags js-product-flags">
<li class="badge on-sale">Promo !</li>
<li class="badge discount">-30%</li>
<li class="badge out_of_stock">Rupture de stock</li>
</ul>
<picture>
<img
class="product-miniature__image card-img-top"
srcset=" https://www.yousarssif.com/19298-default_xs/coffret-gucci-guilty-edp90mledp10mlbl50ml.jpg 120w, https://www.yousarssif.com/19298-default_m/coffret-gucci-guilty-edp90mledp10mlbl50ml.jpg 200w, https://www.yousarssif.com/19298-default_md/coffret-gucci-guilty-edp90mledp10mlbl50ml.jpg 320w, https://www.yousarssif.com/19298-product_main/coffret-gucci-guilty-edp90mledp10mlbl50ml.jpg 720w"
sizes="(min-width: 1300px) 320px, (min-width: 768px) 120px, 50vw"
src="https://www.yousarssif.com/19298-default_md/coffret-gucci-guilty-edp90mledp10mlbl50ml.jpg"
width="320"
height="320"
loading="lazy"
alt="Coffret Gucci Guilty Femme EDP 90ML + 10ML + Body Lotion 50ML"
title="Coffret Gucci Guilty Femme EDP 90ML + 10ML + Body Lotion 50ML"
data-full-size-image-url="https://www.yousarssif.com/19298-home_default/coffret-gucci-guilty-edp90mledp10mlbl50ml.jpg"
>
</picture>
</a>
<!-- eof image -->
</div>
<div>
<button class="product-miniature__quickview_button btn btn-primary js-quickview btn-with-icon" data-link-action="quickview">
<i class="material-icons" aria-hidden="true"></i>
Aperçu rapide
</button>
<div class="card-body">
<p class="card-text brand-name">
GUCCI
</p>
<p class="card-text category-name">Parfum</p>
<h5 class="product-miniature__infos__top card-title">
<a href="https://www.yousarssif.com/parfum-/11319-coffret-gucci-guilty-edp90mledp10mlbl50ml.html"><p class="product-miniature__title">Coffret Gucci Guilty (EDP90ML+EDP10ML+B.L50ML)</p></a>
</h5>
<!-- price block -->
<p class="card-text">
<span class="product-miniature__price" aria-label="Prix">
395,500 TND
</span>
</p>
<div class="product-miniature__discount-price">
<span class="product-miniature__regular-price" aria-label="Prix de base">565,000 TND</span>
</div>
</p>
<!--eof price block -->
<!-- counter block -->
<div class="countdown-timer"
data-end-date="2026-09-30 23:59:59">
<span class="days">00</span>d
<span class="hours">00</span>h
<span class="minutes">00</span>m
<span class="seconds">00</span>s
</div>
<!-- eof counter block -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<script>
document.addEventListener('DOMContentLoaded', function () {
const countdownElements = document.querySelectorAll('.countdown-timer');
countdownElements.forEach((element) => {
const endDate = new Date(element.getAttribute('data-end-date')).getTime();
const updateCountdown = () => {
const now = new Date().getTime();
const timeLeft = endDate - now;
if (timeLeft <= 0) {
element.innerHTML = 'Promotion Ended';
return;
}
const days = Math.floor(timeLeft / (1000 * 60 * 60 * 24));
const hours = Math.floor((timeLeft % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
const minutes = Math.floor((timeLeft % (1000 * 60 * 60)) / (1000 * 60));
const seconds = Math.floor((timeLeft % (1000 * 60)) / 1000);
element.querySelector('.days').textContent = days.toString().padStart(2, '0');
element.querySelector('.hours').textContent = hours.toString().padStart(2, '0');
element.querySelector('.minutes').textContent = minutes.toString().padStart(2, '0');
element.querySelector('.seconds').textContent = seconds.toString().padStart(2, '0');
};
updateCountdown();
setInterval(updateCountdown, 1000);
});
});
</script><div class="blog-block container">
<h2>Articles de blog récents</h2>
<div class="row">
<div class="col-md-4 mb-4">
<div class="blog-post">
<div class="overflow-hidden">
<a href="https://www.yousarssif.com/content/78-quel-parfum-choisir-pour-la-rentree-les-tendances-et-conseils-pour-trouver-son-parfum-ideal">
<img src="https://www.yousarssif.com/img/cms/quel-parfum-choisir-pour-la-rentree-les-tendances-et-conseils-pour-trouver-son-parfum-ideal.jpg" alt="Quel parfum choisir pour la rentrée ? Les tendances et conseils pour trouver son parfum idéal" class="rounded img-fluid shadow-sm zoom-oh">
</a>
</div>
<h3 class="mt-3"><a href="https://www.yousarssif.com/content/78-quel-parfum-choisir-pour-la-rentree-les-tendances-et-conseils-pour-trouver-son-parfum-ideal" title="Quel parfum choisir pour la rentrée ? Les tendances et conseils pour trouver son parfum idéal">Quel parfum choisir pour la rentrée ? Les tendances et conseils pour trouver son parfum idéal</a></h3>
<p>
<a href="https://www.yousarssif.com/content/78-quel-parfum-choisir-pour-la-rentree-les-tendances-et-conseils-pour-trouver-son-parfum-ideal" style="color:#000">
Quel parfum choisir pour la rentrée ? Découvrez les tendances parfum 2026 et nos conseils pour...
</a></p>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="blog-post">
<div class="overflow-hidden">
<a href="https://www.yousarssif.com/content/77-cheveux-apres-lete-7-soins-indispensables-pour-retrouver-des-cheveux-doux-et-brillants">
<img src="https://www.yousarssif.com/img/cms/cheveux-apres-lete-7-soins-indispensables-pour-retrouver-des-cheveux-doux-et-brillants.jpg" alt="Les indispensables beauté pour la rentrée : la routine parfaite pour bien commencer septembre" class="rounded img-fluid shadow-sm zoom-oh">
</a>
</div>
<h3 class="mt-3"><a href="https://www.yousarssif.com/content/77-cheveux-apres-lete-7-soins-indispensables-pour-retrouver-des-cheveux-doux-et-brillants" title="Les indispensables beauté pour la rentrée : la routine parfaite pour bien commencer septembre">Les indispensables beauté pour la rentrée : la routine parfaite pour bien commencer septembre</a></h3>
<p>
<a href="https://www.yousarssif.com/content/77-cheveux-apres-lete-7-soins-indispensables-pour-retrouver-des-cheveux-doux-et-brillants" style="color:#000">
Découvrez la routine beauté idéale pour la rentrée : soins visage, cheveux, maquillage et parfum...
</a></p>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="blog-post">
<div class="overflow-hidden">
<a href="https://www.yousarssif.com/content/63-beauty-reset-comment-refaire-sa-routine-beaute-apres-lete-">
<img src="https://www.yousarssif.com/img/cms/beauty-reset-comment-refaire-sa-routine-beaute-apres-lete-.jpg" alt="Beauty Reset : comment refaire sa routine beauté après l’été ?" class="rounded img-fluid shadow-sm zoom-oh">
</a>
</div>
<h3 class="mt-3"><a href="https://www.yousarssif.com/content/63-beauty-reset-comment-refaire-sa-routine-beaute-apres-lete-" title="Beauty Reset : comment refaire sa routine beauté après l’été ?">Beauty Reset : comment refaire sa routine beauté après l’été ?</a></h3>
<p>
<a href="https://www.yousarssif.com/content/63-beauty-reset-comment-refaire-sa-routine-beaute-apres-lete-" style="color:#000">
Après l’été, adoptez une nouvelle routine beauté : découvrez nos conseils Beauty Reset pour...
</a></p>
</div>
</div>
</div>
</div>
</section>
<footer class="page-footer">
<!-- Footer content -->
</footer>
<!-- TODO INSIDE -->
</div>
</main>
<footer id="footer" class="footer">
<div class="footer__before">
<div class="email-subscription px-0 py-4">
<div class="container px-1">
<div class="email-subscription__content row">
<div class="email-subscription__content__left col-md-5">
<p id="block-newsletter-label-displayFooterBefore" class="email-subscription__label">Recevez nos offres spéciales</p>
</div>
<div class="email-subscription__content__right col-md-7">
<form action="https://www.yousarssif.com/#blockEmailSubscription_displayFooterBefore" method="post">
<div class="email-subscription__content__inputs inline-items">
<input
name="email"
type="email"
class="form-control"
value=""
placeholder="Votre adresse e-mail"
aria-labelledby="block-newsletter-label-displayFooterBefore"
required
>
<input
class="btn btn-primary"
name="submitNewsletter"
type="submit"
value="S’abonner"
>
</div>
<div class="email-subscription__content__infos">
<p>Vous pouvez vous désinscrire à tout moment. Vous trouverez pour cela nos informations de contact dans les conditions d'utilisation du site.</p>
</div>
<input type="hidden" name="blockHookName" value="displayFooterBefore" />
<input type="hidden" name="action" value="0">
</form>
</div>
</div>
</div>
</div>
<div class="block-social d-flex justify-content-center align-items-center p-4">
<a href="https://www.facebook.com/yousarssif.tn" title="Facebook" class="mx-2 fs-4" target="_blank" rel="noopener noreferrer">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="1em" viewbox="0 0 448 512" fill="currentcolor">
<path d="M400 32H48A48 48 0 0 0 0 80v352a48 48 0 0 0 48 48h137.25V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.27c-30.81 0-40.42 19.12-40.42 38.73V256h68.78l-11 71.69h-57.78V480H400a48 48 0 0 0 48-48V80a48 48 0 0 0-48-48z" />
</svg>
</a>
<a href="https://www.instagram.com/yousarssif.tn/" title="Instagram" class="mx-2 fs-4" target="_blank" rel="noopener noreferrer">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="1em" viewbox="0 0 448 512" fill="currentcolor">
<path d="M224,202.66A53.34,53.34,0,1,0,277.36,256,53.38,53.38,0,0,0,224,202.66Zm124.71-41a54,54,0,0,0-30.41-30.41c-21-8.29-71-6.43-94.3-6.43s-73.25-1.93-94.31,6.43a54,54,0,0,0-30.41,30.41c-8.28,21-6.43,71.05-6.43,94.33S91,329.26,99.32,350.33a54,54,0,0,0,30.41,30.41c21,8.29,71,6.43,94.31,6.43s73.24,1.93,94.3-6.43a54,54,0,0,0,30.41-30.41c8.35-21,6.43-71.05,6.43-94.33S357.1,182.74,348.75,161.67ZM224,338a82,82,0,1,1,82-82A81.9,81.9,0,0,1,224,338Zm85.38-148.3a19.14,19.14,0,1,1,19.13-19.14A19.1,19.1,0,0,1,309.42,189.74ZM400,32H48A48,48,0,0,0,0,80V432a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V80A48,48,0,0,0,400,32ZM382.88,322c-1.29,25.63-7.14,48.34-25.85,67s-41.4,24.63-67,25.85c-26.41,1.49-105.59,1.49-132,0-25.63-1.29-48.26-7.15-67-25.85s-24.63-41.42-25.85-67c-1.49-26.42-1.49-105.61,0-132,1.29-25.63,7.07-48.34,25.85-67s41.47-24.56,67-25.78c26.41-1.49,105.59-1.49,132,0,25.63,1.29,48.33,7.15,67,25.85s24.63,41.42,25.85,67.05C384.37,216.44,384.37,295.56,382.88,322Z" />
</svg>
</a>
<a href="https://www.tiktok.com/@yousarssif.tn?_r=1&_t=ZM-9281Mw2kUUC" title="TikTok" class="mx-2 fs-4" target="_blank" rel="noopener noreferrer">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="1em" viewbox="0 0 448 512" fill="currentcolor">
</svg>
</a>
</div>
</div>
<div class="footer__main">
<div class="container">
<div class="footer__main__top row">
<div class="footer__block col-md-6 col-lg-3">
<p class="footer__block__title d-none d-md-flex">Produits</p>
<div role="button" class="footer__block__toggle d-md-none collapsed" aria-expanded="false" data-bs-target="#footer_sub_menu_1" data-bs-toggle="collapse">
<span class="footer__block__title">Produits</span>
<i class="material-icons" aria-hidden="true">arrow_drop_down</i>
</div>
<ul id="footer_sub_menu_1" class="footer__block__content footer__block__content-list collapse">
<li>
<a
id="link-product-page-prices-drop-1"
class="cms-page-link"
href="https://www.yousarssif.com/bon-plan"
title="Bon plan beauté : nous partageons des produits à prix doux et des offres secrètes qui valent vraiment le détour."
>
Bon plan : nous révélons des offres beauté irrésistibles
</a>
</li>
<li>
<a
id="link-product-page-new-products-1"
class="cms-page-link"
href="https://www.yousarssif.com/nouveaux-produits"
title="Nos nouveaux produits"
>
Nouveaux produits
</a>
</li>
<li>
<a
id="link-product-page-best-sales-1"
class="cms-page-link"
href="https://www.yousarssif.com/meilleures-ventes"
title="Nos meilleures ventes"
>
Meilleures ventes
</a>
</li>
</ul>
</div>
<div class="footer__block col-md-6 col-lg-3">
<p class="footer__block__title d-none d-md-flex">Notre société</p>
<div role="button" class="footer__block__toggle d-md-none collapsed" aria-expanded="false" data-bs-target="#footer_sub_menu_2" data-bs-toggle="collapse">
<span class="footer__block__title">Notre société</span>
<i class="material-icons" aria-hidden="true">arrow_drop_down</i>
</div>
<ul id="footer_sub_menu_2" class="footer__block__content footer__block__content-list collapse">
<li>
<a
id="link-cms-page-3-2"
class="cms-page-link"
href="https://www.yousarssif.com/content/3-conditions-vente-en-ligne-tunisie"
title="Le site www.yousarssif.com est le seul site Web de vente en ligne qui appartient à la Société espace YOUSARSSIF."
>
Vente en ligne Tunisie
</a>
</li>
<li>
<a
id="link-cms-page-5-2"
class="cms-page-link"
href="https://www.yousarssif.com/content/5-paiement-securise"
title="Notre méthode de paiement sécurisé"
>
Paiement sécurisé
</a>
</li>
<li>
<a
id="link-static-page-contact-2"
class="cms-page-link"
href="https://www.yousarssif.com/nous-contacter"
title="Utiliser le formulaire pour nous contacter"
>
Contactez-nous
</a>
</li>
<li>
<a
id="link-static-page-sitemap-2"
class="cms-page-link"
href="https://www.yousarssif.com/plan-site"
title="Vous êtes perdu ? Trouvez ce que vous cherchez"
>
Plan du site
</a>
</li>
<li>
<a
id="link-static-page-stores-2"
class="cms-page-link"
href="https://www.yousarssif.com/magasins"
title=""
>
Magasins
</a>
</li>
</ul>
</div>
<div id="block-myaccount-infos" class="footer__block col-md-6 col-lg-3">
<p class="footer__block__title d-none d-md-flex">
<a href="https://www.yousarssif.com/mon-compte" rel="nofollow">
Votre compte
</a>
</p>
<div role="button" class="footer__block__toggle d-md-none collapsed" data-bs-target="#footer_account_list" data-bs-toggle="collapse" aria-expanded="false">
<span class="footer__block__title">Votre compte</span>
<i class="material-icons" aria-hidden="true">arrow_drop_down</i>
</div>
<ul class="footer__block__content footer__block__content-list collapse" id="footer_account_list">
<li><a href="https://www.yousarssif.com/suivi-commande-invite" title="Suivi de commande" rel="nofollow">Suivi de commande</a></li>
<li><a href="https://www.yousarssif.com/mon-compte" title="Identifiez-vous" rel="nofollow">Connexion</a></li>
<li><a href="https://www.yousarssif.com/index.php?controller=registration" title="Créez votre compte" rel="nofollow">Créez votre compte</a></li>
</ul>
</div>
<div class="footer__block block-contact col-md-6 col-lg-3">
<p class="footer__block__title d-none d-md-flex">
Yousarssif est l'endroit secret qui rend votre vie en quête d'élégance et de simplicité. Découvrez les nouveautés, retrouvez vos top vente et profitez de top promos pour être au top !
</p>
<div role="button" class="footer__block__toggle d-md-none collapsed" data-bs-target="#contact-infos" data-bs-toggle="collapse" aria-expanded="false">
<span class="footer__block__title">Informations</span>
<i class="material-icons" aria-hidden="true">arrow_drop_down</i>
</div>
<div id="contact-infos" class="footer__block__content footer__block__content-contact collapse">
<div class="contact__infos">
Tel.: (+216) 99 604 688
</div>
<div class="contact__email">
<i class="material-icons" aria-hidden="true">mail</i>
webmaster@yousarssif.com
</div>
</div>
</div>
<div
class="wishlist-add-to"
data-url="https://www.yousarssif.com/module/blockwishlist/action?action=getAllWishlist"
>
<div
class="wishlist-modal modal fade"
:class="{show: !isHidden}"
tabindex="-1"
role="dialog"
aria-modal="true"
>
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header px-3">
<p class="h5 modal-title">Ajouter à ma liste d'envies</p>
<button
type="button"
class="btn-close"
@click="toggleModal"
data-dismiss="modal"
aria-label="Close"
></button>
</div>
<div class="modal-body">
<choose-list
@hide="toggleModal"
:product-id="productId"
:product-attribute-id="productAttributeId"
:quantity="quantity"
url="https://www.yousarssif.com/module/blockwishlist/action?action=getAllWishlist"
add-url="https://www.yousarssif.com/module/blockwishlist/action?action=addProductToWishlist"
empty-text="Aucune liste trouvée."
></choose-list>
</div>
<div class="modal-footer">
<div role="button" @click="openNewWishlistModal" class="wishlist-add-to-new text-primary">
<i class="material-icons text-primary" aria-hidden="true">add_circle_outline</i> Créer une nouvelle liste
</div>
</div>
</div>
</div>
</div>
<div
class="modal-backdrop fade"
:class="{show: !isHidden}"
></div>
</div>
<div
class="wishlist-delete"
data-delete-list-url="https://www.yousarssif.com/module/blockwishlist/action?action=deleteWishlist"
data-delete-product-url="https://www.yousarssif.com/module/blockwishlist/action?action=deleteProductFromWishlist"
data-title="Retirer le produit de la liste d'envies"
data-title-list="Supprimer la liste d'envies"
data-placeholder='Le produit sera retiré de "%nameofthewishlist%".'
data-cancel-text="Annuler"
data-delete-text="Retirer"
data-delete-text-list="Supprimer"
>
<div
class="wishlist-modal modal fade"
:class="{show: !isHidden}"
tabindex="-1"
role="dialog"
aria-modal="true"
>
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header px-3">
<p class="h5 modal-title">((modalTitle))</p>
<button
type="button"
class="btn-close"
@click="toggleModal"
data-dismiss="modal"
aria-label="Close"
></button>
</div>
<div class="modal-body" v-if="productId">
<p class="modal-text">((confirmMessage))</p>
</div>
<div class="modal-footer">
<button
type="button"
class="modal-cancel btn btn-secondary"
data-dismiss="modal"
@click="toggleModal"
>((cancelText))</button>
<button
type="button"
class="btn btn-primary"
@click="deleteWishlist"
>((modalDeleteText))</button>
</div>
</div>
</div>
</div>
<div
class="modal-backdrop fade"
:class="{show: !isHidden}"
></div>
</div>
<div
class="wishlist-create"
data-url="https://www.yousarssif.com/module/blockwishlist/action?action=createNewWishlist"
data-title="Créer une liste d'envies"
data-label="Nom de la liste d'envies"
data-placeholder="Ajouter un nom"
data-cancel-text="Annuler"
data-create-text="Créer une liste d'envies"
data-length-text="Le titre de la liste est trop court"
>
<div
class="wishlist-modal modal fade"
:class="{show: !isHidden}"
tabindex="-1"
role="dialog"
aria-modal="true"
>
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header px-3">
<p class="h5 modal-title">((title))</p>
<button
type="button"
class="btn-close"
@click="toggleModal"
data-dismiss="modal"
aria-label="Close"
></button>
</div>
<div class="modal-body">
<div class="form-group form-group-lg">
<label class="form-label" for="input2">((label))</label>
<input
type="text"
class="form-control form-control-lg"
v-model="value"
id="input2"
:placeholder="placeholder"
>
</div>
</div>
<div class="modal-footer">
<button
type="button"
class="modal-cancel btn btn-secondary"
data-dismiss="modal"
@click="toggleModal"
>((cancelText))</button>
<button
type="button"
class="btn btn-primary"
@click="createWishlist"
>((createText))</button>
</div>
</div>
</div>
</div>
<div
class="modal-backdrop fade"
:class="{show: !isHidden}"
></div>
</div>
<div
class="wishlist-login"
data-login-text="Connexion"
data-cancel-text="Annuler"
>
<div
class="wishlist-modal modal fade"
:class="{show: !isHidden}"
tabindex="-1"
role="dialog"
aria-modal="true"
>
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header px-3">
<p class="h5 modal-title">Connexion</p>
<button
type="button"
class="btn-close"
@click="toggleModal"
data-dismiss="modal"
aria-label="Close"
></button>
</div>
<div class="modal-body">
<p class="modal-text">Vous devez être connecté pour ajouter des produits à votre liste d'envies.</p>
</div>
<div class="modal-footer">
<button
type="button"
class="modal-cancel btn btn-secondary"
data-dismiss="modal"
@click="toggleModal"
>((cancelText))</button>
<a
class="btn btn-primary"
:href="prestashop.urls.pages.authentication"
>((loginText))</a>
</div>
</div>
</div>
</div>
<div
class="modal-backdrop fade"
:class="{show: !isHidden}"
></div>
</div>
<div
class="wishlist-toast"
data-rename-wishlist-text="Nom de la liste d'envies modifié !"
data-added-wishlist-text="Produit ajouté à la liste d'envies !"
data-create-wishlist-text="Liste d'envies créée !"
data-delete-wishlist-text="Liste d'envies supprimée !"
data-copy-text="Lien de partage copié !"
data-delete-product-text="Produit supprimé !"
></div>
</div>
<div class="footer__main__bottom row">
</div>
</div>
</div>
<script>
// Function to validate Tunisian phone numbers (8 digits, starting with 2,4,5, or 9)
function isValidPhoneTN(number) {
var regex = /^[2459]\d7$/;
return regex.test(number.trim());
}
// Wait for the DOM to load
document.addEventListener("DOMContentLoaded", function() {
// Select all forms with the class "form-validation"
var forms = document.querySelectorAll(".form-validation");
// Attach the submit event listener to each form
forms.forEach(function(form) {
form.addEventListener("submit", function(e) {
// Look for the phone input inside the form
var phoneInput = form.querySelector('input[name="field-phone"]');
if (phoneInput && !isValidPhoneTN(phoneInput.value)) {
// Prevent submission if phone is invalid
e.preventDefault();
alert("Please enter a valid 8-digit phone number starting with 2, 4, 5 or 9.");
phoneInput.focus();
}
});
});
});
</script>
</footer>
<script type="text/javascript" src="https://www.yousarssif.com/themes/child_hummingbird/assets/cache/bottom-32ab9f341.js" ></script>
<div class="page-loader js-page-loader d-none">
<div class="spinner-border text-primary" role="status">
<span class="visually-hidden">Loading...</span>
</div>
</div>
<div class="toast-container position-fixed top-0 end-0 p-3" id="js-toast-container">
<template class="js-toast-template">
<div class="toast" role="alert" aria-live="assertive" aria-atomic="true">
<div class="d-flex">
<div class="toast-body"></div>
<button type="button" class="btn-close me-2 m-auto d-none" data-bs-dismiss="toast"></button>
</div>
</div>
</template>
</div>
<template id="password-feedback">
<div
class="password-strength-feedback d-none"
>
<div class="progress-container">
<div class="progress mb-3">
<div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<script type="text/javascript" class="js-hint-password">
{"0":"Tr\u00e8s faible","1":"Faible","2":"Moyenne","3":"Fort","4":"Tr\u00e8s fort","Straight rows of keys are easy to guess":"Les suites de touches sur le clavier sont faciles \u00e0 deviner","Short keyboard patterns are easy to guess":"Les mod\u00e8les courts sur le clavier sont faciles \u00e0 deviner.","Use a longer keyboard pattern with more turns":"Utilisez une combinaison de touches plus longue et plus complexe.","Repeats like \"aaa\" are easy to guess":"Les r\u00e9p\u00e9titions (ex. : \"aaa\") sont faciles \u00e0 deviner.","Repeats like \"abcabcabc\" are only slightly harder to guess than \"abc\"":"Les r\u00e9p\u00e9titions (ex. : \"abcabcabc\") sont seulement un peu plus difficiles \u00e0 deviner que \"abc\".","Sequences like abc or 6543 are easy to guess":"Les s\u00e9quences (ex. : abc ou 6543) sont faciles \u00e0 deviner.","Recent years are easy to guess":"Les ann\u00e9es r\u00e9centes sont faciles \u00e0 deviner.","Dates are often easy to guess":"Les dates sont souvent faciles \u00e0 deviner.","This is a top-10 common password":"Ce mot de passe figure parmi les 10 mots de passe les plus courants.","This is a top-100 common password":"Ce mot de passe figure parmi les 100 mots de passe les plus courants.","This is a very common password":"Ceci est un mot de passe tr\u00e8s courant.","This is similar to a commonly used password":"Ce mot de passe est similaire \u00e0 un mot de passe couramment utilis\u00e9.","A word by itself is easy to guess":"Un mot seul est facile \u00e0 deviner.","Names and surnames by themselves are easy to guess":"Les noms et les surnoms seuls sont faciles \u00e0 deviner.","Common names and surnames are easy to guess":"Les noms et les pr\u00e9noms courants sont faciles \u00e0 deviner.","Use a few words, avoid common phrases":"Utilisez quelques mots, \u00e9vitez les phrases courantes.","No need for symbols, digits, or uppercase letters":"Pas besoin de symboles, de chiffres ou de majuscules.","Avoid repeated words and characters":"\u00c9viter de r\u00e9p\u00e9ter les mots et les caract\u00e8res.","Avoid sequences":"\u00c9viter les s\u00e9quences.","Avoid recent years":"\u00c9vitez les ann\u00e9es r\u00e9centes.","Avoid years that are associated with you":"\u00c9vitez les ann\u00e9es qui vous sont associ\u00e9es.","Avoid dates and years that are associated with you":"\u00c9vitez les dates et les ann\u00e9es qui vous sont associ\u00e9es.","Capitalization doesn't help very much":"Les majuscules ne sont pas tr\u00e8s utiles.","All-uppercase is almost as easy to guess as all-lowercase":"Un mot de passe tout en majuscules est presque aussi facile \u00e0 deviner qu'un mot de passe tout en minuscules.","Reversed words aren't much harder to guess":"Les mots invers\u00e9s ne sont pas beaucoup plus difficiles \u00e0 deviner.","Predictable substitutions like '@' instead of 'a' don't help very much":"Les substitutions pr\u00e9visibles comme '\"@\" au lieu de \"a\" n'aident pas beaucoup.","Add another word or two. Uncommon words are better.":"Ajoutez un autre mot ou deux. Pr\u00e9f\u00e9rez les mots peu courants."}
</script>
<div class="password-strength-text"></div>
<div class="password-requirements">
<p class="password-requirements-length" data-translation="Entrez un mot de passe entre %s et %s caractères.">
<i class="material-icons">check_circle</i>
<span></span>
</p>
<p class="password-requirements-score" data-translation="Le score minimum doit être: %s.">
<i class="material-icons">check_circle</i>
<span></span>
</p>
</div>
</div>
</template>
</body>
</html>
